Hapicode - プログラミング技術ブログ

# 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スコアが大幅に改善されます。

2024-12-19
  • vuepress
  • seo
  • javascript

同じタグを持つ記事をピックアップしました。