First CHTools無料Webツール

FIRST CH TOOLS / SEO・AI / 61 SERP PREVIEW

SERPプレビュー＆メタタグ確認（SERPチェックツール）

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の内容を取りに行く処理もありません）。
    
    
  
    

  
    
    
    From AI Agents
    
    
    このツールの切り詰め判定のロジックは、MCP（Model Context Protocol）サーバー @first-ch/tools-mcp の serp_check ツールとしても提供しており、ブラウザを使わずAIエージェントから直接呼び出せます。ピクセル幅は近似です——このページはブラウザで実際の字幅を測りますが、MCP側は Arial の字幅表と和文＝1em で測るため、数px広く出て切り詰めの判定が早め（安全側）に寄ることがあります。境目の1〜2文字は目安として扱ってください。導入方法の詳細は AIエージェントからの使い方 を参照してください。
    
    
    導入
    
    
    claude mcp add firstch-tools -- npx -y @first-ch/tools-mcp
    
    
    呼び出し例
    
    
    # パソコンとスマートフォンの両方で判定する
serp_check(title="ページ名 | サイト名", description="説明文…", url="https://example.com/page/", device="both")

# 記事の一覧をまとめて判定する（500件まで）
serp_check(items=[{"title": "…", "description": "…", "url": "https://example.com/a/"}, {"title": "…", "description": "…"}])
    
  
    

  
    
    
    Other Tools