スマホの検索結果に設定したファビコンが表示されません | Cocoonテーマに関する質問 | Cocoon フォーラム

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

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

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

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

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

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

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
スマホの検索結果に設定したファビコンが...
 
Share:
Notifications

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


Back x land
 Back x land
(@Back x land)
ゲスト
参加: 1か月 前
投稿: 9
2020年2月21日 12:21  

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

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

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

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

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

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


未解決
たなかま
(@tanakama)
Reputable Memberサイト
参加: 2年 前
投稿: 420
たなかま - Twitter
2020年2月21日 12:57  

こんにちは。

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

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

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

 

インデックス登録の方法

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

 

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


わいひら 件のいいね!
Back x land
 Back x land
(@Back x land)
ゲスト
参加: 1か月 前
投稿: 9
2020年2月21日 14:20  

@tanakama

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

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

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


わいひら 件のいいね!
かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 4535
かうたっく - Facebook
2020年2月23日 08:22  

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

 

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

って事と

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

この2点

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

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

This post was modified 1か月 前 by かうたっく

わいひら 件のいいね!
かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 4535
かうたっく - Facebook
2020年2月23日 08:27  

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

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

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

 


わいひら 件のいいね!
Back x land
 Back x land
(@Back x land)
ゲスト
参加: 1か月 前
投稿: 9
2020年2月23日 13:10  

@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)
Reputable Memberサイト
参加: 2年 前
投稿: 420
たなかま - Twitter
2020年2月23日 14:12  

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

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

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 1か月 前 2 times by たなかま

わいひら 件のいいね!
Back x land
 Back x land
(@Back x land)
ゲスト
参加: 1か月 前
投稿: 9
2020年2月23日 23:23  

@tanakama

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

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


Back x land
 Back x land
(@Back x land)
ゲスト
参加: 1か月 前
投稿: 9
2020年2月24日 11:41  

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

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

 

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

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

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

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


たなかま
(@tanakama)
Reputable Memberサイト
参加: 2年 前
投稿: 420
たなかま - Twitter
2020年2月24日 12:07  
Jetpackのパフォーマンス設定のところ全てOFFにしたら、icon部分のソースコードが.pngと綺麗なものに変わりました。

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

 

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

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

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

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

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


わいひら 件のいいね!
かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 4535
かうたっく - Facebook
2020年2月24日 14:41  

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

補足

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

  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ですよ❦


わいひら 件のいいね!
Back x land
 Back x land
(@Back x land)
ゲスト
参加: 1か月 前
投稿: 9
2020年2月24日 22:15  

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

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

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


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 4535
かうたっく - Facebook
2020年2月25日 00:14  
投稿者:: @tanakama
Jetpackのパフォーマンス設定のところ全てOFFにしたら、icon部分のソースコードが.pngと綺麗なものに変わりました。

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

 

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

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

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

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

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

 

投稿者:: @kautakku

この状況は

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

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

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


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 4535
かうたっく - Facebook
2020年2月25日 00:17  

さっき検索してみた結果

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のパブリックバージョンに関連付けられます。画像の場合、画像を「更新」する場合は、ファイル名を変更する必要があります。一般にキャッシュ無効化と呼ばれるランダムなクエリ引数を追加しても機能しません。

やっぱ、そうだ。

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


わいひら 件のいいね!
Back x land
 Back x land
(@Back x land)
ゲスト
参加: 1か月 前
投稿: 9
2020年2月25日 11:46  

@kautakku

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

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


たなかま
(@tanakama)
Reputable Memberサイト
参加: 2年 前
投稿: 420
たなかま - Twitter
2020年2月25日 12:49  

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

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

 

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

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

そのため、

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

②画像形式webpの可能性

③Jwtpackのパラメータ

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

 

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

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

 

 


わいひら 件のいいね!
かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 4535
かうたっく - Facebook
2020年2月25日 14:33  
投稿者:: @Back x land

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

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

この機能の

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

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

*******

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

**********

 

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

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

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

This post was modified 1か月 前 by かうたっく

わいひら 件のいいね!
Back x land
 Back x land
(@Back x land)
ゲスト
参加: 1か月 前
投稿: 9
2020年2月25日 17:51  

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

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

 

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


Back x land
 Back x land
(@Back x land)
ゲスト
参加: 1か月 前
投稿: 9
2020年3月2日 21:52  

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

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

 

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


わいひら 件のいいね!
Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:1年8ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2020/6/30まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:1年6ヶ月

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:3年

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:16年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:4年

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