SEOガイド第2ステップ:オンページとメタタグ — 検索エンジンが実際に表示するもの
SEOガイド第2ステップ:オンページとメタタグ
これは13ステップのSEOガイドの第2ステップです。オンページのメタタグは、検索エンジンがあなたのサイトについて表示する内容と、ユーザーがクリックするかどうかを制御します。
テクニカルSEO(ステップ1)は、検索エンジンがあなたのサイトを見つけられることを保証します。オンページ最適化は、彼らがそれを理解し、結果に魅力的に表示させることを保証します。Googleの検索結果に表示されるすべての検索結果は、そのページのメタタグから構築されています。これらを制御しないと、Googleは推測します。そして、Googleはうまく推測しません。
2%のクリック率と8%のクリック率の違いは、多くの場合、より良いタイトルタグと説明だけです。月間1,000インプレッションのページでは、無料で毎月60人の追加訪問者を得ることになります。
オンページSEOがカバーする内容
オンページ最適化は8つの分野を網羅しています:
- タイトルタグ — 検索結果の青いリンク
- メタディスクリプション — リンクの下に表示される灰色のテキスト
- Open Graph & ソーシャル — 共有されたときのページの見た目
- 見出し階層 — 関連性を示すコンテンツ構造
- 構造化データ — リッチな結果(星、価格、FAQ)
- 画像最適化 — ALTテキスト、ファイル名、レイジーロード
- 内部アンカーテキスト — 自分のリンクがページについて何を言っているか
- ニュース&記事マークアップ — Googleニュース、Discover、AIクローラー
1. タイトルタグ
タイトルタグは、最も影響力のあるオンページ要素の1つです。これは検索結果の青いクリック可能なリンクであり、ブラウザタブのテキストであり、直接的なランキング要因です。
高パフォーマンスのタイトルタグのルール:
- 50-60文字(Googleは~60文字で切り捨てます)
- 主要なキーワードは冒頭近くに配置
- サイト内のすべてのページでユニーク
- アルゴリズムだけでなく、人間にとっても魅力的
- スペースが許す場合はブランド名を最後に配置
効果的なフォーミュラ:
| ページタイプ | フォーミュラ | 例 | |---------------|---------------|-----| | ホームページ | [ブランド] — [バリュープロップ] | LANGR — 成長企業のためのSEO自動化 | | プロダクト | [商品] — [メリット] | [ブランド] | プロプラン — デイリーSEOモニタリング | LANGR | | ブログ | [トピック]: [約束] ([年]) | タイトルタグ:完全ガイド (2026) | | カテゴリ | [カテゴリ] — [コンテキスト] | [ブランド] | ランニングシューズ — メンズコレクション | Nike |
一般的な間違い:
- 複数のページで同じタイトル(重複タイトル)
- キーワードの詰め込み:「SEO SEOガイド SEOヒント SEOヘルプ」
- 短すぎる:「ホーム」または「製品」
- 完全に欠けている(Googleがコンテンツから生成するが、通常はうまくいかない)
クイックウィン: すべてのタイトルタグをエクスポートする(Screaming Frog、またはSearch Consoleをチェック)。重複や30文字未満のタイトルを見つけて、まずそれを修正します。
2. メタディスクリプション
メタディスクリプションは、ランキングに直接影響することはありませんが、クリック率には大きな影響を与えます。これは、オーガニック検索結果におけるあなたの広告コピーです。
ルール:
- 120-155文字(モバイルでは早めに切り捨てる)
- 主要なキーワードを含む(Googleが一致する用語を太字にする)
- コールトゥアクションを含む(「方法を学ぶ」「開始する」「価格を見る」)
- 各ページでユニーク(重複はGoogleの自動スニペットで置き換えられる)
- 検索意図と一致する(情報、取引、ナビゲーション)
フォーミュラ: [ページが提供する内容] + [主要な利点] + [CTA]
例: "ランキングに直接影響を与える8つのメタタグを学ぶ。事前/事後の例を含む実用的なヒント。今日から最適化を始めましょう。"
Googleがあなたの説明を無視する場合: Googleは、特定のクエリに合ったものにするために、約70%のメタディスクリプションを書き換えます。これを防ぐことはできませんが、よく書かれた説明は、悪いものよりも頻繁に使用されます。これもソーシャルシェアやリンクプレビューに表示されます。
クイックウィン: 最初にトラフィックの多い上位20ページの説明を書きます。Search Consoleで高インプレッションだが低CTRのページを優先します。
3. Open Graph & ソーシャルメタ
誰かがあなたのリンクをFacebook、LinkedIn、Twitter/X、またはメッセージアプリで共有するとき、Open Graphタグは表示されるプレビューカードを制御します。
必須OGタグ:
<meta property="og:title" content="あなたのページタイトル" />
<meta property="og:description" content="ソーシャル用の魅力的な説明" />
<meta property="og:image" content="https://yoursite.com/images/og-card.jpg" />
<meta property="og:url" content="https://yoursite.com/page" />
<meta property="og:type" content="website" />
Twitter/X用:
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="あなたのページタイトル" />
<meta name="twitter:description" content="Twitter用の説明" />
<meta name="twitter:image" content="https://yoursite.com/images/twitter-card.jpg" />
画像の要件:
- 大きなカード用の最小1200x630px
- ファイルサイズは8MB未満
- 画像のテキストは控えめに使用(20%ルール)
- Facebook DebuggerやTwitter Card Validatorでテスト
クイックウィン: ブランド用の高品質なOG画像テンプレートを1つ作成します。デフォルトとして使用し、その後、上位10ページのカスタム画像を作成します。
4. 見出し階層
見出し(H1-H6)は、検索エンジンにコンテンツのアウトラインを提供します。これらは、あなたのページが何についてであり、どのセクションが最も重要かを示します。
ルール:
- ページごとに1つだけのH1(あなたの主題/キーワード)
- 主要セクションにはH2(これらはしばしばフィーチャースニペットの答えになる)
- H2内のサブセクションにはH3
- 階層をスキップしない(H1 → H3のようにH2なしにはしない)
- 見出しに自然にキーワードを使用し、強制しない
- 重要な単語を前に持ってくる(スキャナーは最初の3単語を読み取る)
SEOへの影響:
- GoogleはH2/H3のテキストをフィーチャースニペットや「人々がよく尋ねる」ために使用します
- 見出しテキストはパッセージのランキングにも影響します(Googleはページのセクションを独立してランク付けできます)
- スクリーンリーダーやAIクローラーは、ページ構造を理解するために見出しを使用します
例の構造:
H1: ランニングシューズの選び方
H2: 足のタイプと過剰内反
H3: 過剰内反
H3: ニュートラル
H3: 過小内反
H2: シューズカテゴリ
H3: ロードランニング
H3: トレイルランニング
H2: シューズの交換時期
クイックウィン: あなたの上位ページをチェックしてください — 複数のH1があるページ、H1がないページ、または「セクション1」「セクション2」だけの見出しがあるページがあれば、すぐに修正してください。
5. 構造化データ(スキーママークアップ)
構造化データは、検索エンジンにあなたのコンテンツが何を表しているかを正確に伝えます。これにより、リッチな結果が可能になります — 星、価格、FAQ、ハウツーのステップなどの強化されたリスティングです。
高ROIのスキーマタイプ:
| スキーマ | リッチ結果 | ベスト | |----------|-------------|----------| | FAQ | SERPで直接展開可能なQ&A | サービスページ、商品ページ | | HowTo | 画像付きのステップバイステップ | チュートリアル/ガイドコンテンツ | | Article | 結果に著者、日付、画像 | ブログ投稿、ニュース | | Product | 価格、評価、在庫 | Eコマース | | LocalBusiness | 地図、営業時間、レビュー | 物理的なビジネス | | BreadcrumbList | SERP内のパスナビゲーション | すべてのページ | | Organization | ナレッジパネル | ホームページ |
FAQスキーマの例:
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [{
"@type": "Question",
"name": "SEOにはどれくらいの時間がかかりますか?",
"acceptedAnswer": {
"@type": "Answer",
"text": "ほとんどのサイトは3〜6ヶ月以内に測定可能な改善を見ます..."
}
}]
}
ルール:
- ページに実際に表示されているコンテンツのみをマークアップしてください
- レビューや評価を作成しないでください
- Googleのリッチ結果テストで検証
- Search Console → 新機能で監視
クイックウィン: トップ5のサービス/製品ページにFAQスキーマを追加します。各ページに3〜5の実際の質問と回答を書きます。これにより、SERPの面積が一晩で倍増する可能性があります。
6. 画像最適化
画像はしばしば最大のパフォーマンスボトルネックであり、見落とされがちなSEOの機会です。Google画像検索は、多くのサイトにとってかなりのトラフィックを生み出します。
5つの必須要素:
- ALTテキスト: 画像に何が含まれているかを説明する(アクセシビリティ + SEOのため)。自然な形でキーワードを含める:
alt="2026年の黒いNike Air Maxランニングシューズ"、ではなくalt="靴"やalt=""ではなく。 - ファイル名: アップロード前に名前を変更する。
nike-air-max-2026-black.webpではなくIMG_4382.jpg。 - フォーマット: 写真にはWebPを使用(JPEGより30〜50%小さい)。アイコン/ロゴにSVGを使用。写真にはPNGは避ける。
- レイジーロード: フォールド内の画像に
loading="lazy"を追加。ヒーロー画像は絶対にレイジーロードしない。 - 寸法: レイアウトシフト(CLS)を防ぐために、常に
widthとheight属性を指定する。
クイックウィン: あなたのサイトで最も大きい10の画像を見つけてください(PageSpeed Insightsがフラグを立てる)。WebPに変換して適切なALTテキストを追加します。これにより、パフォーマンスと画像検索の可視性が向上します。
7. 内部アンカーテキスト
内部リンクのクリック可能なテキストは、ターゲットページが何についてのものであるかを検索エンジンに伝えます。ほとんどのサイトは「ここをクリック」や「さらに読む」という表現を使用することでこれを無駄にしています。
ルール:
- 関連するキーワードを含む説明的なアンカーテキストを使用
- アンカーテキストを変更(すべてのリンクに同じテキストを使用しない)
- ランキングしたいページに高権限ページからリンクを張る
- ナビゲーションだけでなく、コンテンツ内で文脈的にリンクする
良い例と悪い例:
- 悪い: "私たちのSEOガイドを[ここをクリック]する"
- 良い: "すべての13ステップについては、私たちの完全なSEOガイドを読みます"
- 悪い: "さらに学ぶ"
- 良い: "どうやって構造化データがクリック率を改善するかを見てください"
クイックウィン: サイト内で「ここをクリック」と「さらに読む」というリンクを検索します。これらを関連するキーワードを含む説明的なアンカーテキストに置き換えます。
8. ニュース&記事マークアップ
ブログ投稿、ニュースコンテンツ、または定期的に更新されるコンテンツを公開する場合、ニュース最適化マークアップはGoogleニュース、Google Discover、AIクローラーによる優遇処置を解放します。
ニュース機能に必要な記事スキーマ:
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "あなたの記事タイトル",
"datePublished": "2026-05-07T09:00:00+02:00",
"dateModified": "2026-05-07T09:00:00+02:00",
"author": {
"@type": "Person",
"name": "著者名",
"url": "https://yoursite.com/author/name"
},
"publisher": {
"@type": "Organization",
"name": "あなたのブランド",
"logo": {
"@type": "ImageObject",
"url": "https://yoursite.com/logo.png"
}
},
"image": "https://yoursite.com/article-hero.jpg",
"mainEntityOfPage": "https://yoursite.com/article-url"
}
NewsArticle vs Articleの使い方:
NewsArticle— 時間に敏感なニュースコンテンツ(イベントや発表)Article— 永続的なブログ投稿やガイドBlogPosting— 意見記事や個人ブログ
Googleニュース&Discover最適化:
- 高品質なヒーロー画像(最小幅1200px、
max-image-preview:largeメタ) - ページに公開日を明確に表示
- 著者の名前にリンクを追加
- 独自の報道やユニークな分析(リライトではなく)
robotsメタ:max-snippet:-1, max-image-preview:large(フルプレビューを許可する)
ニュースコンテンツのためのロボットメタ:
<meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
これにより、GoogleはDiscoverカードやニュース結果で大きな画像やフルテキストを使用できることを指示します。
なぜこれがより高いレベルに重要か:
- ブログ戦略: 記事マークアップにより、コンテンツがDiscoverで表示される可能性が高まり(投稿ごとに数千のインプレッションを獲得することが可能)
- リンク獲得: ニュースインデックスに掲載されたコンテンツは他の出版物に引用され、自然なバックリンクを獲得
- AIクローラー: ChatGPT、Perplexity、その他のAIシステムは、適切な記事マークアップと明確な著作権を持つソースを優先的に引用
- ブランドモニタリング: あなたのブランドのニュース言及(LANGRのニューススキャナーのようなスキャナーを通じて追跡)は、リンクビルディングやPRの機会を明らかにします
クイックウィン: すべてのブログ投稿に記事スキーマを追加します。各投稿に公開日、著者名、1200px以上のヒーロー画像があることを確認します。ロボットメタにmax-image-preview:largeを有効にします。
オンページSEO監査チェックリスト
重要なページごとにこれを確認します:
- [ ] ユニークなタイトルタグ、50-60文字、キーワードは開始近く
- [ ] ユニークなメタディスクリプション、120-155文字、CTAを含む
- [ ] Open Graphタグが設定されている(タイトル、説明、画像、URL)
- [ ] 主要キーワードを含む正確に1つのH1
- [ ] 論理的な見出し階層(H1 → H2 → H3、スキップなし)
- [ ] 構造化データが追加され、検証済み(FAQ、記事、製品など)
- [ ] 画像:WebP形式、説明的なaltテキスト、フォールド以下のレイジーロード
- [ ] 内部リンクが説明的なアンカーテキストを使用
- [ ] すべてのブログ/ニュースコンテンツに記事スキーマがあり、datePublished + 著者情報がある
- [ ] コンテンツページに
max-image-preview:largeメタロボットタグ
一般的なオンページの間違い(影響度順)
- 重複タイトルタグ — 複数のページが互いに競争している
- メタディスクリプションの欠如 — Googleに推測させる(そして悪い推測をする)
- 構造化データの欠如 — 競合他社が持っているリッチ結果が欠けている
- キーワードの詰め込み見出し — "SEOヒント SEOガイド SEOヘルプ SEO 2026"
- 画像のALTテキストの欠如 — 検索に無視 + アクセシビリティの失敗
- ブログ投稿に記事マークアップがない — News/Discover/AIに見えない
- 一般的なアンカーテキスト — "ここをクリック" はGoogleに何も教えない
- 同じOG画像がどこにでもある — あなたのシェアはすべて同じに見える
次は何?
ステップ3: コンテンツと戦略 — 何を書くべきか、いつ公開するか、存在するだけでなくランクされるコンテンツを作成する方法。
このガイドはLANGRの13ステップSEOシリーズの一部です。無料監査を実行するで、あなたのサイトが13の全分野でどのような状態にあるかを確かめてください。