titleタグとメタディスクリプションの書き方：SEOに役立つ基本と注意点

公開日 最終更新 プレイ済み:0

titleタグとメタディスクリプションの役割、文章作成のポイント、よくある間違い、検索結果での表示を確認する方法を解説します。

titleタグとメタディスクリプションは、検索結果に表示されるページ情報を整えるうえで重要な要素です。タイトルはページの主題を示し、メタディスクリプションは内容の概要を伝え、ユーザーがページを訪問するか判断する助けになります。ただし、実際の表示内容は検索エンジンや検索キーワードによって変わる場合があります。

titleタグとは？

<title>タグは、HTML文書のタイトルを定義します。通常はブラウザーのタブに表示され、検索結果のタイトルとして利用されることもあります。ただし、検索エンジンがページ本文などの情報をもとに、別のタイトルを生成する場合もあります。

良いタイトルは、ページの内容を正確に表し、簡潔で理解しやすいものです。重要なキーワードは自然に含め、同じ語句を不自然に繰り返さないようにしましょう。

<head>
  <title>無料オンラインJSON変換ツール | NZ Tools</title>
</head>

メタディスクリプションとは？

メタディスクリプションは、ページの概要を記述するHTMLタグです。検索エンジンは検索結果の説明文として利用する場合がありますが、検索キーワードとの関連性が高いページ本文の一部を代わりに表示することもあります。

<meta name="description" content="ブラウザー上でJSONデータを無料で変換・整形・検証できるオンラインツールです。">

適切な文字数は？

タイトルや説明文が必ず全文表示される文字数の基準はありません。文字の幅、利用端末、検索キーワードなどによって表示が変わります。英語の編集上の目安として、タイトルは約50～60文字、メタディスクリプションは約140～160文字を目指すサイトもあります。ただし、これは公式な文字数制限ではなく、日本語を含め、言語や内容に合わせて調整する必要があります。

タイトルを書くときのポイント

  • ページの内容を正確に表す：実際に提供している情報や機能に合ったタイトルにする。
  • 主要なテーマを自然に含める：キーワードを繰り返すより、意味のわかりやすさを優先する。
  • 重要なページごとに固有のタイトルを付ける：汎用的なタイトルや重複を避ける。
  • 簡潔にまとめる：不要な語句や誇張した表現を削る。
  • 必要に応じてサイト名を含める：タイトルが長くなりすぎないようにする。

メタディスクリプションを書くときのポイント

  • ページの主な価値を自然な一文または二文で要約する。
  • ユーザーが何を学べるか、比較できるか、実行できるかを具体的に示す。
  • 重要な用語を自然に含め、不必要な繰り返しを避ける。
  • インデックスさせたい重要なページには、内容に合った固有の説明文を用意する。
  • ページの内容で裏付けられない主張や誇張を避ける。

よくある間違い

  • 説明文の重複：重要なページに同じ汎用的な説明文を使い回さない。
  • キーワードの詰め込み：過剰な繰り返しは読みやすさを損なう。
  • 誤解を招く表現：タイトルと説明文を実際のページ内容に一致させる。
  • 古い情報：内容や機能が変わった場合は、タイトルと説明文も見直す。
  • 曖昧な文章：ページの主題とユーザーにとっての価値を明確にする。
  • 表示内容を固定だと考える：検索エンジンがタイトルや説明文を書き換える場合がある。

タイトルと説明文の例

例1：JSON変換ツール

<title>無料オンラインJSON変換ツール | NZ Tools</title>
<meta name="description" content="ブラウザー上でJSONデータを無料で変換・整形・検証できるオンラインツールです。">

例2：Web開発の入門ガイド

<title>HTML・CSS・JavaScript入門ガイド</title>
<meta name="description" content="HTML・CSS・JavaScriptの役割を理解し、簡単なコード例を確認しながら、Web開発を学ぶための実践的な手順を紹介します。">

タグを確認して改善する方法

  1. ページのソースコードやレンダリング後のDOMで、<title>とメタディスクリプションの内容を確認する。
  2. タイトルがないページ、汎用的なタイトルのページ、説明文が重複しているページを洗い出す。
  3. 各タグの内容を、検索意図と実際のページ内容に照らし合わせる。
  4. 利用可能なウェブマスターツールで、インデックス状況、検索クエリ、検索パフォーマンスを確認する。
  5. 変更後は検索エンジンによる再クロールを待ち、十分な期間のデータで結果を評価する。

まとめ

titleタグはページの主題を示し、メタディスクリプションはページの価値を簡潔に伝えます。固有性があり、正確で自然な文章を作成することは、検索結果での表示品質を高めるのに役立ちます。ただし、これらのタグだけで検索順位の向上や、検索結果での表示内容が保証されるわけではありません。