grayishスキン適用中

Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

スマホの検索結果に設定したファビコンが...
 
共有:
通知
すべてクリア

[解決済] スマホの検索結果に設定したファビコンが表示されません

19 投稿
3 ユーザー
11 Likes
6,874 表示
(@Back x land)
Active Member
結合: 4年前
投稿: 9
Topic starter  

調べても解決しなかった為、質問させていただきます。

Cocoon公式の方法(外観⇒カスタマイズ)で512 x 512のファビコンを設定しましたが、
スマホの検索結果のみCocoonデフォルトのファビコンが表示されてしまいます。

それ以外ではしっかりと設定したファビコンが表示されています。

スマホでの検索結果なのでURLではなく該当画像を添付します。
ブログURL:
https://backxland.com

どのようにしたらスマホ検索結果のアイコンが変更されるでしょうか?

よろしくお願い致します。


   
たなかま
(@tanakama)
Prominent Member Registered
結合: 6年前
投稿: 600
 

こんにちは。

Googleのヘルプページによると、Search Consoleでホームをインデックス登録のリクエストをするようです。

  1. Google では、ホームページをクロールするたびにファビコンの有無、またはファビコンの更新の有無を確認します。ファビコンを変更し、Google にその変更を知らせたい場合は、サイトのホームページのインデックス登録をリクエストできます。更新が検索結果に反映されるまで、数日かかることがあります。

引用元: https://support.google.com/webmasters/answer/9290858?hl=ja

 

インデックス登録の方法

https://support.google.com/webmasters/answer/6065812

 

時間は掛かりそうな気がしますね。


   
わいひら reacted
(@Back x land)
Active Member
結合: 4年前
投稿: 9
Topic starter  

@tanakama

たなかまさん、早速のご返答ありがとうございます。

既にファビコン設定から2週間程が経過しており、スマホからの検索結果以外は変更が完了しておりますが、それぞれの箇所のクロール情報反映に差が生じる可能性もありますね。

URL検査ツールでホームページの検査リクエストを出し、もうしばらく様子を見てみます。


   
わいひら reacted
かうたっく
(@kautakku)
Famed Member Moderator
結合: 6年前
投稿: 4764
 

テーマ情報をいただけますか。

 

  • 画像に対して何かしらのキャッシュも効いているみたい。

って事と

  • 2週間ってことだけど、21日位(どっかの現地時間)にクロールきてるけど変わってない

この2点

違うかもしれないけど
エックスサーバーのようなので、サーバー側の設定をチェックしてみる・プラグイン側キャッシュの影響をチェックしてみるなどお試しいただき

その結果を教えてください。

This post was modified 4年前 by かうたっく

   
わいひら reacted
かうたっく
(@kautakku)
Famed Member Moderator
結合: 6年前
投稿: 4764
 

ってか、検索結果だけですね。

スマホ検索結果 ファビコン

さらに 反映が遅い などで調べてみると良いかもしれないですね

 


   
わいひら reacted
(@Back x land)
Active Member
結合: 4年前
投稿: 9
Topic starter  

@kautakku

かうたっくさん、ありがとうございます。
とりあえずテーマ情報です。

エックスサーバー側の設定とプラグイン側のキャッシュの影響チェックがよくわからないので、調べながらやってみます。少しお時間ください。

----------------------------------------------
サイト名:Back x land
サイトURL: https://backxland.com
ホームURL: https://backxland.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/79.0.3945.130 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.1.0.3
カテゴリ数:9
タグ数:17
ユーザー数:4
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.0
style.cssサイズ:8087バイト
functions.phpサイズ:205バイト
----------------------------------------------
Gutenberg:0
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:1
Retina:0
ホームイメージ:/wp-content/uploads/2020/02/c434e826565d5ffa3a4efbcd53d6476b.png
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:1
CSS縮小化:1
JavaScript縮小化:1
Lazy Load:0
WEBフォントLazy Load:0
JavaScript(フッター):1
----------------------------------------------
利用中のプラグイン:
AddQuicktag 2.5.3
Akismet Anti-Spam 4.1.3
Contact Form 7 5.1.6
EWWW Image Optimizer 5.2.1
Google XML Sitemaps 4.1.0
Jetpack by WordPress.com 8.2.3
PS Auto Sitemap 1.1.9
Regenerate Thumbnails 3.1.3
WP-DBManager 2.80.3
WP-PostViews 1.76.1
WP Multibyte Patch 2.8.3
----------------------------------------------

よろしくお願い致します。


   
たなかま
(@tanakama)
Prominent Member Registered
結合: 6年前
投稿: 600
 

ソースコードを見たのですが、パラメータが付いてリサイズされてるのが気になりますね。

