ブラウザのタブの左に出る小さなマーク。
スマホの検索結果で、サイト名の横に出る丸いマーク。
これが「ファビコン」です。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の修正・不具合を解決します