tigtools

メタタグプレビュー

タイトル、説明文、URLを入力すると、ピクセル幅の推定値と省略位置を含む検索結果のプレビューを確認できます。

ブラウザー内で動作 登録不要

多くの検索結果ではURLの上に表示されます。

デバイス
検索結果の例
example.com
example.com
(タイトルなし)

(説明文なし:検索エンジンがページ本文からテキストを選びます)

  • タイトル:0文字、約0px / 600px
  • 説明文:0文字、約0px / 920px
  • タイトルがありません。すべてのページに、固有で内容がわかるタイトルを設定してください。
  • メタディスクリプションがありません。検索エンジンはページ本文からスニペットを選びます。

これはあくまで目安です。表示内容は検索エンジンが決定し、タイトルや説明文が書き換えられることもあります。また、レイアウトは時間とともに変わります。

使い方

  1. ページタイトル、メタディスクリプション、ページURLを入力します。サイト名がある場合は追加してください。
  2. デスクトップとモバイルを切り替えて、テキストが省略される位置の目安を確認します。
  3. 警告とピクセル数の目安を確認し、重要な語句が収まるように編集してから、HTMLタグをコピーします。

仕組み

検索結果のタイトルや説明文は、文字数ではなくピクセル幅で省略されます。「W」や「M」が多いタイトルは、「i」や「l」が多いタイトルより早く表示幅を使い切ります。このツールでは、ブラウザーのcanvasによるテキスト計測を使い、Arialに近いフォント(タイトルは20px、説明文は14px)で文字幅を測定します。一般的な幅の目安として、デスクトップのタイトルは約600px、説明文は2行で約920pxを基準にし、モバイルではより狭い幅で複数行になるレイアウトを想定します。

これらの上限はあくまで目安で、厳密なルールではありません。検索エンジンは、検索クエリにより適していると判断すると、タイトルを書き換えたり、ページ内の別のテキストをスニペットとして選んだりすることがよくあります。また、表示レイアウトも変わります。入力したテキストがそのまま表示されることを保証する固定の文字数はありません。末尾が省略されても意味が伝わるよう、重要な語句を先頭に置くのがおすすめです。

プレビューは一般的なデザインで、特定の検索エンジンのブランド表現を再現するものではありません。お使いの端末のフォントは検索エンジンのフォントと若干異なる場合があるため、上限との差が数ピクセル以内の場合は境界に近いと考えてください。

使用例

幅が広すぎるタイトル

「ベランダの小さな鉢でトマトを育てる初心者向け完全ガイド」は約80文字で、デスクトップの600pxを大きく超えるため、末尾が省略される可能性が高いです。「ベランダでトマトを育てる:初心者向けガイド」なら、重要な語句を表示できます。

商品ページの説明文

商品名、具体的なメリット、配送日数を含む150文字の説明文は、通常デスクトップでは収まりますが、モバイルでは少し早く省略される可能性があります。

説明文がない場合の確認

説明文を空欄にして、警告を確認してください。説明文がない場合、検索エンジンはページ内からテキストを選ぶため、メニューやCookie通知が表示されることがあります。

よくある質問

タイトルタグの長さはどのくらいが適切ですか?

公式な上限はありません。50~60文字程度、またはデスクトップで約600px以内にすると、通常は省略を避けられます。長いタイトルがペナルティの対象になるわけではありませんが、末尾が表示されない可能性があります。

メタディスクリプションの長さはどのくらいが適切ですか?

デスクトップでは、120~160文字程度であれば全文が表示されることが多いです。説明文は検索順位の要因ではありませんが、内容が明確だとクリックにつながりやすくなります。

検索結果に自分で設定したものとは違うタイトルや説明文が表示されるのはなぜですか?

ページ本文や見出し、検索クエリから、より関連性の高い内容があると検索エンジンが判断した場合、書き換えられることがあります。タイトルを正確にし、ページのメイン見出しに合わせると、書き換えられる可能性を抑えられます。

文字数ではなくピクセル数で測るのはなぜですか?

テキストが表示できる横幅を超えると、その位置で省略されます。幅の広い文字や大文字は幅の狭い文字より場所を取るため、文字数が同じタイトルでも省略される位置は異なります。

プライバシー

タイトル、説明文、URLはブラウザー内に保持されます。データが送信・保存されることはなく、URLの内容を読み込むこともありません。