以下の方法でファビコンを設定していますか?

https://wp-cocoon.com/site-icon/

 

あと、拡張子はpngでも、webpになっているのも気になります。

i0.wp.com/backxland.com/wp-content/uploads/2020/02/cropped-4495bed8051fcc9fd4ac4bababda36e3.png?fit=192%2C192&ssl=1

 

これらが原因とは限りませんが、512px四方のpng画像にして、再設定されてみてはいかがでしょうか?

そのときは、画像名を別名にしておいてください。(キャッシュ関連は、上書きではなく別名を推奨します)

This post was modified 4年前 2回 by たなかま

   
わいひら reacted
(@Back x land)
Active Member
結合: 4年前
投稿: 9
Topic starter  

@tanakama

ファビコンの設定は、リンクしていただいている公式解説と同じやり方です。

リサイズされていることとwebpになっている原因はプラグインの影響でしょうか・・・?
再度画像タイトルを変更し512 x 512のpng画像を設定しましたが、ソースコードを見るとたなかまさんが張り付けてくれているものと変わっていないようです。(png?fitとなっています。)


   
(@Back x land)
Active Member
結合: 4年前
投稿: 9
Topic starter  

Jetpackのパフォーマンス設定のところ全てOFFにしたら、icon部分のソースコードが.pngと綺麗なものに変わりました。

このまま数日様子を見てみます。

 

「スマホ 検索結果 ファビコン」で検索したところ、似たような状況の人のブログを発見しました。

  1. favicon.icoをコピーして例えば、favicon-v2.icoとしてサイトに配置

  2. linkタグのrelがshort cutの部分のhrefが指すパスをfavicon.icoからfavicon-v2.icoに変更

という解決策が記載されていましたが、これはつまりファビコン画像を別名で設定し直したという意味で合っていますか?


   
たなかま
(@tanakama)
Prominent Member Registered
結合: 6年前
投稿: 600
 
Jetpackのパフォーマンス設定のところ全てOFFにしたら、icon部分のソースコードが.pngと綺麗なものに変わりました。

その方法が一番確実だと思います。(それが原因とまでは分かりません・・・)

 

という解決策が記載されていましたが、これはつまりファビコン画像を別名で設定し直したという意味で合っていますか?

その意味で合っていると思います。

おそらく、その方はファビコンを同名で上書きされていたんだと思います。

キャッシュが使われる場合、読み込みファイルは別名である必要があります。

キャッシュによって、画像が変わらない場合は、別名にした方が良いですね。


   
わいひら reacted
かうたっく
(@kautakku)
Famed Member Moderator
結合: 6年前
投稿: 4764
 

たかなまさんの言う通りですが

補足

「スマホ 検索結果 ファビコン」で検索したところ、似たような状況の人のブログを発見しました。

  1. favicon.icoをコピーして例えば、favicon-v2.icoとしてサイトに配置

  2. linkタグのrelがshort cutの部分のhrefが指すパスをfavicon.icoからfavicon-v2.icoに変更

という解決策が記載されていましたが、これはつまりファビコン画像を別名で設定し直したという意味で合っていますか?

この状況は

Jetpackのパフォーマンス設定のところ全てOFFにしたら、icon部分のソースコードが.pngと綺麗なものに変わりました。

JetPackだと画像のファイル名を変えなければ、画像が変更されないんですよね。

そんなイメージがあります。

 

JetPackを使ったままJetPackの高速化を使う場合は、画像のファイル名を変えてあげればOKですよ❦


   
わいひら reacted
(@Back x land)
Active Member
結合: 4年前
投稿: 9
Topic starter  

たなかまさん、かうたっくさん、色々ご丁寧にありがとうございます。

Jetpackの設定をオフにしてて思いましたが、そもそもcocoonにも同じ高速化設定があるのでJetpackのパフォーマンス設定はおそらく不要ですね。

上記のブログでは、変更した翌日にスマホ検索結果にも反映されていたそうなので、これで解決したら嬉しいです・・・!


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 6年前
投稿: 4764
 
投稿者:: @tanakama
Jetpackのパフォーマンス設定のところ全てOFFにしたら、icon部分のソースコードが.pngと綺麗なものに変わりました。

その方法が一番確実だと思います。(それが原因とまでは分かりません・・・)

 

という解決策が記載されていましたが、これはつまりファビコン画像を別名で設定し直したという意味で合っていますか?

その意味で合っていると思います。

おそらく、その方はファビコンを同名で上書きされていたんだと思います。

この機能のことをおしゃってますか???

この機能はCocoonにはない機能ですが。

 

投稿者:: @kautakku

この状況は

Jetpackのパフォーマンス設定のところ全てOFFにしたら、icon部分のソースコードが.pngと綺麗なものに変わりました。

