第2章:【SEO編】神様(Google)への手紙の書き方
SEOとは、Googleという気難しい神様に「この手紙を誰かに届けて」とお願いする作法のこと。難解なコードを「名札」や「挨拶状」に例えて解説します。
2-1. YMYL(立ち入り禁止区域)
SEO(検索エンジン最適化)の世界には「YMYL (Your Money or Your Life)」と呼ばれる、我々個人が入ってはいけない「立ち入り禁止区域」があります。 それは「健康」「医療」「金融」「法律」など、人の命や財産に関わる重いテーマです。
ここは、大学病院や政府機関、大企業といった「重装備の騎士」たちが戦う場所です。 我々のような軽装の旅人が「胃痛の治し方」を書いても、瞬殺されて終わりです(検索結果の圏外に飛ばされます)。
では、逆に個人が勝てるフィールドはどこでしょうか?
我々が戦うべきは、「趣味の小道」や「偏愛の広場」です。 「私が昨日使ってみて感動したボールペンの話」や「失敗したキャンプ料理の話」。 こうした「個人の一次体験(あなたが実際に目で見て、触ったこと)」こそが、今のGoogleが最も欲しがっている情報なのです。
Googleは近年、E-E-A-T(経験・専門性・権威性・信頼性)という評価基準を重視するようになりました。 最初の「E」は Experience(経験) です。 あなたが実際に使い、感じ、試行錯誤した記録は、どんな大企業のマーケティング記事にも真似できません。 文系ライターが持つ「言葉にする力」と「個人の体験」は、SEOの世界で最も価値のある武器なのです。
2-2. 検索エンジンへの「挨拶状」(Meta Tags & JSON-LD)
「いい記事を書けば、勝手に読まれる」 残念ながら、それは間違いです。Googleのロボットは、あなたの文章の「行間」や「情熱」を読み取れません。 だから、ロボットにもわかる言葉で「挨拶状(メタデータ)」を添える必要があります。
1. メタタグ(名札をつける)
記事のヘッダー部分(<head>)に書く情報は、いわば「名札」です。
<!-- 基本的な名札 -->
<title>記事タイトル | サイト名</title>
<meta name="description" content="この記事は、〇〇について書かれた120文字の要約です。" />
<!-- SNS用の名札 (OGP) -->
<meta property="og:title" content="記事タイトル" />
<meta property="og:image" content="https://.../画像.jpg" />
これを書いておかないと、GoogleやTwitter(X)は、あなたの記事をどう紹介していいかわからず、適当な文字を表示してしまいます。 「私はこういう記事です!」と名乗ることは、社会人のマナーと同じく、Webのマナーです。
特に description(説明文)は重要です。検索結果に表示されるあの2〜3行の文章は、ここに書いた内容が使われます。
「この記事を読むと、あなたのどんな悩みが解決するのか」を120文字以内で伝える。これは、ライターであるあなたの腕の見せ所です。
2. 構造化データ(履歴書を渡す)
さらに強力なのが「構造化データ (JSON-LD)」です。これは名札というより「履歴書」です。
<script type="application/ld+json">
{
"@type": "BlogPosting", // 「これはブログ記事です」
"headline": "記事のタイトル", // 「見出しはこれ」
"datePublished": "2024-01-01",// 「書いたのはこの日」
"author": {
"@type": "Person",
"name": "山田 佳江" // 「書いたのはこの人」
}
}
</script>
これを埋め込んでおくと、Googleは「なるほど、これは山田さんがいついつ書いたブログなんだな」と100%正確に理解してくれます。 これをやるのとやらないのとでは、信頼度に雲泥の差が出ます。
構造化データを正しく設定すると、検索結果で「リッチリザルト」と呼ばれる特別な表示がされることもあります。 著者名や公開日、画像付きのカードが表示され、クリック率が飛躍的に向上します。 地味な作業ですが、これこそが「Googleへの正式な挨拶」なのです。
[!TIP] AIへの指示プロンプト:構造化データを書いてもらう
自分でJSONコードを書く必要はありません。AIにこう頼みましょう。
今書いているこの記事の「構造化データ (JSON-LD)」を書いて。 種類は「BlogPosting」で。 著者は「(あなたの名前)」、公開日は「(今日の日付)」にして。
2-3. 文章の「骨格」を正しくする(セマンティックHTML)
Wordで文章を書くとき、ただ文字を大きくするのではなく「見出し」機能を使いますよね? Webでも同じです。
<div>: ただの箱。意味はない。<article>: 「ここは記事の本文ですよ」という意味がある箱。<section>: 「ここはひとつの章ですよ」という意味がある箱。<nav>: 「ここはメニューですよ」という意味がある箱。
Googleのロボットは、中身を読む前にこの「箱の種類」を見て、ページのおおよその構成を把握します。 意味のある箱(タグ)を使って、正しい骨格で書くこと。 これが、Googleという神様に愛されるための一番の近道です。
見出し(h2、h3)も同じ考え方です。h2は「大章」、h3は「小章」。 この階層が正しくないと、ロボットは記事の構造を理解できません。 例えるなら、「目次のない辞書」を渡されるようなものです。 見出しは読者のためだけでなく、Googleのロボットのためにも書くのです。
2-4. サイトマップ(お店の案内図)
最後にもう一つ。「サイトマップ」の話です。
あなたのサイトにどんなページがあるのかを、ロボットに一目でわかるようにした「全ページの一覧表」。 これがサイトマップ(sitemap.xml)です。
お店に入ったとき、フロアマップがあると助かりますよね? 「1階は食品、2階は衣類、3階は家電」——そうわかっているだけで、お客さんは迷わず目的地にたどり着けます。 サイトマップは、Googleロボットに渡す「フロアマップ」なのです。
Astroでは @astrojs/sitemap というプラグインを入れるだけで、ビルドの度に自動生成してくれます。
一度設定すれば、記事を追加するたびに勝手に更新されます。あなたは何もする必要がありません。
SEOとは、Googleという気難しい神様に「この手紙を誰かに届けてください」とお願いする、丁寧な作法の積み重ねです。 一つひとつは小さなことですが、全部やっている人とやっていない人では、半年後の検索順位に天と地の差が出ます。