【SEO効果はある？】ファビコンとは？WordPressでファビコンを作成する方法

 

 

こんな悩みに答えます。

 

 

本記事の執筆者

 

favicon（ファビコン）はブラウザタブのタイトル横に表示されるアイコン画像です。

 

 

とはいえ、WordPressを始めたばかりの方ですと、ファビコンの設定方法が分からず悩んでしまうのではないでしょうか。

 

本記事では、そんなfavicon（ファビコン）について紹介し、記事後半ではWordPressでfavicon（ファビコン）を設定する方法について紹介します。

 

ファビコン設定は、ブログで後回しにされがちの設定ですが、先にやっておくことで得られるメリットがたくさんあるのでぜひ参考にしてみてください！

 

それでは、早速始めていきます。

 

WordPressにファビコンを使うメリットとSEO効果

WordPressにファビコンを使うメリットとSEO効果

 

ファビコンは、『favorite icon』の略語でして、Webサイト上で検索結果の画面に表示されたりブラウザのタブに表示されるアイコンです。

 

 

 

それ以外にブラウザをブックマークしたとき、スマホの検索結果にも表示されます。

 

 

いろんなページをブックマークすると埋もれてしまいますが、ファビコンを設定しておくことで直感的に見やすくなります！

 

ファビコンを使うメリット

 

ファビコンを設定しておくメリットは以下の通りです。

 

ファビコンを使うメリット

 

ファビコンを設定するメリットは上記の通りです。

 

冒頭でも紹介しましたように、ファビコンの設定は後回しになりがちです。しかし、設定をしておくことでユーザーからも認知されやすくなります。

 

 

ファビコンはSEO効果はある？

 

結論、ファビコンを設定しただけで直接的なSEO効果はなくWebサイトの評価が上がりません。

 

 

 

ファビコンを設定していれば、検索結果でクリック数のアップが期待できブランディング効果が高くなります。

 

WordPressでファビコンを設定する方法

WordPressでファビコンを設定する方法

 

WordPress（ワードプレス）でファビコンを設定する方法について紹介します。

 

 

当ブログでは『AFFINGER』というワードプレステーマでご紹介しますが、操作方法はそんなに変わりません。

 

1. WordPressの管理画面を開く

 

まずは、WordPressの管理画面を開き、画面左側にある「外観 → カスタマイズ」をクリックします。

 

 

カスタマイズをクリック後、「サイト基本情報」があるのでクリックします。

 

 

クリックしましたら、「サイトアイコン」という項目があるので、その中にある「画像を選択」ボタンをクリックしましょう！

 

 

 

2. 画像をアップロード

 

左上の「ファイルをアップロード」でタブを切り替えて、アップしたいアイコンをドラック&ドロップします。アップできましたら、右下の「選択」をクリックします。

 

 

選択ボタンを押しましたら以下の画面になるので、切り抜きたい画像範囲を調整して、完了できましたら「画像切り抜き」をクリックします。

 

 

最後に、「公開」ボタンをクリックして完了です！

 

 

念のため、プレビュー画面で確認して、ファビコンがタブ内に問題なく表示されているか確認してみましょう。

 

 

WordPress用にファビコンを作る方法

WordPress用にファビコンを作る方法

 

ファビコンはフリー素材を使わなくてもプロのデザイナーに依頼して作成もできます。

 

結論、ファビコンを作成するには「ココナラ」で、プロのデザイナーに作成依頼してみるのがオススメです。

 

 

フリー素材のアイコンですと、誰でも自由に使えるのでファビコンが被ってしまう懸念があります。

 

 

プロのライターさんが数多く登録しており、アイコンのクォリティーも高いです。

※2022年9月現在ですと、378件ほどのプロのライターにファビコンの制作依頼ができます。

 

5分ほどで無料登録できるので、オリジナルのアイコン（ファビコン）を作成したいのであれば、ココナラをチェックしてみてください。

 

>>無料会員登録はこちら
※会員登録で300円クーポンあり
※クリックすると公式サイトに飛びます

 

ココナラに登録後、プロに作成を依頼する流れは、以下記事で詳しく紹介していますのでチェックしてみてください！

 

ココナラでイラスト・ブログアイコンを作成する流れ７ステップ【簡単登録！】

続きを見る

 

 

ファビコン設定で使える無料のフリー素材３選

ファビコン設定で使える無料のフリー素材３選

 

ファビコンを設定するのに使える無料のフリー素材を紹介します。

 

結論、以下のフリー素材がオススメです。

 

 

 

１つずつ順番に紹介します。

 

1. FLAT ICON DESIGN

 

FLAT ICON DESIGNは、商用利用可能なフリー素材アイコンです。

 

 

アイコンの特徴として、動物や人物のフラットアイコンが多数あるため、お気に入りのファビコンがきっと見つかるはずです。

 

2. ICOON MONO

 

ICOON MONOは、6000個以上のアイコン素材が揃っているサイトです。

 

 

動物や人物など黒色の可愛らしいアイコンが多数ありますので、シンプルなファビコンにしたい方にはオススメです。

 

3. Icon Monstr

 

『Icon Monstr』は『ICOON MONO』同様に、白黒のアイコンを多数揃えているフリーアイコンサービスです。

 

 

クレジット表記・商用利用可能なので、ファビコンとして使用する以外にアイコンとしてもオススメのサービスです。

 

ファビコン設定であるよくある質問【WordPress編】

ファビコン設定であるよくある質問【WordPress編】

 

最後に、WordPressでファビコンを設定する際によくある質問をまとめました。

 

今回は以下について紹介します。

 

 

1. ファビコンの画像サイズ

 

ファビコンのサイズは、一般的に以下の大きさで設定しておくと良いとされています。

 

 

とはいえ、全て作成するのは大変かと思いますので、

 

• 16px × 16px
• 32px × 32px
• 152px × 152px

 

上記３つを作成するか、１つだけ作成して設定しておくことをオススメします。

 

2. ファビコンの確認方法

 

ファビコンが表示されているかを一括で確認するには「Favicon checker」がオススメです。

 

 

英語表記なのがデメリットですが、ファビコンが正しく設定されていない場合は赤く知らせてくれます。

 

サイトに不足しているアイコンがないかを簡単にチェックしてみるのに便利です。

 

3. WordPressでファビコンが表示されない

 

WordPressでファビコンが表示されない場合には、以下が考えられます。

 

 

検索結果にファビコンが表示されない場合は、クローラーにクロールされていない可能性があります。

 

 

また、ファビコンを設定してブラウザに反映されない場合は、ブラウザのキャッシュが考えられます。

 

ブラウザのキャッシュを削除することで、設定したファビコンが表示される可能性がありますよ。

 

キャッシュの説明と削除方法については、以下記事で紹介していますので、興味がありましたらチェックしてみてください！

 

ブラウザのキャッシュとクッキーの違いは？【削除方法も紹介！】

続きを見る

 

WordPressブログでファビコンを設定しよう！：まとめ

WordPressブログでファビコンを設定しよう！：まとめ

 

ファビコンを設定する理由とWordPressでファビコンを設定する方法について紹介しました。

 

 

また、ユーザーに安心や信頼感を与えることもできます。

 

 

本記事を読み、ファビコンについて分かりましたら幸いです。

 

今回は以上です。

ここまで読んでいただきありがとうございました。