概要
「Twitter Card」(Xへの改名前からのこの機能のプラットフォーム独自の名称)は、Xでリンクが共有されたときに表示されるリッチプレビューです — 通常、単純で飾りのないテキストリンクではなく、画像、タイトル、説明が含まれます。これは特定のメタタグ、最も単純には<meta name="twitter:card" content="summary_large_image">によって制御され、Xにこの、より大きく画像重視のプレビュー形式を特に構築するよう指示します。
Xは多くの場合、プレビューの実際のコンテンツについて標準的なOpen Graphタグ(og:title、og:description、og:image)を読むことにフォールバックしますが、この特定のtwitter:cardタグがないと、リッチプレビューをまったく構築せず、代わりにベアなリンクにデフォルトすることがあります。
重要な理由
機能するカードなしでXで共有されたリンクは、注目を競う他の投稿でいっぱいのフィードの中で、プレーンで目立たないテキストとして表示されます — 簡単にスクロールされて見過ごされます。画像と見出しのある機能するカードは、かなり目を引くもので、周囲のコメントを一言も読む前に、クリックした先に何があるのか、実際で即座の感覚を人々に与えます。
これは、FacebookやLinkedIn向けにすでに設定しているかもしれないOpen Graphタグの上に追加する、非常に小さな1行の追加です — それらがすでに整っていれば、これをスキップする理由は基本的にありません。
修正方法
- ページにすでにOpen Graphタグ(og:title、og:description、og:image)が設定されていることを確認しましょう。Xはプレビューコンテンツの多くをそこから読み取るためです。
- ページの
<head>セクションに<meta name="twitter:card" content="summary_large_image">を追加しましょう。これにより、より大きく画像重視のプレビュースタイルがリクエストされます。 - ウェブサイトビルダーやSEOプラグインを使用している場合、これは他のソーシャル共有設定と一緒に自動的に含まれることがよくあります — 手動で追加する前にそこを確認しましょう。
- XのCard Validatorツール(またはプライベートな下書き投稿でリンクを共有する)で結果をテストし、プレビューが期待通りに表示されることを確認しましょう。
- Launch Readinessチェックを再実行して、タグが検出されるようになったことを確認しましょう。