JetPackだと画像のファイル名を変えなければ、画像が変更されないんですよね。

一度アップした画像を変更する際、ファイル名を変更してアップすれば、プラグインのこの機能を有効化していても、今回のように反映されないなんてことはほぼないと思います。


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 6年前
投稿: 4764
 

さっき検索してみた結果

https://jetpack.com/support/site-accelerator/

引用

Limitations

  • No cache invalidations – currently the images are cached “forever” and static assets will be tied to the public version of WordPress, Jetpack, or WooCommerce that you’re using. For images, if you want to “refresh” an image you will need to change its file name. Adding random query arguments, commonly known as cachebusters, will not work.

翻訳

制限事項

  • キャッシュの無効化なし–現在、画像は「永久に」キャッシュされ、静的アセットは、使用しているWordPress、Jetpack、またはWooCommerceのパブリックバージョンに関連付けられます。画像の場合、画像を「更新」する場合は、ファイル名を変更する必要があります。一般にキャッシュ無効化と呼ばれるランダムなクエリ引数を追加しても機能しません。

やっぱ、そうだ。

ファイル名を変更してアップすれば問題ないって事ですね。


   
わいひら reacted
(@Back x land)
Active Member
結合: 4年前
投稿: 9
Topic starter  

@kautakku

失礼しました。
私がおそらく不要ですねと言った機能というのは、Jetpackのパフォーマンス設定(画像)のことです。
画像遅延読み込みはcocoonにあるけど、画像上側の読み込みスピードUPはcocoonにはない機能ですかね。

昨日お昼前くらいに画像名を変えてファビコンの再設定を行っています。
現時点では、まだスマホ検索結果に反映はされていません。
あと2日ほど待機して変わらなかったら、また足掻いてみます。


   
たなかま
(@tanakama)
Prominent Member Registered
結合: 6年前
投稿: 600
 

この機能のことをおしゃってますか???

Jetpackの機能を使わずに、Cocoon公式の方法が確実、という意味でレスしました。

 

今回、Back x landさんのケースでは、ファビコンを同名保存していないと思いますので、キャッシュの問題ではなさそうと思いました。

Cocoonのデフォルトのファビコンは「site-icon.png」、Back x landさんのサイトは「cropped-siteicon.png」です。

そのため、

①Googleのクローラーが来ていない

②画像形式webpの可能性

③Jwtpackのパラメータ

ぐらいしか、考えにくい状況です。③は可能性も低いかも、と感覚的に思っています。

 

ただし、画像に変更を加えた場合は、キャッシュがクリアされないので、ファイル名は変えてくださいという意味でした。(ファイル名は最初の段階で、cropped-siteicon.pngに変わっていたので)

Search Consoleでインデックスリクエストしているので、しばらく待てば解消されるかと思います。(時間は掛かるかも)

 

 


   
わいひら reacted
かうたっく
(@kautakku)
Famed Member Moderator
結合: 6年前
投稿: 4764
 
投稿者:: @Back x land

失礼しました。
私がおそらく不要ですねと言った機能というのは、Jetpackのパフォーマンス設定(画像)のことです。
画像遅延読み込みはcocoonにあるけど、画像上側の読み込みスピードUPはcocoonにはない機能ですかね。

昨日お昼前くらいに画像名を変えてファビコンの再設定を行っています。
現時点では、まだスマホ検索結果に反映はされていません。
あと2日ほど待機して変わらなかったら、また足掻いてみます。

この機能の

  • 上のほうはCocoonにはない機能・私がリンクを貼ったヤツ
  • 下のほうはCocoonにある機能。

下のみ不要。ってことですね。

****

あっ、引用した部分に書いてあった^^;

*******

 

21日以前に変更された画像ですけど、21日にクロールされた時点ではおかしかったけど

24日にファイル名を変更したのと、プラグインの機能も切っているのでクロール待ちですね。

キチンと反映された際、反映したよ!って書き込みくださいね❦

This post was modified 4年前 by かうたっく

   
わいひら reacted
(@Back x land)
Active Member
結合: 4年前
投稿: 9
Topic starter  

お二人とも、本当にたくさんありがとうございます。

いやー、カスタマイズはわからないことだらけで色々難しい・・・。

 

もちろん反映されたらご報告させていただきます!


   
(@Back x land)
Active Member
結合: 4年前
投稿: 9
Topic starter  

つい先ほど、無事に変更されていることを確認しました!

本日昼間の時点ではまだ反映されていなかったので、丸々一週間ほどかかりましたね・・・。

 

たなかまさん、かうたっくさん、本当にありがとうございました!


   
わいひら reacted
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました