SEO/OGP¶
SEO最適化とOGP（Open Graph Protocol）設定について説明します。
SEO基礎¶
SEOの重要性¶
- 検索エンジンでの可視性向上
- オーガニックトラフィック増加
- ユーザビリティ向上
基本要素¶
- タイトルタグ
- メタディスクリプション
- 見出し構造
- 内部リンク
MkDocsでのSEO¶
サイト設定¶
site_name: サイト名
site_description: サイトの説明
site_url: https://example.com
ページ設定¶
---
title: ページタイトル
description: ページの説明
---
OGP設定¶
基本OGP¶
<meta property="og:title" content="ページタイトル">
<meta property="og:description" content="ページの説明">
<meta property="og:image" content="画像URL">
<meta property="og:url" content="ページURL">
Twitter Card¶
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="ページタイトル">
<meta name="twitter:description" content="ページの説明">
<meta name="twitter:image" content="画像URL">
構造化データ¶
JSON-LD¶
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "記事タイトル",
"description": "記事の説明",
"author": {
"@type": "Person",
"name": "著者名"
}
}
パフォーマンス最適化¶
画像最適化¶
- WebP形式の使用
- 適切なサイズ設定
- 遅延読み込み
CSS/JS最適化¶
- ミニファイ
- 圧縮
- キャッシュ設定
測定・分析¶
Google Analytics¶
- トラフィック分析
- ユーザー行動分析
- コンバージョン追跡
Google Search Console¶
- 検索パフォーマンス
- インデックス状況
- エラー監視