WordPressで壊れたTwitterカード画像を修正する方法

何年も前、私たちは新しいブログ記事をTwitterで共有し、それがどのようにパフォーマンスするかを見るのが楽しみでした。しかし、リンクを投稿したとき、美しいアイキャッチ画像の代わりに、壊れたプレースホルダーか画像が全く表示されませんでした。

その時、私たちはTwitterカード画像と、それがソーシャルメディアでの存在感を左右する可能性があることを知りました。WordPressサイトのTwitterカードが正しく機能しないと、クリック数やエンゲージメントが大幅に失われます。

WordPressサイトで壊れたTwitterカード画像の問題を抱えている場合は、正しい場所にいます。私たちは何百ものWordPressユーザーがこの問題を正確に解決するのを支援してきました。Twitterカードを再び完全に機能させるための最も効果的な解決策を順を追って説明します。

一部のウェブサイトでTwitterカード画像が壊れるのはなぜですか？

Twitterカード画像の破損の根本原因は、メタデータが欠落していることがよくあります。X（旧Twitter）でリンクを共有すると、プラットフォームは、表示する画像を決定するために、ウェブサイトのコード内の特定のOpen Graphメタデータを探します。

問題はこうです。WordPressには標準でOpen Graphメタタグが含まれていません。これらのタグがないと、Xはどの画像がコンテンツを表しているのかを知ることができないため、壊れたプレースホルダーが表示されるか、まったく画像が表示されなくなります。

この壊れた体験は、ソーシャルメディアのパフォーマンスに深刻な影響を与える可能性があります。

競合他社が適切な Twitter カードを持っているのに、自分のリンクが専門的に見えない場合、信頼性とクリックを失います。

この問題を修正するだけで、ソーシャルメディアのクリック率が増加したウェブサイトを見てきました。

良いニュースは、Twitterカード画像の破損を修正することは、何をすべきかを知れば簡単だということです。数百のWordPressサイトでテストした最も効果的な解決策をいくつか見ていきましょう。

この記事で取り上げるトピックの簡単な概要を以下に示します。興味のあるセクションにジャンプするか、手順をステップバイステップで実行してください。

1. All in One SEOを使用した壊れたTwitterカード画像の修正
2. デフォルトのTwitterカード画像の設定
3. WordPressホームページのデフォルトTwitterカード画像を設定する
4. WordPress の投稿またはページごとにカスタム Twitter カード画像を使用する
5. カテゴリとタグのカスタムTwitterカード画像の設定
6. 有効なTwitterカード画像を持つ投稿をテストする
7. WordPressで壊れたTwitterカード画像のトラブルシューティング

All in One SEOを使用した壊れたTwitterカード画像の修正

まず、WordPress用All in One SEOプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドを参照してください。

All in One SEOは、市場で最高のWordPress SEOプラグインです。これにより、Xを含む検索エンジンやソーシャルメディアプラットフォーム向けにWordPressサイトを簡単に最適化できます。

このチュートリアルのため、Proバージョンを使用しているためProバージョンでデモンストレーションしますが、無料バージョンでも手順は同様です。

有効化したら、ライセンスキーを入力するために**All in One SEO » 一般設定**ページにアクセスする必要があります。この情報はAIOSEOウェブサイトのアカウントで見つけることができます。

All in One SEO は、ウェブサイトの Twitter カードに使用される画像を完全に制御できます。すべての手順を説明します。

まず、ソーシャルメディアプロフィールのURLを追加する必要があります。これにより、ウェブサイトがX（Twitter）プロフィールやその他のソーシャルメディアプラットフォームと関連付けられます。

単純に All in One SEO » ソーシャルネットワーク ページに移動し、X を含むソーシャルメディアプロフィールの URL を入力します。

デフォルトのTwitterカード画像の設定

次に、「Twitter」タブに切り替え、「Twitterカードを有効にする」オプションの横にあるトグルをクリックする必要があります。

その下には、ほとんどのウェブサイトで機能するTwitterサマリーカードのデフォルト設定が表示されますが、必要に応じて変更できます。

特に、「デフォルトの投稿画像ソース」を変更したいでしょう。All in One SEOには多くのオプションがあります。

例えば、アイキャッチ画像、添付画像、コンテンツ内の最初の画像、カスタムフィールドの画像、投稿作成者の画像、または利用可能な最初の画像を選択できます。

ほとんどのWordPressテーマは、Twitterカード画像に適したアイキャッチ画像に対応しているため、アイキャッチ画像の使用をお勧めします。

その下に、デフォルトのターム画像ソースを選択するオプションがあります。この画像は、誰かがカテゴリ、タグ、またはその他のタクソノミータームアーカイブページへのURLを共有したときに使用されます。

ここにデフォルトの画像をアップロードすることも、各カテゴリまたはタグにカスタム画像をアップロードすることもできます。後でその方法を説明します。

デフォルトの Twitter カード画像のソースを選択した後、「変更を保存」ボタンをクリックして設定を保存することを忘れないでください。

WordPressホームページのデフォルトTwitterカード画像を設定する

