【ファビコン表示されない】Webサイトタブに独自アイコンを設定する

自分のアイコン（ファビコン）が表示されていなくて「なんで？」って思ったので
ここに自分のサイトのアイコン（ファビコン）を表示させる方法を紹介します。

今はネット検索した時に開くブラウザのタブにＷebページの横に小さいアイコンが表示されます。

❀こんな感じ

このアイコン（ファビコン）は設定しないと表示されません。

ここで表示されるアイコンの名前を『ファビコン』といいます。

このアイコンが設定されいないとGoogle検索画面のショートカットのアイコンも表示されないんです。

❀Google検索画面のショートカットはこんな感じ

独自アイコン｜ファビコンの設定方法

わたしはテーマをSWELLを使用していますが、この設定はWordPressなら同じだと思います。

ファビコン設定：手順1　

WordPressの管理画面→　外観→　カスタマイズ

ファビコン設定 ：手順2

WordPress設定をクリック

ファビコン設定 ： 手順3

サイト基本情報をクリック

ファビコン設定 ： 手順4

点線で囲まれた「サイトアイコンを選択」をクリック

ここで画像挿入するので設定する前に画像（512px×512px）の準備をしておく必要があります

ファビコン設定 ： 手順5

タブに表示させたい画像を選択

ファビコン設定 ： 設定完了

画像を選択するとサイトアイコンが表示されます。
画像を変更したい時は画像を変更をクリック

Googleの検索画面でのショートカットの表示を確認します。

ファビコンの画像サイズ｜アイコンの画像サイズ

ここでの画像サイズは512px✕512px以上の正方形が推奨されています。
形式は.pngで大丈夫です。

この指定されたサイズで画像を作成します。

ファビコン用アイコン画像の作り方　Canva

画像の作り方はいろいろある中で『Canva　キャンバ』というアプリに登録して無料で画像を作ることができます。

まとめ

❀ブラウザのタブにアイコン・ファビコンを表示させるメリット

なので自分のサイトのイメージ画像を作って表示させましょう♪