概要
og:title(「Open Graph title」の略)は、<meta property="og:title" content="...">という特定のメタタグで、誰かがあなたのページへのリンクを共有したときに、ソーシャルプラットフォームやメッセージングアプリに正確にどの見出しを表示するかを伝えます。Open Graphは、もともとFacebookによって作られた共有標準で、現在ではFacebook、LinkedIn、Slack、WhatsAppなど、ほとんどの主要プラットフォームが共有リンクのプレビューカードを構築するために使用しています。
これがない場合、ほとんどのプラットフォームは通常のページタイトルにフォールバックします。これはたいてい問題なく機能しますが、その共有コンテキストで具体的に何が表示されるかを別途コントロールできないことを意味します — 表示を変えたい場合には困ります。
重要な理由
リンクが共有されると、プレビューカード(見出し、説明、画像がまとめて)は、クリックするかどうかを決める前に誰かが目にする唯一の情報であることが多いです — その人はまだあなたのサイトを訪れていないので、このプレビューがすべての説得力を担っています。フォールバックの動作に完全に頼ることは、ページの中で最も影響力のあるテキストの1つに対するコントロールを放棄することを意味します。しかも第一印象が最も重要となる、まさにその状況でです。
og:titleを明示的に設定することは、フォールバックが意図しないものを拾ってしまうことからも保護します — このタグが存在しない場合、一部のプラットフォームは汎用的なサイト名や、あなたのタイトルの奇妙に切り詰められたバージョンにフォールバックします。
修正方法
- 共有コンテキスト専用に設計された、短く明確な見出しを書きましょう — 明確さに役立つなら、ページのSEOタイトルタグと多少異なっていても構いません。
- ページの
<head>セクション内に<meta property="og:title" content="ここにタイトル">を追加しましょう。 - ウェブサイトビルダーやSEOプラグインを使用している場合は、コードを直接編集するのではなく、専用の「ソーシャル共有タイトル」フィールドを探しましょう。
- 適度に短くしましょう — ほとんどのプラットフォームは長いタイトルを切り詰めるため、最も重要な部分を先頭に置きましょう。
- FacebookのSharing DebuggerやLinkedInのPost Inspectorでテストし、タイトルが期待通りに表示されることを確認しましょう。