SWELLでfavicon（ファビコン）・サイトアイコンを設定する方法

初心者が設定を忘れがちなSWELLでのfavicon設定方法について解説します。

favicon（ファビコン）とは

画像の赤枠で囲ってある箇所に表示されるものです。WordPressの場合、設定しないとWordPressのロゴが表示されます。たまにWordPressで構築されたサイトでfaviconがデフォルトのままのものを見ると、「あまり手をかけていないのかな」と思われてしまいます。

favicon設定のメリット

• ブランディング
• 信頼性
• タブを開き過ぎた時に判別しやすい

の3点です。ブランディングはロゴと同じく、あなたのサイト・ブログの差別化のためです。信頼性に関しては、デフォルトのままサイト運用しているの？と思われないため。最後はタブを開き過ぎた場合、タイトルが表示されない中で自分のサイトを瞬時に判断するためです。

また、Googleの検索結果にもたまにfaviconを表示させることがあります。これはすべてそうなるわけではないですが、おそらくABテストをGoogle側がしているものと推測できます。

無料でかつ簡単に設定できるので、設定しておかない手はないでしょう。

設定方法

SWELLで設定する方法は2つあります。「管理画面から」と「自分でアップロード」です。後者の自分でアップロードは手間がかかる分前者とメリットが変わらないため前者のみ紹介していきます。

管理画面にアクセスし、「外観」→「カスタマイズ」

管理画面にログインしたら左サイドバーの「外観」→「カスタマイズ」をクリックします。

WordPress設定をクリック

カスタマイズ画面が開いたら左サイドバーの「WordPress設定」をクリック

サイト基本設定をクリック

さらに「サイト基本設定」をクリック。

サイトアイコンの箇所に画像アップロード

サイトアイコンの部分にfaviconとして表示したい画像をアップロードします。（縦512px × 横512px以上を推奨）
アップロードができたらサイドバー右上の「公開」ボタンを押せば完了です。

faviconはかなり小さく表示されるので、文字を入れる場合は1~2文字くらいが限度だと思います。

設定完了したら自分のブラウザのタブで設定した画像が表示されてればOKです。