あるソーシャルメディアマーケティングにおいて、ページがFacebook、Twitter、LinkedInなどでシェアされた場合、そのページには以下のような表示がされますか? キャッチーなタイトル、説明文、サムネイルクリック率やブランドイメージに直結する。ヨーストSEO 便利なOpen GraphとX Cardの設定を提供し、ソーシャルメディアプラットフォームでのページの表示方法をコントロールできます。
![画像[1]-Yoast SEOチュートリアル:オープングラフとXカード設定のカスタマイズ](https://www.361sale.com/wp-content/uploads/2025/07/20250701141324441-image.png)
1.オープングラフとツイッターカードとは?
1.1 オープン・グラフの定義
オープングラフ(OG)プロトコルは、ウェブページが共有されたときに表示される情報を定義するためにフェイスブックによって提案された:
- og:title (タイトル)
- og:description
- og:image (サムネイル)
- og:url (ページ)URL)
- og:type(タイプ、例:記事、ウェブサイト)
ほとんどすべてのソーシャル・プラットフォーム(Facebook、LinkedIn、WhatsApp)は、プレゼンテーション・フォーマットを統一するために、OGタグ付きコンテンツを求めている。
1.2 Xカードの定義
Xカードはツイッターの共有プロトコルで、主に2つのタイプがある:
- サマリーカード(要約カード):タイトル、説明、サムネイルを表示する
- 大きな画像付きサマリーカード(大きなサマリーカード):大きな写真による視覚的なハイライト
1.3 なぜオープン・グラフとXカードが重要なのか?
- クリック率の向上
最適化されたタイトル、説明文、カバー画像はユーザーのクリックを誘い、トラフィックを増加させる。
- 統一されたブランドイメージ
カバー画像をカスタマイズすることで、ソーシャルメディアで共有する際にブランドの一貫性を保つことができます。
- 間違ったコンテンツのクロールを避ける
ページにOGカードまたはTwitterカードが設定されていない場合、プラットフォームは自動的にページコンテンツをクロールし、プロフェッショナリズムを損なう無関係な画像やデフォルトの見出しが表示される可能性があります。
2.オープングラフとXカードをYoast SEOで有効にする方法
2.1 オープングラフデータの有効化
- 入り込む ワードプレス バックオフィス > ヨースト SEO > 設定 > サイトの特徴
![画像[2]-Yoast SEOチュートリアル:オープングラフとXカード設定のカスタマイズ](https://www.361sale.com/wp-content/uploads/2025/07/20250701142452648-image.png)
- 見つける オープン・グラフ・データ 機能モジュール
- 打点 機能を有効にする
![画像[3]-Yoast SEOチュートリアル:オープングラフとXカード設定のカスタマイズ](https://www.361sale.com/wp-content/uploads/2025/07/20250701143337315-image.png)
説明: オンにすると、Facebook、LinkedIn、WhatsAppなどのソーシャルプラットフォームは、ウェブサイトへのリンクを共有する際にOpen Graphメタデータを呼び出し、設定したタイトル、説明文、カバー画像を表示します。
2.2 Xカードデータ(旧Twitterカード)の有効化
TwitterがXに名称を変更したため、Yoast SEOも機能の名称を次のように更新した。 Xカードデータ開封の手順は以下の通り:
- ある ヨースト SEO > 設定 > ソーシャル共有 ウェブページ
- 見つける Xカードデータ 機能モジュール
- 打点 機能を有効にする
![画像[4]-Yoast SEOチュートリアル:オープングラフとXカード設定のカスタマイズ](https://www.361sale.com/wp-content/uploads/2025/07/20250701143354734-image.png)
説明
オンにすると、あなたのウェブサイトのリンクがX(Twitter)プラットフォームで共有されたときに、設定されたタイトル、説明文、画像のサマリーカードが表示され、共有のクリックスルー率が向上します。
2.3 Slack共有(オプション)
Slackの共有プレビューを最適化するには、以下を有効にします。 スラック共有 機能
- 同様に ヨースト SEO > 設定 > ソーシャル共有 ウェブページ
- 見つける スラック共有 機能モジュール
- 打点 機能を有効にする
![画像[5]-Yoast SEOチュートリアル:オープングラフとXカード設定のカスタマイズ](https://www.361sale.com/wp-content/uploads/2025/07/20250701143432223-image.png)
この機能は、Slack共有時に作者名と推定読了時間を表示します。
3. 各記事のオープングラフとXカード情報をカスタマイズする方法
ヨーストSEO 投稿/ページごとにソーシャル共有情報をカスタマイズできるようにする。
3.1 記事編集ページへ
- 設定が必要な投稿またはページを開く。
- Yoast SEOパネルまでスクロール
- 打点 "社交" タブ
![画像[6]-Yoast SEOチュートリアル:オープングラフとXカード設定のカスタマイズ](https://www.361sale.com/wp-content/uploads/2025/07/20250701144337240-image.png)
3.2 Facebook(オープングラフ)の共有コンテンツをカスタマイズする
ある フェイスブック・プレビュー 次に記入する:
- キャプションソーシャルシェアのためにデザインされたSEOヘッドラインとは異なります。
- 説明短く魅力的で、セールスポイントを強調し、ユーザーをクリックに導く。
- イメージFacebookの推奨サイズ(1200×630px)、最適な比率(16:9)を満たす画像をアップロードしてください。
![画像[7]-Yoast SEOチュートリアル:オープングラフとXカード設定のカスタマイズ](https://www.361sale.com/wp-content/uploads/2025/07/20250701144051441-image.png)
3.3 Xカード(Twitterカード)の共有内容をカスタマイズする
ある X(ツイッター)プレビュー 次に記入する:
- キャプション70文字以内に収めること
- 説明200文字以内に収める
- イメージ推奨サイズ1024×512px、16:9の比率も使用可
Twitterの画像が設定されていない場合、TwitterはデフォルトでFacebookのOG画像を取得します。
![画像[8]-Yoast SEOチュートリアル:オープングラフとXカード設定のカスタマイズ](https://www.361sale.com/wp-content/uploads/2025/07/20250701144514988-image.png)
3.4 アップデートの保存
フォームへの入力が終わったら、投稿やページを更新して完了です。Facebook DebuggerまたはTwitter Card Validatorで共有プレビューを確認し、正しく設定されていることを確認してください。
4.オープングラフとXカードのセットアップのベストプラクティス
- ブランド固有の表紙テンプレートの使用
ブランド認知度を高めるために、カバー画像を共有する一貫したスタイルを維持する。
- タイトルと説明文 マッチング活動 CTA
例えば、「期間限定割引|今すぐ見る」なら、「今すぐ見る」の数を効果的に増やすことができる。クリック率(CTR)(インターネット).
- 画像の重複を避ける
各投稿には対応するテーマカバーが設定され、ソーシャルシェアリングが画一的にならないようになっている。
- Facebook Debuggerでクロールキャッシュを定期的に更新する
カバー画像を変更する場合は Facebookデバッガー タイムリーな発効を確実にするため、キャッシュを更新する。
概要
ヨーストSEO オープン・グラフとXカードのセットアップ機能は、以下のように提供される。 ワードプレス ソーシャルメディア共有の効果を向上させる、ユーザーにとって不可欠なツールです。適切な設定とカスタマイズにより、すべてのシェアが最高のビジュアルとコンテンツを表示し、より多くのクリックとトラフィックをもたらします。
| お問い合わせ | |
|---|---|
| チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
カスタマーサービス WeChat
|
| ① 電話:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| 三 Eメール:info@361sale.com | |
| ④ 勤務時間: 月~金、9:30~18:30、祝日休み | |
この記事へのリンクhttps://www.361sale.com/ja/64463この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。






















![絵文字[wozuimei]-Photonflux.com|プロのWordPress修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 専門WordPress修復サービス、全世界対応、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

コメントなし