← ハシトシステム トップ English ツール ブログ
入力
出力(head に貼り付ける)
生成したタグは head の中に置きます。既に同じ名前のタグがある場合は重複させず、片方を消してください。canonical と og:url、og:image は1ページに1本だけにします。
プレビュー
検索結果風
SNSカード風
点検結果

    読み方と注意

    全角換算の文字数

    このツールは半角1文字を0.5、全角1文字を1として数えます。検索結果で切られるかどうかは文字数ではなく表示幅で決まるので、半角と全角を同じ1として数えると英数字の多いタイトルを短く見誤ります。title は全角30字、description は全角120字を目安にし、超えたら色で知らせます。上限そのものは公表されていないので、これは目安であって規格ではありません。

    相対URLが使えない理由

    canonical と og:image に相対パスを書くと、SNS側のクローラがページを取得したときに解決できず、画像なしのカードになります。ブラウザで見ているときは正しく表示されるので気づきにくい種類の間違いです。このツールは http:// か https:// で始まらない値を指摘します。

    1ページ1本にするタグ

    canonical・og:url・og:image は、1ページに複数あると検索エンジンやSNSがどれを使うか決められません。テンプレートで共通のタグを出しているサイトでは、ページ固有のタグを足したつもりが二重になっていることがあります。貼り付ける前に、既存の head に同じ名前のタグが無いかを必ず確認してください。

    よくある質問(FAQ)

    descriptionは何文字までにすればよいですか?

    決まった上限はありません。検索結果に表示される長さは端末や検索語によって変わるため、このツールでは全角120字を目安、140字を超えたら注意として表示しています。大事なことを先頭に置けば、途中で切られても意味が通ります。

    og:image は相対パスでもよいですか?

    いいえ。SNS側は他所のサーバーからページを取得してタグを読むので、相対パスは解決できません。http:// または https:// から始まる絶対URLを指定してください。このツールは相対パスを指摘します。

    titleとog:titleは同じでよいですか?

    同じで構いません。分けたい場合は、titleを検索向け(語を前方に)、og:titleをSNS向け(読みやすさ優先)にします。このツールは同じ値で出力するので、必要なら出力後に書き分けてください。

    入力した内容はどこかに送信されますか?

    いいえ。タグの生成もプレビューも点検も、すべてお使いのブラウザ内(JavaScript)で行われます。画像URLだけはプレビュー表示のためにブラウザが直接取得します。