Skip to content

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">

内部リンク最適化

追加推奨の内部リンク

コンテンツの改善点

追加すべきセクション

  1. 動画埋め込み:YouTube動画チュートリアルへのリンク
  2. スクリーンショット:各手順の画像追加
  3. 比較表:各方法のメリット・デメリット詳細比較
  4. 実例サイト:GitHub Pagesで作られた有名サイトの紹介

ユーザビリティ改善

  1. 目次:スティッキー目次の実装
  2. コードハイライト:言語指定の徹底
  3. コピーボタン:全コードブロックに追加
  4. ダウンロード:サンプルプロジェクトのzip提供

競合分析

上位競合サイト

  1. Qiita記事:技術的詳細が豊富だが、初心者向けの説明が不足
  2. Zenn記事:最新情報だが、包括性に欠ける
  3. 公式ドキュメント:権威性は高いが、実践例が少ない

差別化ポイント

  • ✅ 2025年最新情報
  • ✅ 初心者から上級者まで対応
  • ✅ 実践的なコード例
  • ✅ トラブルシューティング充実
  • ✅ 日本語での詳細解説

パフォーマンス最適化

画像最適化

  • WebP形式への変換
  • 遅延読み込みの実装
  • 適切なalt属性の設定

ページ速度

  • CSSとJavaScriptの最小化
  • CDNの活用
  • キャッシュ設定の最適化

今後の更新計画

  1. 月次更新:GitHub Pagesの新機能追加
  2. ユーザーフィードバック:コメント欄の追加
  3. 事例追加:実際の成功事例紹介
  4. 動画コンテンツ:ステップバイステップ動画作成