TL; DR：ソーシャルシェアイメージの問題は、ビーバービルダー自体ではありません。それは欠けている社会的メタデータです。 Beaver BuilderとSEOプラグインをペアにし、カスタムソーシャルイメージを設定し、オプションでビーバーテーマテンプレートに注目の画像を表示して、ソーシャルメディアでコンテンツがどのように見えるかを制御します。

Facebookでブログ投稿やページを共有したことはありますが、プレビューに間違った画像が表示されるのを見るだけですか？

もしそうなら、あなたは一人ではありません。

1人のユーザーが最近、ビーバービルダーのFacebookグループでこの質問をしました。

「ソーシャルメディアへのクロスポストのためのビーバービルダーに優しいソリューションを持っている人はいますか？たとえば、Facebookに投稿するとき、注目の画像の適切なサムネイルを取得していません。ビーバービルダーは、ページ上の最初の画像を引っ張り、吹き飛ばして、ひどく見えます。」

これは一般的な問題であり、ありがたいことに、共有時のコンテンツがどのように表示されるかを制御するのに役立ついくつかの強固な回避策（およびプロアクティブなソリューション）があります。

これが起こる理由と、SEOプラグイン、ビーバーテーマテンプレート、およびいくつかの最適化のベストプラクティスを使用してそれを解決する方法を説明しましょう。

私が自分のページを共有するときに間違った画像を修正する方法は？

Facebookまたは他のソーシャルプラットフォームへのリンクを投稿すると、表示する画像、タイトル、および説明を決定するために、オープングラフメタタグに依存しています。これらのタグが正しく設定されていない場合、プラットフォームはページにある最初の画像をつかむだけで、常にきれいではありません。

ビーバービルダーは、箱から出してソーシャルメタデータを処理しません。しかし、いくつかの簡単なオプションを使用すると、ビーバービルダーのソーシャルシェアイメージの問題を修正し、プラットフォームをガイドして、必要なものを正確に表示できます。

1.SEOプラグインを使用して、カスタムソーシャルイメージを設定する

Beaver Builderのソーシャルシェアイメージの問題を修正する最も効果的な方法は、SEOプラグインを使用することです。いくつかの一般的なオプションには次のものがあります。

• yoast seo
• ランク数学
• すべて1つのSEO

これらのプラグインを使用すると、通常のSEOタイトルまたは機能画像とは別に、すべての投稿とページのカスタムソーシャルメディアイメージ、タイトル、および説明を設定できます。

Yoast SEOでソーシャルイメージを設定する方法：

• WordPressエディターで投稿またはページを開きます。
• 上部ナビゲーションのYoastアイコンをクリックします。
• 下にスクロールして、ソーシャルメディアの外観ボタンをクリックして、ソーシャル設定を開きます。
• カスタムソーシャルイメージをアップロードして、お好みのタイトルと説明を書きます。

これにより、Facebook、LinkedIn、X（以前のTwitter）、およびその他のプレビューで表示されるものを完全に制御できます。

Beaver Builder Proからのヒント（以下の＃5を参照）： Facebook共有デバッガーを使用して、ページの表示方法をテストし、Facebookに変更を加えた後に再スクレープします。

2。ビーバーテーマを使用して、特徴的な画像を出力します

Beaver Builder Facebookグループのユーザーが提案した別のアプローチは、注目の画像が実際にページに表示されることを確認することです。

このアプローチが機能する理由：

ビーバービルダーテンプレートは、多くの場合、デフォルトのテーマ出力を置き換えます。注目の画像をレイアウトに明示的に追加しない場合、ページのHTMLには存在しない可能性があり、ソーシャルプラットフォームは検出されません。

Beaver Themerでカスタムレイアウトを構築している場合は、これらの手順に従って注目画像を設定できます。

1. Beaver Builder> Themerレイアウトにアクセスしてください。
2. 特異な投稿テンプレートを編集するか、新しいテンプレートを作成します。
3. Beaver Builder Modulesパネルから注目の画像モジュールを追加します（最初にリストされていない場合は、検索バーを使用して「特徴的な画像モジュール」を検索してください）。
4. ページの上部など、戦略的に配置するか、希望する場合はcssを使用して視覚的に非表示にします。

