サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2020年4月21日 16:29
いつもお世話になっております。
先日も表題の件についてご相談させていただき、一旦解決したかのように見えましたが、再び表示されなくなってしまったので再度ご相談させてください。
【事象】
スマホの検索結果において、当サイトのファビコンだけが表示されなくなってしまいました。現在はデフォルトの地球儀マークが表示されています。他サイトはこれまで通りファビコンが表示されています。
【先日ご相談した際に行ったこと】
先日こちらのフォームでご相談した際、スパムと認識された可能性もあるとのことで、アイコン画像を変更してトップページをインデックス登録したところ、変更前の画像が元通り表示されるようになりました。なぜ変更前の画像か分かりませんでしたが、とりあえず表示されるようになったということでクローズしていただきました。
【以降の事象について】
その数日後、ふたたび表示されなくなって現在もデフォルトの地球儀マークとなっております。なぜ急に表示されなくなってしまったのか、もしお分かりでしたらご教示いただけますと幸いです。
なお、ひとつ気になったのですが、Cocoonでは「512 × 512ピクセル以上の正方形」を推奨されているかと思いますが、サーチコンソールのガイドラインを見てみると「ファビコンのサイズが 48 ピクセルの倍数になっていること（例: 48 x 48 ピクセル、96 x 96 ピクセル、144 x 144 ピクセルなど）。」と記載してありました。
https://support.google.com/webmasters/answer/9290858?hl=ja
512ピクセルは48ピクセルの倍数ではないですが、サイズとしては512×512で設定しても大丈夫でしょうか？
運営サイトの情報は下記のとおりです。
サイト名：オーサムスタイル
WordPress 5.3.2
Cocoon Childバージョン: 1.0.8
Cocoonバージョン: 2.1.1.4
お手数ですが宜しくお願い致します。
2020年4月21日 18:59
少し前に、Googleの検索結果にファビコンが表示されるようになったことがありました。
PCでも表示されたり、されなかったり、していましたが、PCの方はどうもあまり評判がよくなかったため、スマホの検索結果だけに表示させているみたいです。
そもそも、私のサイトは画像がインデックスされないようにしているので、表示される訳がないため、通常のWordPressではない、htmlの静的なWebサイトと同じ方法で、ファビコンを設置してみました。
ファビコンは、通常は、サイトのルート直下に「favicon.ico」などのファイル名の画像を置いておくことで、クローラーが勝手にインデックスしてくれるものらしいです。
さらに、htmlのhead内に、以下のような ｈref 属性を記述しておくことで、ファビコンの設置をクローラーに伝えることができるみたいです。
<link rel="shortcut icon" href="https://awesome-style.com/favicon.ico">
「ファビコンの設置方法」等でググれば、詳しい記事が見つかるかと思います。
icoファイルは、複数のサイズの画像をひとまとめにしてくれるファイル形式みたいです。
作り方は簡単で、以下のサイズ(もっと種類は増すことも可能)のpng画像をあらかじめ用意しておいて、
16×16px
24×24
32×32
48×48
96×96
上記のサイトで作成することができます。
ファイル名は、そのものズバリ、「favicon.ico」でいいのではないかと思います。
設置場所はルート直下、といっても、サーバーや、サイトの設置の仕方によって異なるので、ご自身で確認する必要があります。
Xサーバーの場合は、通常は、public_html がルート直下になるみたいです。
head内にタグを出力するのに手っ取り早い方法は、Cocoon設定の「アクセス解析・認証」タブのヘッド用コードにコピペすると、head内に出力されるみたいです。
テーマエディター内の tmp-user/head-insert.php でもできるのかもしれませんし、その辺は、あまり詳しくないので調べてみてください。
96×96は、48の倍数でもあるので、その辺も理にかなってはいるのかなと思います。
「favicon.ico」が上手く設置できたかを確認する方法は、ブラウザのURLの入力欄に、
https://awesome-style.com/favicon.ico
と打ち込んでみると、画像が表示されるので、わかります。
WordPressの512×512と両方設置した場合にどうなるのかは、私はよくわかりません。
WordPressとは言っても、htmlに変わりはないので、特に変わったやり方でもないとは、思いますけれども。
いまのところ、スマホの検索結果で表示されているみたいです。
わいひら reacted
2020年4月21日 19:52
サイトアイコンで512px以上を推奨しているのは、テーマの推奨ではなくWordPressの推奨かと思います。
サイトアイコンは512 × 512ピクセル以上の正方形にしてください。
ここはCocoonが設けた設定項目ではなく、元からある設定なので。
2020年4月21日 19:55
ちなみに、現在の当Cocoonサイトのアイコンは、32pxで48の倍数ではないですが、検索結果に問題なく表示されているようです。
2020年4月21日 20:34
https://support.google.com/webmasters/answer/9290858?hl=ja
上記の大竹さんが貼って下さったURLに
検索結果の横にファビコンを表示するには、次のガイドラインに準拠する必要があります。なお、すべてのガイドラインが満たされても、ファビコンが検索結果に表示されるかは保証されません。
と記載されているので、明確な基準はGoogleしかわからなさそうですね。
自分のブログの表示も調べてみたところ、ファビコンを設定しているのに、なぜかCocoonデフォルトのファビコンが検索画面で表示されてました…。
わいひら reacted
2020年4月21日 20:42
【先日ご相談した際に行ったこと】
先日こちらのフォームでご相談した際、スパムと認識された可能性もあるとのことで、アイコン画像を変更してトップページをインデックス登録したところ、変更前の画像が元通り表示されるようになりました。
以前のトピックはこちらで合ってますか？一応リンク貼っておきます。
ファビコンが表示されなくなってしまった件について | Cocoonテーマに関する質問 | Cocoon フォーラム
わいひら reacted
2020年4月21日 20:47
少し月日が経ってしまったので、あまりよく覚えていないのですが、画像のインデックスを制限するのに使っている「robots.txt」の書き方を少し変えたりして、工夫して、試してみたのですが、WordPressの512×512では、私のサイトも地球の画像のままだったように記憶しています。
ルート直下に「favicon.ico」を設置するやり方に変えたところ、しばらくして表示されるようになったように思います。
cocoonのサイトは表示されてるのになぁ・・と思いつつも。
2020年4月22日 16:15
大竹さん
スマホの検索結果において、当サイトのファビコンだけが表示されなくなってしまいました。現在はデフォルトの地球儀マークが表示されています。他サイトはこれまで通りファビコンが表示されています。
上記のファビコンが表示されているサイト「他サイト」のURLの後ろに「/favicon.ico」を付け足してEnterキーを押してみてください。
かなり多くのサイトでファビコン画像がブラウザの真ん中に小さく表示されるのではないかと思います。
例えば、
エイチttps://www.google.co.jp/favicon.ico
とURLを打ち込むと、グーグルのファビコン画像がブラウザ画面の真ん中に表示されます。
と、いうことは・・・
あとは、ご自由にご想像いただければと思います。
2020年4月22日 20:15
WordPress の場合は、ファビコンを作る必要はありません。
「サイトアイコン」に 512 x 512px のアイコンを設定すれば、WordPress が自動的に以下の 2 つのサイズのファビコンを生成します。
- 32 x 32px
- 192 x 192px
ファビコンが検索結果で表示されないのは、192 x 192px のファビコンにアクセスできないためです（何度かアクセスを試したところ表示はされたが、必ずアクセスできなければ意味がない）。
なぜ、ファビコンの URL がこのようになっているのでしょうか？
https://awesome-style.com/wp-content/uploads/2020/03/cropped-fabicon-1-192x192.jpg.pagespeed.ce.128Wuh5YY8.jpg
プラグインの停止などをし、URL が変わっている原因を探るのがいいように思えます。
尚、「サイトアイコン」に設定するアイコンは、PNG 形式をおすすめします。
この投稿は5年前 4回ずつAkiraに変更されました
わいひら reacted
2020年4月22日 20:49
理屈的には、Akira さんのおっしゃるとおりで、WordPressが生成する２つのサイズのファビコンがあれば、ルート直下にファビコンを設定する必要はないはずです。
でも、大竹さんのサイトも以前は検索結果に表示されていたり、さる子さんのサイトは、きちんと設定しているのに検索結果には別のファビコンが表示されたりするという事実もあるので、さる子さんのおっしゃるように、明確な基準はGoogleにしかわからない、というのが現状だろうと私も感じています。
大竹さんの場合は、過去にも同様のトピックを立てていらっしゃるので、何とか検索結果に表示させたい、という思いが強いのかなと、思いました。
なので、別の方法を紹介させていただいた次第です。
私のサイトのようなアクセス数の少ない、弱小サイトでも、いまのところ、表示されていますので。
繰り返しになりますが、Akiraさんのおっしゃることは正論だと思います。
わいひら reacted
2020年4月23日 08:58
運営サイトの情報は下記のとおりです。
サイト名：オーサムスタイル
WordPress 5.3.2
Cocoon Childバージョン: 1.0.8
Cocoonバージョン: 2.1.1.4
ちょっと確認できません
でもサイトアイコンのところに画像を入れているのであれば
キチンと反映されますよ
反映されない場合、キャッシュの削除を試すのが良いかと思います
わいひら reacted
2020年4月23日 12:18
ルートディレクトリに配置する方法は、置いといて、とりあえず、Akiraさんのアドバイスのとおりに、512×512pxのサイズの png 形式の画像で再設定する、というのはいかがでしょう？
WordPressサイトで、検索結果で地球の画像になっちゃってるサイトを見ると、jpg を使っているところがあるみたいです。
Akiraさんのサイトや、さる子さんのサイトのURLの後ろに/favicon.icoを付けてアクセスすると、ファビコンが設定されているURLに変わって、ちゃんとファビコンが表示されます。
大竹さんのサイトだと、Firefoxでは、「画像ファイル"https://awesome-style.com/favicon.ico"は壊れているため、表示できませんでした。」となり、表示されませんし、Chromeでは、何も表示されずに、ブラウザのタブに地球のマークが表示されます。
Cocoonのサイトやかうたっくさんのサイトでは何故か404ページになっちゃうので、あまり理に適った検証方法ではないかもしれませんが、ひとつの指標ではあろうかと思います。
わいひら reacted
トピックスターター 2020年4月23日 16:55
ご返信が遅くなり大変申し訳ございません。
また、みなさまお忙しい中、貴重なご意見・アドバイスをいただき本当にありがとうございます。
サイトアイコンを512px×512pxのpng画像で設定すれば、自動でワードプレスがファビコンを生成してくれるのですね。あまり知識がないので、ルート直下にファビコンを設定したりrobots.txtを変更する作業は自信がなかったので安心致しました。
ただ、運営サイトでは512px×512pxのpng画像を当初からサイトアイコンに設定しており、問題なくファビコンも表示されていたのですが、突然非表示になってしまったことを考えると、プラグインやカスタマイズが影響しているのかもしれませんね・・・。
leafytree様が教えてくださったように「/favicon.ico」を付け足して検索してみても、私のサイトでは何も表示されませんでした。
念のため、再度512px×512pxのpng画像を新規で作成してサイトアイコンを再設定し、キャッシュを削除したうえでクロールのリクエストを致しました。
＞Akira様
いつもお世話になります。
ファビコンのURLが正しくないということですが、もう少し詳しくご教示いただけますでしょうか。
・正しいファビコンのURLはどんなものか？
・ファビコンのURLを確認する方法
初心者の質問で申し訳ございません・・・。
プラグインは新しいものをインストールしておらず、長らく停止していたプラグインを削除したり、有効にしていたプラグインの更新をした程度です。
ただ、若干のカスタマイズは行いました。カスタマイズといってもエディタ内のボタン追加のため、関係ないのかなと思っていたのですが、以下のファイルの編集を致しました（自分でやったわけではないので詳細は把握していません）。
・button_insert_html.js
・functions.php
・eye-cacth.php
これらのファイルで何か問題を起こす可能性はございますでしょうか。
ご多忙のところ恐れ入りますがご教示いただけますと幸いです。
よろしくお願いいたします。
2020年4月23日 17:30
大竹さん
ゴチャゴチャと書き込んでしまい、すみません。
Akiraさん
画像名に付いている、「pagespeed.ce」で検索したら、以下のようなページが、あったのですが、関係ありそうでしょうか？
わいひら reacted
2020年4月23日 20:10
leafytreeさんが書かれているように、実例がないと何とも言えない部分もあると思います。
詳細は、実際のページを見てみないとわからないからです（※みたからといって必ず別れとは限りません）。
なので、できればサイトのURLと、Google検索を行うキーワードあたりもいただければと思います。
トピックスターター 2020年4月23日 23:02
leafytree様、わいひら様
ご返信ありがとうございます。
環境情報について、ご指摘のとおり不足しておりました。認識不足で大変申し訳ございません。
文末に記載させていただきました。
また、高速化設定も無効に致しました。
Google検索では、例えば「オーサムスタイル」と検索した際にこれまではファビコンがちゃんと表示されておりましたが、現在は非表示となっております。
そのほか、不足していること等がございましたらご指摘いただけましたらと思います。
お手数おかけ致しますが宜しくお願い致します。
----------------------------------------------
サイト名：オーサムスタイル
サイトURL： https://awesome-style.com
ホームURL： https://awesome-style.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン：5.3.2
PHPバージョン：7.2.27
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.163 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.1.1.4
カテゴリ数：69
タグ数：3
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.0.8
style.cssサイズ：4124バイト
functions.phpサイズ：1070バイト
----------------------------------------------
Gutenberg：1
AMP：1
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/uploads/2019/08/home-image.jpg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：1
WEBフォントLazy Load：0
JavaScript（フッター）：1
----------------------------------------------
利用中のプラグイン：
AddQuicktag 2.5.3
Akismet Anti-Spam 4.1.4
BackWPup 3.7.0
Batch Cat 0.3
Broken Link Checker 1.11.12
CFiltering 1.5.0
Classic Editor 1.5
Contact Form 7 5.1.7
Duplicate Post 3.2.4
EWWW Image Optimizer 5.2.3
Google XML Sitemaps 4.1.0
Imsanity 2.5.0
Jetpack by WordPress.com 8.3
PS Auto Sitemap 1.1.9
Redirection 4.7.1
Search Regex 1.4.16
Simple 301 Redirects 1.07
TinyMCE Advanced 5.3.0
WebSub/PubSubHubbub 3.0.3
WP Multibyte Patch 2.8.3
----------------------------------------------
2020年4月24日 00:35
現在サイトを拝見すると、ファビコンの URL が本来のものになっています。
問題が解消しているように思えるため、Google サーチコンソールの「URL 検査」でトップページの URL を送信されるといいはずです。
URL 検査後は 1 ~ 3 日ほど、長くとも 1 週間ほどでファビコンが表示されると思います。3 日ほどしてもファビコンが表示されない場合は、その旨を書き込んでいただけると幸いです。
正しいファビコンのURLはどんなものか？
WordPress が自動的に生成するファビコンの URL は、現在と同じこのようなものです。
https://awesome-style.com/wp-content/uploads/2020/04/cropped-site-icon-192x192.png
それが、昨日はこうなっていました。pagespeed~ と変なのが付いています。
https://awesome-style.com/wp-content/uploads/2020/03/cropped-fabicon-1-192x192.jpg.pagespeed.ce.128Wuh5YY8.jpg
leafytree さんがおっしゃるとおり、サーバーの mod_pagespeed が有効になっています。再びファビコンの URL が変になった場合は、mod_pagespeed を無効にするといいかもしれません。
無効にする方法：mod_pagespeed設定の切り替え手順
ファビコンのURLを確認する方法
ブラウザの Chrome での確認方法はこのようなものです。
- サイトを開き、右クリックをする
- そして、「ページのソースを表示」をクリックする
- 別タブにソースが表示された後、ctrl キーと f キーを同時に押し検索バーを出す
- 検索バーに「cropped」と入力すると、ファビコンの URL が書かれた <link> タグなどがヒットする
- ヒットした中で、sizes="192x192" とあるのが検索結果で表示されるファビコンです（sizes="32x32" は、ブラウザのタブに表示されるファビコン）。
この投稿は5年前 4回ずつAkiraに変更されました
トピックスターター 2020年4月24日 22:53
Akira様
お忙しいなかご返信ありがとうございます。
ファビコンの正しいURLと確認方法についてもご教示いただきありがとうございました。
Akira様が「現在サイトを拝見すると、ファビコンの URL が本来のものになっています。」と返信してくださったときは、Cocoonの下記高速化設定を一時的にオフにしておりました。
・HTML縮小化
・CSS縮小化
・JavaScript縮小化
エックスサーバーのmod_pagespeed設定はこれまで通りONにしたままの状態です。
そのため、エックスサーバーの高速化設定とCocoonの高速化設定が何等かの原因で競合したのかな？とも思ったのですが、現在Cocoonの高速化設定をONに戻しておりますが、ファビコンのURLを確認してみると正しいファビコンのURLのままになっております。
なぜ今はpagespee～のようなものがURLに付加されていないのか・・・もう少し調べてみようと、テスト環境のサイト（テスト環境といっても普段使っていないだけでネットに公開しているサイト）のファビコンURLも調べてみたところ、こちらのサイトでは、エックスサーバーの高速化とCocoonの高速化の両方を当初から設定していますがファビコンは正しいURLになっておりました。
ただ、メインのサイト同様、テスト環境の方もファビコンは突然表示されなくなったままの状態です・・。（テスト環境で使っていたファビコン画像と、メインのサイトのファビコン画像は同じ画像を使用しておりました。）
なぜpagespee～のようなものがURLについてしまったのかが結局分からないままなのですが、正しいURLになっているテスト環境の方もファビコンが非表示になっていることを考えると、ほかに原因があるのでしょうか・・・。
ちなみに、エックスサーバーのmod_pagespeedやXアクセラレータの設定ですが、ONにしない方がよろしいのでしょうか。
何度も大変申し訳ございませんが、ご教示いただけますと幸いです。
よろしくお願いいたします。
2020年4月25日 00:09
>> ほかに原因があるのでしょうか・・・。
1 つ懸念があるとすれば、Google が定めるガイドラインの 1 つをクリアしていない可能性があることです。
ガイドラインには、このように書かれています。
ファビコンがウェブサイトのブランドを視覚的に表したものとなっており、ユーザーが検索結果を見た際に一目でサイトを見分けられるようになっていること。
現在のファビコンは画像を切り取ったものなので、「ブランドを視覚的に表していない」と判断される可能性はあります。3 日ほど経ってもファビコンが表示されない場合は、ファビコンそのものが原因かもしれません。
>> エックスサーバーのmod_pagespeedやXアクセラレータの設定ですが、ONにしない方がよろしいのでしょうか。
特に問題がなければ、ON のままでいいとは思います。
ただ、このフォーラムのトピックには、mod_pagespeed が不具合の原因だったものがいくつかあります。mod_pagespeed は、あまりいい印象がありません。
わいひら reacted
トピックスターター 2020年4月27日 11:52
Akira様
ご返信が遅くなりまして申し訳ございません。
何度もアドバイスを頂き本当にありがとうございます。
ファビコンのURLは現時点でも正常でしたが未だにファビコンが表示されないため、Akira様がおっしゃるように「ブランドを視覚的に表していない」というところに問題があるのかもしれませんね・・・・
2回目にアイコン画像を差し替えた際はサイト名の文字も画像に入れてみたのですが、それでも表示されなかったので、今回は文字を省略した画像を設定しておりました。
もう少し色々と画像を変えて様子をみてみようと思います。
エックスサーバーのmod_pagespeedについては設定した方が良いと思い込んでいましたが、不具合の原因となることも多いのですね。。フォーラムのトピックを見直して参考にしたいと思います。
お忙しい中ご丁寧に色々とご教示いただき本当にありがとうございました。
様子を見ながら色々と試してみようと思います。
今後とも宜しくお願い致します。
わいひら reacted
2020年4月27日 19:23
僕もmod_pagespeedは慣れないうちは無効にしておいたほうが無難かと思います。
意味がわかって使っていないと、かなり扱いづらい機能となるので。
2020年4月27日 20:49
そうだったんですね。
しかも結構前に。知りませんでした。
おそらく、不具合というか初心者にトラブルが多発してそのようになったのかもしれませんね。
そういえば最近以前は滅茶苦茶多かったmod_pagespeedトラブルの書き込みが少なかったのはそういうことか。
トピックスターター 2020年4月28日 09:21
わいひら様、leafytree様、Akira様
mod_pagespeedは相当気を付けなければいけない機能だったのですね・・。
新規受付終了のページも拝見いたしました。
高速化できるならと思い特に考えずに設定していましたが、有識者のみなさまから貴重なアドバイスが聞けて良かったです！ありがとうございます！
また、ロゴについては恥ずかしながら手抜きで作成しておりましたが、教えていただいたCanvaでちゃんと作ってみようと思います。
お忙しいい中みなさまご親切に本当にありがとうございました！
Cocoonは無料なのに機能も充実していてこういったサポートもして下さるので、本当に有難いテーマですね！
今後ともよろしくお願いいたします。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。