日本語のタイトルは英語より少ない文字数で意味が伝わる一方、リンクプレビューカードの切り詰め判定は文字コード単位で行われることが多く、漢字が続く見出しは思ったより早く「…」で切られてしまうことがある。metaタグの中身そのものより、この表示上の癖を知っておくほうが実務では役に立つ。
meta descriptionはあくまでヒント
<meta name="description">タグは、検索結果のスニペットに使うべきテキストを検索エンジンに提案するものだ。だがGoogleはこれをしばしば無視し、ユーザーの検索クエリにより合致すると判断すれば、ページ本文の一部から独自にスニペットを組み立てる。
Open GraphとTwitter独自タグの違い
og:title、og:description、og:imageはOpen Graphというプロトコルに属し、もともとFacebookが提唱したものだが、今ではWhatsApp、Telegram、LinkedInも読み取る。一方Twitter（X）はtwitter:cardやtwitter:titleという独自のタグセットを持ち、それらが存在しない場合に限ってOpen Graphの値をフォールバックとして使う。
漢字見出しがプレビューで切れる理由
多くのリンクプレビュー実装は、タイトルや説明文をおおよそ一定の文字数またはピクセル幅で切り詰める。この上限は言語ごとに調整されているわけではないため、情報密度の高い漢字だけの見出しは、同じ文字数の英語見出しより実質的に早く読みにくくなる。重要な語句をog:titleの先頭に置くことで、途中で切れても意味が伝わりやすくなる。
なぜ必要なのか
- 新しいページのために、metaタグ（SEO、Open Graph、Twitter Card）一式を一度に生成する。
- LINEやTwitterでリンクを共有する前に、タイトルが途中で不自然に切れないか確認する。
- Googleが表示するスニペットがmeta descriptionの文章と一致しない理由を理解する。
Twitter Cardの画像サイズにも注意
summary_large_imageタイプでは、およそ1200×630ピクセルの画像が推奨されている。この比率から大きく外れると、画像が不自然にトリミングされたり、Twitterが黙って小さいsummary形式にフォールバックしたりする。Open Graphはサイズにやや寛容だが、推奨比率を守ることでプラットフォーム間の表示が安定する。