ソーシャル共有を超えて、このアプローチはブログ投稿全体で視覚的な一貫性を生み出します。すべての投稿には、読者のエクスペリエンスを向上させる適切なサイズの、適切にポジションのある注目の画像があります。また、モジュール設定を介して一貫したスタイリング、フィルター、またはオーバーレイを適用して、まとまりのあるブランド美学を作成することもできます。

3.デフォルトのソーシャル共有画像を設定します（バックアップとして）

カスタム画像の設定を忘れた場合でも、SEOプラグインはすべてのページまたは投稿のデフォルトのソーシャルイメージを定義できます。これにより、何かが亀裂を滑らせると、共有リンクがまだきれいでプロフェッショナルに見えることが保証されます。

なぜデフォルトの画像を使用するのですか？

• カスタム画像が設定されていない場合、セーフティネットとして機能します。
• プロフェッショナルなブランドの外観を維持します。
• ソーシャルプラットフォームが無関係または低品質の画像を引き出すのを防ぎます。

何がデフォルトの良い画像を作るのですか？

• きれいでブランドの背景にあなたのロゴ
• URLとブランドの色を備えた一般的なブロググラフィック
• 寸法：1200×630ピクセル

ほとんどのSEOプラグインを使用すると、グローバル設定にデフォルトの画像をアップロードできます。プラグインの設定のソーシャルメディアセクションに移動し、「デフォルトイメージ」や「フォールバック画像」などのオプションを探します。一部のプラグインを使用すると、FacebookやTwitterの異なるデフォルトを設定することもできます。

デフォルトの画像を定期的に確認して、現在のブランディングとまだ整合し、時代遅れになっていないことを確認してください。

4。ソーシャル共有のための画像最適化のヒント

共有画像を輝かせるには、次のガイドラインに従ってください。

• サイズ： 1200 x 630ピクセル（FacebookとLinkedInに最適）
• 形式： JPGまたはPNG
• アスペクト比： 1.91：1
• テキストの減少、より多くのビジュアル：テキストが多い画像は、一部のプラットフォームでは範囲が少なくなる場合があります。

技術仕様のディープダイブ： 1200 x 630ピクセルの寸法は任意ではありません。複数のプラットフォームで機能するスイートスポットです。 Facebookはこのサイズを推奨し、LinkedInはそれを完全に表示し、Twitterは適切にトリミングします。 Twitterのネイティブ形式は異なりますが（1200 x 675）、1.91：1のアスペクト比により、画像がどこにでも表示されます。

ファイルサイズも重要です。読み込み時間を短縮するために、画像を1MB未満に保ちます。 JPGは、多くの色の写真や複雑な画像に最適ですが、PNGはテキスト、ロゴ、またはより少ない色のシンプルなデザインのグラフィックに最適です。

5.共有デバッガーでFacebookのキャッシュを更新します

ソーシャルシェア画像を更新する前にページがFacebookで共有されている場合、Facebookはまだ古い画像を表示する場合があります。これは、Facebookがページのメタデータ（タイトル、説明、画像）をキャッシュするために起こります。

Facebookに更新された画像を使用するように強制するには：

1. Facebook共有デバッガーにアクセスしてください。
2. ページURLを入力し、 [デバッグ]をクリックします。
3. プレビューを確認します。間違った画像が表示されている場合は、もう一度こすります。
4. Facebookは、最新の設定でキャッシュを更新します。

いくつかの変更を行う場合は、更新されるたびに再度こすりつける必要がある場合があることに注意してください。

あなたの好みの修正は何ですか？

ビーバービルダーでソーシャルシェアイメージの問題を解決するための頼りになる方法はありますか？

Facebookグループで会話に参加してください：賢いビーバービルダー固有のヒントを見つけましたか、聞いてみたいです！

幸せな建物（そして共有）！