GitHub Pages 複数ページ作成 - SEOチェックリスト
キーワード最適化
ターゲットキーワード
- 主要:「GitHub Pages 複数ページ」
- サブ:「GitHub Pages 作り方」「GitHub Pages HTML」「GitHub Pages Jekyll」
- ロングテール:「GitHub Pages 複数ページ 作り方」「GitHub Pages 静的サイト 複数」
キーワード配置
- タイトルタグ:○ 含まれている
- メタディスクリプション:要追加
- H1見出し:○ 含まれている
- H2見出し:○ 適切に配置
- 本文:○ 自然に含まれている
構造化データの推奨
{
"@context": "https://schema.org",
"@type": "TechArticle",
"headline": "GitHub Pagesで複数ページのWebサイトを作成する完全ガイド【2025年版】",
"datePublished": "2025-01-04",
"dateModified": "2025-01-04",
"author": {
"@type": "Person",
"@name": "aiedoc"
},
"publisher": {
"@type": "Organization",
"@name": "aiedoc"
},
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://aiedoc.github.io/note/Tips/GitHub/github-pages-multiple-pages/"
},
"description": "GitHub Pagesで複数ページのWebサイトを作成する方法を初心者向けに解説。静的サイトジェネレータとHTMLの両方に対応。",
"articleBody": "記事の本文...",
"keywords": "GitHub Pages,複数ページ,静的サイト,Jekyll,MkDocs,HTML"
}
メタタグの推奨
<meta name="description" content="GitHub Pagesで複数ページのWebサイトを作成する方法を初心者向けに解説。Jekyll、MkDocs、HTMLを使った実装方法から、よくあるトラブルの解決法まで2025年最新版で網羅。">
<meta name="keywords" content="GitHub Pages,複数ページ,作り方,Jekyll,MkDocs,静的サイト,HTML,チュートリアル">
<meta property="og:title" content="GitHub Pagesで複数ページのWebサイトを作成する完全ガイド【2025年版】">
<meta property="og:description" content="初心者でも簡単!GitHub Pagesで複数ページサイトを作る方法を解説。静的サイトジェネレータとHTMLの両方に対応。">
<meta property="og:type" content="article">
<meta property="og:image" content="https://aiedoc.github.io/note/assets/images/github-pages-guide.png">
<meta name="twitter:card" content="summary_large_image">
内部リンク最適化
追加推奨の内部リンク
コンテンツの改善点
追加すべきセクション
- 動画埋め込み:YouTube動画チュートリアルへのリンク
- スクリーンショット:各手順の画像追加
- 比較表:各方法のメリット・デメリット詳細比較
- 実例サイト:GitHub Pagesで作られた有名サイトの紹介
ユーザビリティ改善
- 目次:スティッキー目次の実装
- コードハイライト:言語指定の徹底
- コピーボタン:全コードブロックに追加
- ダウンロード:サンプルプロジェクトのzip提供
競合分析
上位競合サイト
- Qiita記事:技術的詳細が豊富だが、初心者向けの説明が不足
- Zenn記事:最新情報だが、包括性に欠ける
- 公式ドキュメント:権威性は高いが、実践例が少ない
差別化ポイント
- ✅ 2025年最新情報
- ✅ 初心者から上級者まで対応
- ✅ 実践的なコード例
- ✅ トラブルシューティング充実
- ✅ 日本語での詳細解説
パフォーマンス最適化
画像最適化
- WebP形式への変換
- 遅延読み込みの実装
- 適切なalt属性の設定
ページ速度
- CSSとJavaScriptの最小化
- CDNの活用
- キャッシュ設定の最適化
今後の更新計画
- 月次更新:GitHub Pagesの新機能追加
- ユーザーフィードバック:コメント欄の追加
- 事例追加:実際の成功事例紹介
- 動画コンテンツ:ステップバイステップ動画作成