# VuePress SEO改善ガイド
VuePressサイトのSEOを改善するための実践的な方法を解説します。
# 構造化データ（JSON-LD）の追加
構造化データを追加することで、検索エンジンがコンテンツをより理解しやすくなります。
# WebSiteスキーマ
ホームページにはWebSiteスキーマを追加します：
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "サイト名",
"url": "https://example.com",
"description": "サイトの説明"
}
# BlogPostingスキーマ
記事ページにはBlogPostingスキーマを追加します：
{
"@context": "https://schema.org",
"@type": "BlogPosting",
"headline": "記事タイトル",
"description": "記事の説明",
"url": "https://example.com/article",
"datePublished": "2024-12-19",
"author": {
"@type": "Person",
"name": "著者名"
}
}
# メタタグの最適化
# Open Graphタグ
SNSでのシェア時に適切に表示されるよう、Open Graphタグを設定します：
<meta property="og:title" content="記事タイトル" />
<meta property="og:description" content="記事の説明" />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:url" content="https://example.com/article" />
# Twitter Card
Twitterでの表示を最適化します：
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="記事タイトル" />
<meta name="twitter:description" content="記事の説明" />
# Canonical URLの設定
重複コンテンツを防ぐため、canonical URLを設定します：
<link rel="canonical" href="https://example.com/article" />
# 実装時の注意点
- 構造化データで検索エンジンに情報を提供
- メタタグでSNSシェアを最適化
- Canonical URLで重複コンテンツを防止
これらの設定により、SEOスコアが大幅に改善される。