【1分で完了】アフィンガー5でファビコンを設定する方法

サラリーマン

・そもそもファビコンって設定した方がいいの？
・アフィンガー5でファビコンの設定方法が知りたい

このようなお悩みにお答えします。

ブロガーならファビコンは必ず設定するべきです。なぜなら、ファビコンは読者へのアピールになるからです。

ファビコンの設定は、ヘッダーへのタグ挿入など初心者には少しハードルが高いもの。

しかしアフィンガー5なら、ファビコンの設定は超簡単に完了します。

本記事では、画像を使って設定方法を分かりやすく解説していきますので、ぜひ最後までご覧ください。

本記事の内容

本記事を書いた人

ねこたろす

アフィンガー5を利用して4カ月ほど。アフィンガー5に関する記事を10記事以上書いています。

今すぐファビコンの設定方法を知りたい方はこちらから（ページ内該当箇所にジャンプします）

アフィンガー5のカスタマイズ関連記事

ファビコンとは

嫁ちゃん

そもそもファビコンってなに？

ファビコンとは、ブラウザのタブに表示されるアイコンのことです。

ねこたろす

モバイルでの検索結果に表示されたり、

スマホのホーム画面のアイコンにも表示されます。

ファビコンを設定するべき理由

ファビコンを設定するべき理由としては、以下の２点です。

2019年5月にGoogleが検索結果のデザイン変更を発表した際に、ファビコンがスマホの検索結果に表示されるようになりました。

また、ブログの閲覧はPCよりもスマホが主流になってきていますよね。

ねこたろす

本ブログも65%ぐらいがスマホユーザー！

このような2点を踏まえると、ファビコンはきちんと設定しておくべきです。

また、ファビコンを設定することで以下のメリットもあります。

あなたが実際にスマホで検索したときのことを思い出してみて下さい。

ファビコンがあったほうが目に留まりますし、ないよりもしっかりしてるなという印象を持ちますよね。

このような理由から、ファビコンは設定しておいて損はなく、むしろ設定していないと読者からマイナスの印象を持たれかねないです。

ちなみに、ファビコンに使うアイコンはオリジナルのものを用意した方が、差別化にも繋がります。

本ブログでは、アイコン・ヘッダーをココナラで外注してオリジナルなものを作成しています。

【ココナラ初心者向け】自分だけのヘッダー・アイコンを外注する方法という記事にまとめていますので、参考にしてみて下さい。

アフィンガー5のファビコン設定方法

アフィンガー5のファビコンの設定方法は、以下の2つです。

ちなみに、Search Consoleヘルプには「ヘッダーにlinkタグを記入する方法」が紹介されています。

サイトの検索結果にファビコンが表示されるようにする方法は次のとおりです。

以下のガイドラインに沿ってファビコンを作成します。
ホームページのヘッダーに次の構文の <link> タグを追加します。

引用：Search Consoleヘルプ | 検索結果に表示されるファビコンを定義する

上記のようなヘッダーにタグを挿入する方法もありますが、初心者にはハードルが高いです。

HTMLやCSSの専門知識がなくても、アフィンガー5では簡単に設定可能なので安心してくださいね！

アフィンガー5のファビコン設定方法
①AFFINGER5管理から設定

ねこたろす

最後に「保存」を忘れないように！

また、同じ画面で「apple-touch-icon画像」を設定することもできます。

「apple-touch-icon画像」とは、スマホのホーム画面のアイコンのこと。

設定すると、こんな感じになります。

以上でファビコン設定は完了です。

しかし、AFFINGER5管理からの設定はうまく表示されないという報告もネット上にあるので、別の方法もご紹介しておきますね。

アフィンガー5のファビコン設定方法
②カスタマイズから設定

ねこたろす

簡単に設定できますね！

完了したらブラウザで確認しておきましょう。

まとめ：アフィンガー5ならファビコン設定は超簡単

本記事の内容を簡単にまとめます。

ファビコンを設定する理由

アフィンガー5のファビコン設定方法

ファビコンは設定しておいて損はありません。

むしろ設定していないと読者の目に留まらないといったデメリットもあります。

アフィンガー5なら簡単にファビコンを設定できますので、本記事を参考にしてみて下さいね！

それでは！

アフィンガー5のカスタマイズ関連記事