astro-seo

Astro SEO スキル

目的

Astro プロジェクトのすべての SEO マークアップを処理します。テクニカル SEO のパターンです。

基本ルール

1. 各ページに固有のタイトルと説明文を設定する
2. ソーシャル共有には Open Graph を使用する
3. リッチリザルトには Schema.org を使用する
4. 常に canonical URL を設定する
5. サイトマップを自動生成する

必須のメタタグ

---
const { title, description, image, noindex = false } = Astro.props;
const canonicalURL = new URL(Astro.url.pathname, Astro.site);
---

<head>
  <title>{title}</title>
  <meta name="description" content={description} />
  <link rel="canonical" href={canonicalURL} />
  {noindex && <meta name="robots" content="noindex,nofollow" />}

  
  <meta property="og:title" content={title} />
  <meta property="og:description" content={description} />
  <meta property="og:url" content={canonicalURL} />
  <meta property="og:image" content={image} />
  <meta property="og:type" content="website" />

  
  <meta name="twitter:card" content="summary_large_image" />
</head>

Schema.org のパターン

LocalBusiness（ホームページ）

{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "Business Name",
  "address": { "@type": "PostalAddress", ... },
  "telephone": "+44...",
  "openingHours": "Mo-Fr 08:00-18:00"
}

サービスページ

{
  "@context": "https://schema.org",
  "@type": "Service",
  "name": "Service Name",
  "provider": { "@type": "LocalBusiness", ... }
}

FAQ

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [...]
}

サイトマップ

// astro.config.mjs
import sitemap from '@astrojs/sitemap';

export default {
  site: 'https://yourdomain.com',
  integrations: [sitemap()]
}

noindex にするページ

• サンクスページ
• 404／410 ページ
• 管理ページ／プレビューページ
• 重複コンテンツ

関連スキル

• local-seo — GBP、サイテーション、エリアページ
• heading-tree — H1～H4 の構造
• keyword-research — キーワードのターゲティング

完了の定義

• ページごとに固有のタイトルと説明文を設定する
• Open Graph タグを設定する
• ホームページに LocalBusiness スキーマを設定する
• サービスページに Service スキーマを設定する
• 該当する場合は FAQ スキーマを設定する
• サイトマップを設定する
• canonical URL を設定する
• サンクスページを noindex にする