Cocoonブログカードが表示されない4つの原因とは？対処法まとめ

「ブログカードを設定したのにテキストリンクで表示される…」

「内部リンクと外部リンクの一方だけブログカード化されない…」

「ブログカードの画像が表示されない、どうして？」

この記事では、そんな方に向けて、Cocoonでブログカードが表示されない原因と対処法を解説します。

この記事を読めば、あなたも簡単に

• ブログカード化されないのを解決できる

ようになります。

私もあなたと同じことに悩んでたのですが、本記事の方法でサクッと解決できました。

どこよりも分かりやすく書いている自信がありますので、あなたもパパッと解決してみてください！

また以下の記事では、ブログカードの使い方やカスタマイズ方法をまとめて紹介しています。

本記事はWordPressテーマ「SWELL」で作成しているので、デザインが抜群にオシャレです！

Cocoonブログカードが表示されない原因と対処法3つ

Cocoonでブログカードが表示されない原因は、以下の3つが考えられます。

それぞれの対処法を詳しく解説します。

ブログカードの表示を有効にしていない

WordPress管理画面のCocoon設定で「ブログカード表示を有効にする」にチェックが入っていないと、ブログカードは表示されないです。

「ブログカード表示を有効にする」にチェックを入れたと思う…という方は、

かのどちらかの可能性があります。

「内部ブログカード」と「外部ブログカード」それぞれで「ブログカード表示を有効にする」にチェックを入れるとブログカードが表示されます。

設定方法は下記のとおりです。

URLに日本語が入っている

以下の画像のように、URLに日本語が入っているとブログカードは表示されないです。

ですので、以下2つの設定のどちらかを行うと解決します。

アドレスバーのURLをそのままコピペする

パーマリンクに日本語を入れて作成した場合、日本語になっている部分が日本語以外の文字に自動に変換されます。

パーマリンクとは…Webサイトのページごとに設定するURLのこと

ですので、自動変換されたアドレスバーのURLをそのままコピーしてブログカードブロックに貼り付けましょう。

これでブログカードが表示されます。

パーマリンクを日本語から英数字に変える

パーマリンクを途中で変更するとSEO評価がリセットされたり、他サイトにリンクされた被リンクが404エラーになります。自己責任で行ってください。

パーマリンクを日本語から英数字に変更する方法は下記のとおりです。

URLの前にスペース(空白)がある

Cocoonのブログカードブロックに入力したURLの前にスペース(空白)があるとブログカードは表示されないです。

ですので、URLの前のスペース(空白)をなくすとブログカードが表示されます。

Cocoonブログカードの画像が表示されない原因と対処法1つ

Cocoonでブログカードの画像は、リンク先の記事でアイキャッチ画像を設定していなければ表示されないです。

ですので、リンク先の記事でアイキャッチ画像を設定すると画像が表示されます。

Cocoonでアイキャッチ画像を設定する方法について、詳しくは下の記事を参考にしてください。

Cocoonブログカードが表示されない原因と対処法まとめ

今回は、Cocoonでブログカードが表示されない原因と対処法を紹介しました。

以下の記事では、ブログカードの使い方やカスタマイズ方法も紹介しています。

当ブログではCocoonに関する記事をいくつか書いてます。

下のページにまとめていますので、のぞいてみてください。