Open Graphジェネレーター — 無料のog:とTwitterカードタグ

簡単な回答: フィールドに入力し、タグブロックをにコピーしてください。プレビューには、ほとんどのプラットフォームが表示する1.91:1カードが表示されます。1200 × 630の画像と絶対HTTPS URLを使用することで、大多数のプレビューの問題を解決できます。

実際に重要なタグ

その他のタグはオプションであり、タイトル、説明、画像のtwitter:*の重複は、Open Graphの値と異なる場合にのみ必要です。Xはog:をデフォルトとして使用します。

画像ルール

• 1200 × 630 px、比率 1.91:1。
• 絶対 HTTPS URL。 相対パスは画像が表示されない最も一般的な原因です。スクレイパーはそれを解決しません。
• 約5 MB以下、理想的にはさらに小さいサイズ。
• テキストを端から離す。 一部のプラットフォームでは正方形にトリミングされ、端から端までの見出しは最初と最後の単語が失われます。
• 製品写真をそのまま再利用しない。 白背景の製品写真は製品ページでは正しいですが、フィードでは目立ちません。製品名を画像上に配置したカードはサムネイルサイズでも読みやすいですが、写真だけではそうではありません。

キャッシュバスティング

すべてのプラットフォームはスクレープをキャッシュし、しばしば数日間保持します。同じURLで画像を置き換えても、古い画像が表示され続けます。信頼性の高い順に2つの解決策があります。

1. URLを変更する — 新しいファイル名にするか、?v=2を追加します。これは常に効果があります。
2. 再スクレープを強制する — Facebook Sharing Debugger、LinkedIn Post Inspector、またはXのカードバリデーターを使用します。通常は効果がありますが、時々効果がないこともあります。

Shopifyのデフォルト設定

ほとんどのテーマは、商品の注目画像と説明からコアとなる4つのタグをすでに出力しています。独自に追加する前に確認してください。1ページに2つのog:imageタグがあると、プラットフォームがどちらかを選びますが、それを制御することはできません。

テーマのデフォルトが問題ない場合、最も価値のある変更は、タグを増やすことではなく、目的に合わせたソーシャル画像を作成することです。Shopifyでのソーシャル共有画像とSEOでは、テーマがこれを設定する場所と、商品ごとにどのように上書きするかを説明しています。