FIRST CH TOOLS LOCAL PROCESSING — サーバー送信なし EN

FIRST CH TOOLS / SEO・AI / 61 SERP PREVIEW

SERPプレビュー＆メタタグ文字数チェック

title・description・URLを入れると、Google検索結果での見え方をパソコン／スマートフォンの両方で再現します。判定は文字数ではなくピクセル幅で行い、どこで切り詰められるか・切り詰められる文字列は何かをその場で表示します。入力した文字列は端末から出ません。

検索結果に出す内容

検索結果でのプレビュー

計測と指摘

  • OKタイトル

  • OK説明文

PASS

    
    
  
    

  
    
    
    How to Use
    
    
      
      
    1. 内容を入れるタイトル・説明文・URLを入力します。プレビューは入力しながら即座に更新されます。
      2. 
      
    2. 切り詰め位置を見る「…」より後ろが切り詰められる部分です。表示される端末をスマートフォンに切り替えると、行数の上限が変わります。
      3. 
      
    3. タグをコピー収まったら <title> / meta description / canonical の3行をコピーして <head> に貼り付けます。
      4. 
    
    
  
    

  
    
    
    About This Tool
    
    
    
      Googleは title と description を文字数ではなく表示幅で打ち切ります。「東京都渋谷区」と「Tokyo」は同じ6文字でも幅が倍以上違うため、文字数だけで管理すると和文は早く切られ、欧文は切られないのに「オーバー」と判定してしまいます。このツールは Canvas の measureText で1行ずつ実測して折り返し、行数の上限を超えた位置を切り詰め位置としています。プレビューに出ている文字列と、判定に使った文字列は同じものです。
    
    
    
    
      基準はパソコンが幅600px（タイトル1行・説明文2行）、スマートフォンが幅380px（タイトル2行・説明文3行）で、文字サイズは検索結果の実測（タイトル20px・説明文14px）に合わせています。和文の折り返しは文字単位、欧文は単語単位で行い、行頭に置けない約物（、。）など）は前の行にぶら下げます。ただしGoogleの表示は保証されたものではありません——検索語によってはタイトルが書き換えられ、説明文はページ本文からの抜粋に差し替えられます。あくまで「指定したとおりに出た場合の見え方」を確かめるためのものです。
    
    
    
    
      幅の実測はご覧の端末にあるフォントで行うため、Googleの環境と完全に一致するわけではありません（和文は端末の既定ゴシック、欧文は Arial 系の順で描画しています）。SNSでシェアされたときのカード表示は OGPメタタグ生成ウィザード、原稿そのものの文字数・行数は 文字数カウントが対応します。このツールは検索結果に特化しています。処理はすべてブラウザ内で完結し、入力した文字列やURLをサーバーへ送ることはありません（URLの内容を取りに行く処理もありません）。
    
    
  
    

  
    
    
    Other Tools