さて、ウェブサイトのホームページのデフォルトのTwitterカード画像をどのように設定するか見てみましょう。

静的なホームページを使用していない場合は、**All in One SEO » Social Networks**ページのTwitterタブでデフォルトのTwitterカード画像を直接設定できます。

ただし、カスタムホームページを使用している場合は、これが異なります。

その場合、ホームページを編集する設定へのリンクが直接表示されます。

ページの編集画面で、コンテンツエディターの下にある「AIOSEO設定」ボックスまでスクロールするだけです。

ここから、「ソーシャル」タブに切り替えてから、Twitter を選択する必要があります。

Twitter設定の下で、デフォルトのオプションを上書きできます。

ここで、ホームページに specifically 使用されるカスタム Twitter カード画像を提供できます。

「画像ソース」の横にあるドロップダウンメニューをクリックするだけで、選択肢が多数表示されます。オプションのいずれかを選択するか、使用したい新しい画像をアップロードできます。

完了したら、変更を更新して保存することを忘れないでください。

WordPress の投稿またはページごとにカスタム Twitter カード画像を使用する

多くのブロガーは、Facebook、X、Pinterestなどのさまざまなプラットフォームに合わせてカスタムソーシャルメディア画像を作成するのが好きです。

All in One SEO を使用すると、デフォルトの Twitter カード画像のカスタム設定を簡単にオーバーライドし、任意の投稿またはページにカスタム画像を提供できます。

投稿またはページを編集し、コンテンツエディターの下にある「AIOSEO設定」ボックスまでスクロールダウンします。ここから、「ソーシャル」タブに切り替え、「Twitter」を選択する必要があります。

次に、カスタム画像を含むカスタムTwitter Open Graphデータを設定できます。これは、この特定の記事に使用される画像です。

「画像のソース」セクションまでスクロールし、ドロップダウンメニューをクリックするだけです。

提供されている画像の中から1つを選択するか、「カスタム画像」を選択して新しい画像をアップロードできます。

その後、「画像のアップロードまたは選択」ボタンをクリックしてコンピューターから画像をアップロードするか、WordPressメディアライブラリから画像を使用できます。

完了したら、変更を保存するために投稿またはページを更新または公開することを忘れないでください。

カテゴリとタグのカスタムTwitterカード画像の設定

投稿やページと同様に、All in One SEOは、個々のカテゴリ、タグ、WooCommerceの製品カテゴリ、その他のタクソノミー用のカスタム画像をアップロードしやすくします。

投稿 » カテゴリーページに移動し、カスタムTwitterカード画像をアップロードしたいカテゴリーの下にある「編集」リンクをクリックするだけです。

これで「カテゴリ編集」画面に移動します。ここで下にスクロールして「AIOSEO設定」ボックスを見つけます。

ここから、「ソーシャル」タブに切り替え、その下の「Twitter」を選択します。

次に、「画像ソース」セクションまで下にスクロールし、ドロップダウンメニューをクリックします。

提供されている画像オプションのいずれかを選択するか、「カスタム画像」を選択して新しい Twitter 画像をアップロードできます。

その後、「画像アップロードまたは選択」ボタンをクリックするだけで、コンピューターから画像をアップロードしたり、WordPressメディアライブラリの画像を使用したりできます。

完了したら、「更新」ボタンをクリックして変更を保存してください。

有効なTwitterカード画像を持つ投稿をテストする

Twitterカード画像を設定したら、WordPressブログからリンクが共有されたときに正しく表示されるかテストしたいと思うでしょう。

テストしたいページまたは投稿のURLをコピーし、Twitter Card Validatorのウェブサイトにアクセスします。「Card URL」フィールドにURLを貼り付け、「Preview card」ボタンをクリックします。

カードバリデーターツールはリンクを取得し、カードが正常に取得されたログを表示します。

以前は、カードバリデーターツールにもカードプレビューが表示されていましたが、この機能はTweet Composerに移動されました。

WordPressで壊れたTwitterカード画像のトラブルシューティング

上記の手順に従っても、正しいTwitterカード画像が表示されない場合は、カードエラーのトラブルシューティングのための簡単なヒントを試すことができます。

WordPress のキャッシュをクリアする

X画像が壊れる最も可能性の高い原因は、WordPressキャッシュプラグインです。All in One SEOでTwitterカード画像を設定していても、キャッシュプラグインが古いバージョンを表示している可能性があります。

これを修正するには、WordPressのキャッシュをクリアしてから、Twitterカードバリデーターツールを使用して再度テストしてください。

正しい画像サイズを選択する

Twitterカードとして使用する画像が小さすぎたり大きすぎたりしないことを確認してください。Xでは、最小解像度144×144ピクセル、サイズ5MB未満の画像を推奨しています。

この記事がWordPressで破損したTwitterカード画像を修正するのに役立ったことを願っています。また、著者のTwitterとFacebookをプロフィールページに表示する方法に関するガイドや、使用すべき最高のWordPress SEOプラグインとツールの専門家による選択も参照してください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。