WordPressのサイトアイコン(ファビコン)が表示されない|設定の場所と、出てくるまでの時間の目安

WordPressのサイトアイコン(ファビコン)が表示されない|設定の場所と、出てくるまでの時間の目安

記事
IT・テクノロジー
ブラウザのタブの左に出る小さなマーク。
スマホの検索結果で、サイト名の横に出る丸いマーク。
これが「ファビコン」です。WordPressでは「サイトアイコン」と呼びます。

設定したはずなのに出てこない、古いマークのまま変わらない、というご相談はよくあります。
この記事では、設定の場所と、表示されないときの確かめ方をまとめました。

■まず、設定の場所を確かめる


WordPressでは、次のどちらかで設定します。
・「外観」→「カスタマイズ」→「サイト基本情報」の「サイトアイコン」
・ブロックテーマを使っている場合は、「設定」→「一般」の「サイトアイコン」

テーマによっては、テーマ独自の設定画面にも、アイコンの欄があります。
両方に入っていると、どちらが出るかが分かりにくくなるので、1か所にそろえましょう。

■画像の目安


・正方形で、たて・よこ512ピクセル以上
・小さく表示しても分かる、シンプルな形
・背景が白いと、タブの中で見えにくいことがある

社名の文字を全部入れると、小さくしたときにつぶれて読めません。
頭文字や、ロゴのマークの部分だけにすると、見分けやすくなります。

■設定したのに出ないとき


・ブラウザに古いアイコンが残っている:シークレットウィンドウで開いてみる
・表示を速くするプラグインが、古いページを取っておいている:作り置きを消す
・テーマの設定とWordPressの設定の両方に入っていて、古いほうが出ている
・設定のあと、「公開」を押していない

ブラウザのアイコンは、ページよりも長く取っておかれることがあります。
シークレットウィンドウで新しいアイコンが出れば、設定はできています。

■Googleの検索結果に出ないとき


検索結果のアイコンは、Googleがサイトを読み直したときに入れ替わります。
数日から数週間かかることも多く、すぐには変わりません。

早めたいときは、Googleサーチコンソールで、トップページの「インデックス登録をリクエスト」を使う方法があります。
ただし、これで早まるかどうかは、Google次第です。

■やってはいけないこと


・アイコンを、毎日のように差し替える
・ほかの会社のロゴや、借りてきた画像を使う
・設定が出ないからと、テーマのファイルを直接書き換える

テーマのファイルを書き換えると、テーマを更新したときに消えてしまいます。

■直したあとの確認


・パソコンのタブに、新しいアイコンが出ているか
・スマホのブラウザでも出ているか
・スマホのホーム画面にサイトを追加したとき、アイコンが出るか
・数週間後に、Googleの検索結果で入れ替わっているか

■自分で確かめるチェックリスト


・「サイトアイコン」の欄に画像が入っているかを見た
・テーマ独自の設定と二重になっていないかを見た
・正方形で、512ピクセル以上の画像を使った
・シークレットウィンドウで確かめた
・表示を速くするプラグインの作り置きを消した

■よくある質問


Q. 自分のパソコンだけ、古いアイコンのままです。
A. ブラウザに残っているだけのことが多いです。シークレットウィンドウで新しいものが出れば、問題ありません。

Q. 検索結果のアイコンが、地球のようなマークになっています。
A. Googleがアイコンを読み取れていない状態です。設定ができていれば、読み直されたときに入れ替わります。

Q. 画像の形式は何がよいですか?
A. WordPressの「サイトアイコン」なら、ふつうの画像(PNGやJPEG)で大丈夫です。WordPressが必要な大きさに直してくれます。

Q. ロゴをそのまま使ってもよいですか?
A. 横長のロゴは、小さくすると読めません。マークの部分だけを切り出すのがおすすめです。

Q. 設定の欄が見つかりません。
A. テーマによって場所が違います。「外観」の中と、テーマ独自の設定画面を探してみてください。

■直してほしい方へ


ご自分で設定できる方は、この手順で十分です。
「設定したのに何週間も出ない」「どこで設定されているか分からない」という方には、WordPressの修正をお受けしています。
使っているテーマの名前と、出ない場所(タブか、検索結果か)が分かれば、話が早く進みます。

WordPressの修正・不具合を解決します
サービス数100万件のスキルマーケット、あなたにぴったりのサービスを探す