LINEでURL共有すると プレビュー画像がfaviconになる問題 WordPress Cocoon

未分類
この記事は約3分で読めます。

こんなところにたどり着いた人は、CocoonでLINEに記事を共有したらおかしな表示になって困っている人なんでしょう。

運営するサイトをLINEで共有した際に表示されるプレビュー画面が思うてたんと違うという問題に直面した。ワタシが行なった解決方法を先に書くとプラグインの“All in One SEO”を無効化する。これだけだ。

すぐに試してみてください。解決したらこの記事を読む必要はないです。

直面した問題

ワタシが直面した問題を説明する。例えばこのような↓サイトが有るとする。

このサイトをLINEで共有したとする。

画像を含むプレビューが表示された。ここで表示される画像は共有した記事のトップにある画像が表示されるのが普通だ。

で、ワタシの運営する「たくだん」というサイトの記事をLINEで共有する。例えばこういう↓記事だ

記事のページを開くとこう↓だ。

これ↑をLINEに共有する。腕組みをした男の子の画像がプレビューに表示されるのが理想だ。ところがこう↓なる。

↑違う画像が表示されている。これはたくだんサイトのfavicon画像である。なんてこったパンナコッタ。

理想のプレビュー画像

理想はちがう。

例えばこの記事↓をLINEに共有すると

こう↓なるのが理想なのだ。記事のアイキャッチ画像がプレビューに表示されるのが理想だ。

サイト運営上の環境

ワタシがサイトを構築している環境は、WordPressのCocoonというテーマを使用している。ワタシはインターネットやhtmlの事がほとんどわかっていない。とにかくググりながらWordPressを使用している。

今回のトラブルもググったり優しい人の助言を借りながら取り組んだ。

その中で「トラブルの時はWordPressのプラグインを一つずつ無効にしてみましょう」というのがあった。

ワタシはいくつかのプラグインを入れている。教えに従って上から一つずつ無効にすることを試してみた。

一番上の「All in One SEO」を無効にしてみた。

記事をLINE共有して確認してみた。直っていた。何という事だろう。一発目でビンゴである。

WordPressをどうにか使用しているワタシはプラグインの「All in One SEO」をいつ何のために導入したのかを思い出せない。おそらくWordPressでどうにかサイトを構築できた喜びのあまり、勢いでなんとなくカッコええ「All in One SEO」を入れたのではないかと想像する。

そもそもAll in One SEOは必要なのか

「All in One SEO」についてググると「必要ない」というサイトが多くヒットする。

ワタシの環境「WordPress」「Cocoon」では「All in One SEO」を入れているとLINEに記事を共有した時の画像表示(OGP:Open Graph protocolと言うそうです 知らん)がおかしな事になる。

「All in One SEO」を無効化するとOGPがええ感じになる。

インターネットにお礼

「All in One SEO」を無効化することによる他に及ぼす影響はよく分からない。多分ない。記憶をたどると「xmlサイトマップ」を構築する目的で「All in One SEO」を導入したんだと思う。

「xmlサイトマップ」を構築するのは「All in One SEO」を使わずとも方法はいくらでもありそう。というか「xmlサイトマップ」がなくてもたちまち不自由はない。という結論です。

それにしてもWordPressやグーグル検索、過去に(読まれるかどうかもわからない)記事を書いてくれた方々のお陰で、ワタシのようなインターネットやhtmlの本質をわかっていない、体系的に学んでいない人間にもサイトの運営がどうにか行えている。

それらにお礼をする意味でこの記事を残します。一人でもこの記事によって救われる方があれば本望です。