head が先に目に入る
検索結果の青い見出しと、その下の説明文の候補は、HTML の head で出します。本文より先に、探している人の目に入ります。
部2で5つの決定が決まったら、主要なページだけ先に直します。全ページを一度にいじらなくてかまいません。
Google は title も description も、ページの内容に合う「候補」として扱います。その文言が必ず出る保証はありません。空や社名だけの title、全ページ同じ description だと、Google は本文から切り出して作ります。
head で決めるもの
| 要素 | 役割 | 直し方の型 |
|---|---|---|
<title> |
タブの名前。検索結果の青い文字の候補 | 先頭に探す言葉。地域や条件。社名は後ろ。1ページに1つの主題 |
meta name="description" |
検索結果の説明文の候補 | 誰向けか、何ができるか、次の行動（電話・フォーム・来店）。2文くらい。キーワードを並べない |
link rel="canonical" |
正規URLの宣言 | そのページ自身の、重複のないURL（受け皿の章のLPと正規URL） |
meta name="robots" |
インデックス・スニペットの可否 | 出したいページに noindex・nosnippet を付けない |
Open Graph（og:title など） |
SNSやチャットに貼ったときの題と説明 | title・description と同じ主題で1組だけ。同じタグを2回書かない |
| 画面の H1 | 開いた人が読む題名（head の外だが対にする） | title と主題を一致させる。ロゴだけが H1、は避ける |
meta name="keywords" は、Google 検索では使われていません。インデックスにも順位にも効きません。詰めなくてよく、施策にもしません。
修正案の型
制作会社やCMSの担当に渡すときは、URLごとに現状と案を並べます。例の業種は置き換えます。
<title>地域＋サービス（探す言葉）｜社名</title>
<meta name="description" content="誰向け。何ができるか（条件を1つ）。電話またはフォーム。">
<link rel="canonical" href="https://example.com/このページ/">
<meta property="og:title" content="（title と同じ主題）">
<meta property="og:description" content="（description と同じ主題）">
<meta property="og:url" content="（canonical と同じ）">
| ページの役割 | title の先頭 | description に入れるもの |
|---|---|---|
| 探す（サービス） | 地域＋サービス名 | 対象、できること、次の行動 |
| 比べる（事例・FAQ） | 事例の業種、または質問の主題 | 何が分かるか。問い合わせへつながる1文 |
| 頼む（フォーム） | 新規・既存の区別 | 誰向けの窓口か。電話番号。既存のお客さん向けに別のURLがあるなら書く |
| 会社概要 | 社名＋地域＋何の会社か | 住所、電話、事業の範囲 |
- 弱い例：title が「会社名 - 会社名」。description が全ページ同じスローガン。
og:titleが2組ある。英語の SERVICE や ABOUT だけが先頭 - 強い例：「○市の雨漏り調査・補修｜青葉工業」。description が「築年数の古い木造住宅の雨漏りを、写真つきで調べて直します。○市と周辺。電話またはフォームで」。本文の H1 も同じ主題
この章で使う道具 記事を1本出すときの手順 サービスページのヒアリングシート