以前Twitterで、サイトを紹介してもらった時のことです。
筆者はAFFINGER6のテーマを使用しており、もともとブログのトップ画像も設定していました。
いったいなぜ表示されなくなってしまったのか‥。
同じようにお困りの方のお役に立てれば嬉しいです。
- HTML・CSSを触らない
- プラグインなし
を条件に、簡単な解決法をご紹介しますね。
AFFINGER6
【「稼ぐ」に特化したWordPressテーマ】
SEO最適化や、サイトに応じた細かなカスタマイズも可能。ブログ・アフィリエイトサイトで収益を上げたい方におすすめ。
\ SEOに優れたWordPressテーマ /
※ 5,000円相当のプラグイン付き!
AFFINGER6でX(Twitter)のブログカード画像を表示させる方法
Twitterのブログカードが表示されない理由は2種類考えられます。
- 管理画面で設定をしていない
- ブログトップページが固定記事
両方の設定方法はこちら。
Twitterのブログカードに画像を表示させるために、WordPress管理画面を開きます。
「AFFINGER管理」→「SNS/OGP」→「OGP設定」と進みます。
「トップページ(投稿・固定ページ以外)アイキャッチ画像」へ設定したい画像をアップロードしたら完了です。
ブログカードに設定する画像がない場合は、下記記事を参考にどうぞ。
-
ブログに使える!無料でオシャレなフリー画像サイト7選
続きを見る
サイトのトップページを固定ページに設定している場合、通常の設定では画像が反映されません。
設定方法は簡単なのでご安心を。 一緒にサクッと進めましょう。
まず、WordPress管理画面の「AFFINGER管理」→「投稿・固定記事」に進みます。
アイキャッチ設定欄にある、「アイキャッチ画像の表示を全ての記事で有効化する(デフォルトは上部)」のチェックを外します。
お次に固定ページのアイキャッチを設定します。
普段の記事投稿では、「設定に関わらずアイキャッチ挿入」にチェックを入れて投稿します。
ここまで完了すると、投稿記事ではアイキャッチが表示され、Twitterカードの画像も問題なく表示されます。
【簡単】ブログカードがきちんと設定されているかの確認方法
ここまで設定が完了したら、実際に表示されるか確認してみましょう。
まず、Twitterの投稿画面を開きます。
自分のサイトのURLを入力して、下に画像が表示されれば無事設定完了です。
ココに注意
※ 反映されるまで、少し時間がかかる場合があります。
X(Twitter)カードを表示させるメリット
X(Twitter)カードを表示させるとこのようなメリットがあります。
認知度が上がる
ブログをXで紹介してもう時に、画像が付いていると認知度がアップします。
人は視覚情報が8割を占めると言われていますので、極力設定しておきましょう。
信頼性がアップする
ブログカードが設定されていると、ブログの信頼度がアップします。
設定していない状態と比べて「細かいところもきちんと設定されているな。」といい印象を持ってもらえます。
設定しておいて損はないので、設定漏れがないかチェックしてみてくださいね。
X(Twitter)するならAFFINGER6ブログカード設定も忘れずに
今回は、AFFINGER6でTwitterカードが表示されない場合の対処方法についてご紹介しました。
設定が上手くできていないとデザインが乱れることはよくあります。
WordPressテーマ導入後は早めに初期設定を済ませ、快適にブログ運営をしましょう。
他にもAFFINGER6の設定は、下記記事にご用意していますのでぜひご覧ください。
今回は以上です。
最後までご覧いただきありがとうございました。