WordPressで壊れたTwitterカード画像を修正する方法をお探しですか？
WordPressサイトからリンクをシェアされると、Twitterは自動的にサムネイル画像を表示しようとします。しかし、時には間違ったサムネイルが表示されることがあり、あなたのサイトがプロフェッショナルでないように見えてしまいます。
この投稿では、WordPressで壊れたTwitterカード画像を簡単に修正する方法を紹介します。
Twitterカード画像が一部のサイトで壊れているのはなぜですか？
TwitterはOpen Graphメタデータを使用して、リンクが共有されたときに画像を探します。これは、Facebookがページやグループでリンクを共有する際にサムネイルを表示するのと似ています。
しかし、WordPressは初期設定ではOpen Graphメタ情報をサポートしていません。そのため、Twitterでリンクを共有しても、Twitterカードの画像が表示されないことがあります。
Twitterカードの画像は、ユーザーの注意を引き、リンクのクリックを促すのに役立ちます。
これは、TwitterからWordPressサイトへのトラフィックが増えることを意味します。
ということで、WordPressでTwitterカードの画像を簡単に修正する方法を見てみましょう。
この投稿で取り上げるトピックの概要は以下の通りです。興味のあるセクションに飛ぶことも、順を追って説明することもできます：
- Fixing Broken Twitter Card Images Using All in One SEO
- Setting a Default Twitter Card Image
- Setting a Default Twitter Card Image for the WordPress Homepage
- Using a Custom Twitter Card Image for Each WordPress Post or Page
- Setting Custom Twitter Card Images for Categories & Tags
- Testing That a Post Has a Valid Twitter Card Image
- Troubleshooting Broken Twitter Card Images in WordPress
All In One SEOでTwitterカードの画像を修正する
まず、All In One SEO for WordPressプラグインをインストールして有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。
All In One SEOは、市場で最高のWordPress SEOプラグインです。検索エンジンとTwitterを含むソーシャルメディアプラットフォームのためにWordPressサイトを簡単に最適化することができます。
注： All In One SEOには、Twitterカード画像の修正に使える無料版もあります。ただし、Pro版にはより強力なSEO機能がついています。
このチュートリアルのために、私たちが使用しているProバージョンをデモしますが、無料バージョンでも手順は同様です。
有効化した後、All In One SEO ” 一般設定ページにアクセスし、ライセンスキーを入力する必要があります。この情報は、AIOSEOサイトのアカウントにあります。
All In One SEOでは、サイトのTwitterカードに使用する画像を完全にコントロールすることができます。すべての手順をご説明します。
まず、ソーシャルメディアのプロフィールURLを追加する必要があります。これらは、あなたのサイトとTwitterプロフィールやその他のソーシャルメディアプラットフォームを関連付けるものです。
All In One SEO ” ソーシャルネットワークページにアクセスし、Twitterを含むソーシャルメディアのプロフィールURLを入力するだけです。
Twitterカード画像の初期設定
次に、「Twitter」タブに切り替え、「Twitterカードを有効化」オプションの横にあるトグルをクリックします。
その下に、Twitterサマリーカードの初期設定が表示されます。これはほとんどのサイトで機能しますが、必要に応じて変更することができます。
特に、「初期設定投稿画像ソース」を変更したいでしょう。All In One SEOには、たくさんのオプションが用意されている。
例えば、アイキャッチ画像、添付ファイル画像、コンテンツ内の最初の画像、カスタムフィールドからの画像、投稿者画像、最初に利用可能な画像を選択することができます。
ほとんどのWordPressテーマがTwitterカード画像に適したアイキャッチ画像をサポートしているため、アイキャッチ画像を使用することをお勧めします。
その下に、初期設定の用語イメージソースを選択するオプションがあります。この画像は、誰かがカテゴリー、タグ、その他のタクソノミー用語アーカイブページのURLを共有したときに使用されます。
ここに初期設定の画像をアップロードすることもできますし、カテゴリーやタグごとにカスタム画像をアップロードすることもできます。その方法は後ほどご紹介します。
初期設定のTwitterカード画像ソースを選択したら、忘れずに「変更を保存」ボタンをクリックして設定を保存してください。
WordPressホームページのTwitterカード画像の初期設定
それでは、サイトのトップページに初期設定のTwitterカード画像を設定する方法を見てみましょう。
静的なホームページを使用していない場合、All In One SEO ” ソーシャルネットワークページのTwitterタブから、Twitterカードの初期画像を直接設定することができます。
ただし、カスタム・ホームページを使用している場合は、この表示は異なります。
その場合、ホームページの設定を直接編集するためのリンクが表示されます。
ページ編集画面で、コンテンツエディターの下にある「AIOSEO設定」ボックスまでスクロールするだけです。
ここから「ソーシャル」タブに切り替え、Twitterを選択する。
Twitterの設定では、初期設定のオプションを上書きすることができます。
ここでは、ホームページに使用するカスタムTwitterカード画像を指定できます。
Image Source’の隣にあるドロップダウンメニューをクリックすると、たくさんのオプションが表示されます。オプションから1つを選ぶか、使用したい新しい画像をアップロードすることができます。
完了したら、更新と変更の保存を忘れずに。
WordPressの投稿やページごとにカスタムTwitterカード画像を使用する。
多くのブロガーは、Facebook、Twitter、Pinterestなど、さまざまなプラットフォーム用にカスタマイザー画像を作成したがる。
All In One SEOでは、初期設定のTwitterカード画像を上書きし、投稿やページにカスタム画像を簡単に設定できます。
投稿またはページを編集し、コンテンツエディターの下にある’AIOSEO設定’ボックスまでスクロールダウンするだけです。ここから’Social’タブに切り替え、’Twitter’を選択します。
次に、この投稿のために特別に使用したカスタム画像を含む、Twitter Open Graphのカスタムデータを設定することができます。
Imageソース」セクションまでスクロールし、ドロップダウンメニューをクリックしてください。
プロバイダーから画像を選択するか、「カスタム画像」を選択して新しい画像をアップロードすることができます。
その後、’Upload or Select Image’ボタンをクリックして、コンピューターから画像をアップロードするか、WordPressのメディアライブラリから画像を使用することができます。
投稿が終わったら、投稿やページを更新または公開し、変更を保存することを忘れないでください。
カテゴリーとタグにカスタムTwitterカードイメージを設定する
投稿やページと同様に、All In One SEOでも、個々のカテゴリー、タグ、WooCommerce製品カテゴリー、その他のタクソノミー用のカスタム画像を簡単にアップロードすることができます。
投稿日” カテゴリーページに行き、カスタムTwitterカード画像をアップロードしたいカテゴリーの下にある「編集」リンクをクリックするだけです。
カテゴリーを編集」画面が表示されますので、「AIOSEO設定」ボックスまでスクロールダウンしてください。
ここから「ソーシャル」タブに切り替え、その下にある「Twitter」を選択する。
次に、「Image Source」セクションまでスクロールダウンし、ドロップダウンメニューをクリックします。
用意されている画像オプションのいずれかを選択するか、「カスタム画像」を選択して新しいTwitter画像をアップロードできます。
その後、’Upload or Select Image’ボタンをクリックして、コンピューターから画像をアップロードするか、WordPressのメディアライブラリから画像を使用することができます。
更新が終わったら、忘れずに「更新」ボタンをクリックして変更を保存してください。
投稿に正しいTwitterカード画像があるかテストする
Twitterカードの画像を設定したら、WordPressブログからリンクをシェアされたときに正しく表示されるかテストしてみましょう。
テストしたいページや投稿のURLをコピーし、Twitter Card Validatorのサイトにアクセスするだけです。そのURLを「Card URL」フィールドに貼り付け、「Preview card」ボタンをクリックします。
カード検証ツールはリンクを取得し、カードが正常に取得されたログ記録を表示します。
以前は、カード検証ツールはカードのプレビューも表示していたが、この機能はTweet Composerに移された。
WordPressで壊れたTwitterカード画像のトラブルシューティング
上記の手順を踏んでもTwitterカードの画像が正しく表示されない場合は、カードエラーのトラブルシューティングをお試しください。
WordPressのキャッシュをクリアする
Twitter画像が壊れてしまう最も可能性の高い原因は、WordPressのキャッシュプラグインです。All In One SEOでTwitterカード画像を設定していても、キャッシュプラグインが古いバージョンを表示している可能性があります。
この問題を解決するには、WordPressのキャッシュをクリアしてから、Twitter Card Validatorツールを使って再度テストする必要があります。
適切な画像サイズを選ぶ
Twitterカードとして使用する画像は、小さすぎたり大きすぎたりしないようにしてください。Twitterが推奨する画像の解像度は144×144ピクセル以上で、サイズは5MB未満です。
ヒント：ソーシャルメディアの画像サイズについては、WordPress初心者のための究極のソーシャルメディアチートシートですべて学ぶことができます。
この投稿が、WordPressで壊れたTwitterカード画像を修正するのにお役に立てば幸いです。ブログのトラフィックを増やす方法についての究極のガイド、またはWordPressのベストソーシャルメディアプラグインのエキスパートピックもご覧ください。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Jiří Vaněk says
I had the same problem with Yoast seo. Each article was set up the same. For some, the image was loaded and for some not at all. Settings the same. I never got to the source of the problem. The social card was filled out in the advice. the problem was completely eliminated only by replacing Yoast seo with AIO SEO.
Abdullah says
I did all these, it doesn’t solve the problem.
WPBeginner Support says
Please ensure you’ve cleared all caching for your site before using the card validator as that is the most common reasons that it does not update.
管理者