本サイトではアフィリエイト広告を利用してます

WordPressブログでファビコンを作成&設定する方法

WordPressブログでファビコンを作成&設定する方法

この記事で解決できるお悩み


こんなお悩みを解決できる記事になっています!

それでは、解説していきます!

この記事を読むと、ブログでファビコンを設定する方法がわかります!


赤枠の部分がファビコンです。


ブラウザや、ブックマーク登録した時に表示されるアイコンのことを指します!


WordPressブログでファビコンを作成する方法

グーグルのガイドラインに目を通す


やみくもに作成するのではなく、評価されたいところから確実に評価してもらえるようにガイドを頼りに作成していきます!

  • Google がファビコンのファイルとホームページをクロールできること(Google をブロックしないこと)。
  • ファビコンがウェブサイトのブランドを視覚的に表したものとなっており、ユーザーが検索結果を見た際に一目でサイトを見分けられるようになっていること。
  • ファビコンのサイズが 48 ピクセルの倍数になっていること(例: 48 x 48 ピクセル、96 x 96 ピクセル、144 x 144 ピクセルなど)。SVG ファイルの場合は、サイズに関して特別な指定はありません。有効なファビコン形式は、すべてサポートされています。Google では画像サイズを 16 x 16 ピクセルに変換するため、その解像度で適切に表示されるか、あらかじめご確認ください。16 × 16 ピクセルのファビコンは指定しないでください。
  • ファビコンの URL は固定されている必要があります(URL は頻繁に変更しないでください)。
引用:グーグル検索セントラル:「検索結果に表示されるファビコンを定義する」


WordPressの管理画面上に、サイトアイコン推奨サイズが512 × 512ピクセル以上と注意書きがありました。


ファビコンの推奨サイズはいろいろとありますが、ブックマークで表示された時に小さくなりすぎないように「512px×512px」で作っていきます!

大人気Canva(キャンバ)で作成【9ステップ】

ブログアイコンもこれ1つで作れる無敵アイテムです(無料です)

それでは、実際に作成してみます!

Canvaに飛んで、「登録」をクリック
認証できそうなものを選び登録します!
右上に「デザインを作成」と表示されていたらOK!
カスタムサイズで幅512・高さ512pxに設定して「新しいデザインを作成」をクリック

検索欄にほしいものを入力して検索する


【王冠マーク】がついているものは、有料プランに入ることで使えるようになります!

無料でアイコンを作成したいのなら、王冠マークがついていないものを選びましょう!

右上の「共有」→「ダウンロード」をクリック



いい感じにできたら、保存していきます!

ファイルの種類「PNG」→「ダウンロード」をクリック



作ったアイコンがダウンロードされました!
完成したアイコンがこちら!


かわいらしいのが完成しました!

こんな感じで5分もあれば簡単に作成することができます!

「もっと〇〇したい!」と思った時に、自分のいいようにデザインをカスタムすることができるのがいいです◎


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

WordPress管理画面から「外観」→「カスタマイズ」
「サイトの基本設定」を開く
「基本情報とロゴ画像」をクリック
自分の使いたいロゴ画像を登録する


選んだら上にスクロールして「公開」をクリックする

ロゴ設定完了です!

Googleの検索結果に高速でロゴが表示されるようにする方法

グーグルサーチコンソールの検索窓に自分のサイトURLを入力しクリックする
「インデックス登録をリクエスト」をクリックする


グーグルのロボットにサイトにきてもらってロゴがあるか確認したら、Googleのデータベースに保存してくれます!

こうすることで、グーグルの検索結果に素早く反映される、という仕組みになっています!

1分くらい経つと「インデックス登録をリクエスト済み」と表示されたらOK!

ファビコンが反映されているか確認

Favicon Generatorを開いて、サイトURLを入力し「Check Favicon」をクリック
少し待つと、結果が表示される

「ちゃんと対応されているね!」と表示されていたらOK!【WIndows/Android/iOS】

WordPressブログでファビコンを設定するメリット4つ

①見てもらいやすくなる



もしファビコンがなかったら、文字だけの表示になってしまい、見づらい印象を与えてしまいます。


文字だけより、イラストがあった方が見やすいです。


ブログのアイコンと同じで、ファビコンを設定することで見てもらいやすくなります!

②ファンが増える

  • 「あ、ハートのマークの!」
  • 「ぺんぎんのファビコンかわいい!」



こんな感じで刺さる人には刺さります!


自分好みのデザインだったり、すきなキャラクターだと思わず見ちゃいますよね!


「気づけばこの人のブログよく見てる、、、」ってことあります。


このように、読者さんに好きになってもらえるチャンスがあるので作ります!

③アクセスアップする


ファビコンに限った話ではありませんが、1記事の内容がとてもわかりやすく解説されていたら、読者さんはどんな気持ちになるでしょうか?

  • 「おぉ!この記事は他の記事と違ってわかりやすい!」
  • 「よし、他の記事も見てみよう!」


こんな感じで、1記事を見る予定だった読者さんが、関連した他の記事も見てくれるという好循環に入ります!


結果、たくさんの記事が読まれるようになっていきます!


運営者としては、これほどうれしいことはありませんね!

④他サイトと差別化できる


どの記事を読むか決める時に、タイトルを見て決めるかと思うのですが、それに加えてファビコンも目に入ります。


サイトによってファビコンのデザインはちがうので、他サイトと差別化することでオリジナル感を出すことができます。


パッと見て、印象に残りやすいデザインを選ぶと◎です♪


ブログアイコンを設定してみよう!


ブログのファビコンと同じく重要なブログアイコン!

「まだ作っていないよ!」という方は、下記を参考にしてください!



記事のタイトル決めをしよう!


たくさんの人に見てもらえるように、タイトルを決めていきましょう!



WordPressの初期設定


本格的にブログを作り込みたい方におすすめの初期設定です!


ブログ作りたいならコノハがおすすめ◎


当ブログは高速レンタルサーバー「ConoHa WING(コノハウィング)」を使っています!


サイトの表示速度が爆速になります♪


「これからブログ作ろっかな〜」と思っているあなたに全力で推します!


下記の記事を見ながらすると楽ですよ◎


最後まで読んでいただき、ありがとうございます!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA