無料ツール

検索結果や共有時のページの見え方を確認

タイトルと説明を入力すると、パソコンの検索結果と共有リンクカードとして表示され、幅が足りなくなる位置で切り詰められます。その後、タグをコピーできます。

  • タイトルと説明を入力
  • ピクセル単位で測定
  • 検索結果と共有カード
  • タグをコピー

ページの言葉が最初に読まれる2つの場所

文字数ではなく幅で切り詰め

検索結果には、タイトルが約600ピクセル、説明が約920ピクセル表示されます。検索結果と同じフォントでテキストを測定するため、幅の広い文字は広いものとして計算されます。

共有リンクにも対応

ソーシャルアプリやメッセンジャーでリンクを展開したときに表示されるカード(画像、サイト、タイトル、説明)を、Open Graphタグから再現します。

すぐに貼り付けられるタグ

説明、canonical、Open Graph、Twitterカードのタグを、当社のページで使用しているものと同じレンダラーで生成します。

仕組み

すべての処理はブラウザ内で行われ、入力した内容が当社に送信されることはありません。幅は、パソコンの検索結果で使用されるフォントを使ってブラウザのcanvasで測定し、一般に確認されている上限(タイトルは約600ピクセル、説明は約920ピクセル)と比較します。検索エンジンは正確なルールを公開していません。

よくある質問

検索結果で切り詰められないページタイトルの長さはどのくらいですか?

文字数ではなく幅で決まります。パソコンの検索結果では、タイトルが約600ピクセル、説明が約920ピクセルまで表示され、それを超えると省略記号で切り詰められます。幅の広い文字は狭い文字より早く上限に達するため、このプレビューでは実際のテキストを検索結果と同じフォントで測定します。

プレビューに入力した内容はConnectionsに送信されますか?

いいえ。プレビューはすべてブラウザ内で動作します。共有画像は、入力されたアドレスからブラウザが直接読み込みます。当社が画像を取得することはありません。

プレビューではどのタグを取得できますか?

descriptionタグ、canonicalリンク、および共有リンクの見え方を決めるOpen GraphタグとTwitterカードタグです。当社のページで使用しているものと同じセットを、同じレンダラーで生成します。

検索結果に別の説明が表示されることがあるのはなぜですか?

検索エンジンはメタディスクリプションを提案として扱い、検索内容により適していると判断した場合は、ページの内容から独自の説明を作成することがあります。ページの内容をわかりやすく説明したディスクリプションにしておけば、置き換えられる可能性を最小限に抑えられます。