1. TOP
  2. タブに表示されるアイコン(ファビコン)の設定方法!好きな画像を挿入しよう!

タブに表示されるアイコン(ファビコン)の設定方法!好きな画像を挿入しよう!

 2017/03/10 Wordpress設定・全般  

あなたのワードプレスブログは、「GoogleChrome」「Internet Explorer」などのウェブブラウザで開いたときに、タブに表示される以下の画像を設定していますか?

favicon

この画像を設定しておくと、

  • ちゃんとしたサイトと見られる
  • ブックマークしたとき見つけやすい

などのメリットがあります。

そこで、この記事ではワードプレスブログにおける「タブに表示されるあの画像」の設定方法をお伝えします。

ファビコンとは?

favicon

ファビコンが表示されるメリット

「GoogleChrome」や「Internet Explorer」などで何かサイトを開いたときに「タブに表示されるあの画像」のことを

  • ファビコン

と言います。

この設定をしておくだけで「ちゃんとしたサイト感」を出すことができるので、ファビコンがないサイトよりも信頼性が高まります。

このファビコンですが、ウェブブラウザに保存しているブックマークにも反映されます。

ブックマークにファビコンが反映されている様子

ファンが多いサイトほど、ブックマークをされます。

そのときに、ファビコンがあるサイトとそうでないサイトでは、見つけやすさが断然違います。

本を探すときに背表紙を見るように、サイトの整理にはファビコンが必須になります。

また、ファビコンはiPhoneでホーム画面に保存したときにも反映されます。

iPhoneのホーム画面位反映されたファビコン

「スマホのホーム画面に置くほどの熱狂的なファン」を作るサイトになれば、ファビコンの設定は必須になると言えるでしょう。

今まではプラグインが必要でした

これまで、ワードプレスブログでファビコンを設定しようと思うと、プラグインをインストールする必要がありました。

しかし、ワードプレスの度重なるアップデートによって、ファビコン設定のためにプラグインのインストールが不要になりました。

次の章ではそのファビコンを設定する方法をお伝えします。

ワードプレスにおけるファビコンの設定方法とは?

ダッシュボードから「外観」「ウィジェット」「ライブプレビューで管理」をクリックします。

ファビコン設定画面への入り方

次に、カスタマイザーに入ったら、「サイト基本設定」をクリックします。

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

以下の画面になりましたら、「画像を選択」をクリックしてファビコンに設定したい画像をクリックします。

画像を選択する

※ファビコンに設定する画像は縦・横ともに「512px」のものにしてください。

画像を設定しますと、以下のように反映されますので、右上の「保存をして公開」をクリックします。

ファビコン画像が反映されている様子

ブラウザのタブを確認して、反映されていたら完了となります。

ファビコン

まとめ

以上がワードプレスにおけるファビコンの設定方法でした。

プラグインなどが不要になり、簡単に設定することができるようになりましたので、設定してみてくださいね。


このサイトでは、情報の専門性・信ぴょう性に配慮しています。そのため、中央省庁のデータやGoogle公式資料、市場分析データ、書籍などの信用できるデータを参照するよう、心がけております。ポリシーについて

無料E-BOOK|0から始めるワードプレスマーケティング実践ガイド

0から始めるワードプレスマーケティング
このE-BOOKは次のようなノウハウをお伝えしています。

  •  ・ワードプレスブログを立ち上げてから、実際にビジネスに繋げる方法
  •  ・ブログを使った集客方法の全体像
  •  ・ブログやメルマガなど、様々なツールをより効果的に使いこなす方法

以下のボタンからダウンロードしてください。

ダウンロードする

関連記事

  • ワードプレスからFacebookやTwitterへブログ記事を自動投稿する方法

  • これだけやっておけば大丈夫!ワードプレスとFacebookを連携させる方法

  • ワードプレスの正しいパーマリンクの設定をして、検索エンジンを味方につける方法

  • ワードプレスの内部SEO対策!劇的な成果を出す「たった7つの設定」

  • ワードプレスの固定ページの作成方法

  • ワードプレスの固定ページと投稿の違いと使い方