MENU(サイトマップ)|blog係長!
このブログ(blog係長!)ではブログでの集客、SEO、WEB技術などブログ運営に関するノウハウや副業に関する様々な役立つ情報をお届けします!
7,359view

ブログやサイトへの「ファビコン」の設置方法!

ブログやサイトへの「ファビコン」の設置方法!|blog係長!

はじめに


こんにちは。blog係長!の僕です。

皆さんは、自分のブログやサイトに「ファビコン」を設置していますか?

「ファミコン」ではないですよ!(古っ!)

「ファビコン」です!

ということで、今回は、ブログやサイトへの「ファビコン」の設置方法について説明したいと思います。


「ファビコン」とは?


「ファビコン(favicon)」とは、「favorite icon(お気に入りアイコン)」を略した言葉で、ブログやサイトそのものを表現するアイコンのことを言います。

皆さんもよく目にすると思いますが、「ファビコン」を設置することにより、ブラウザのアドレスバーやタブ、お気に入りやブックマークなどに、設置した「ファビコン」(サイトやブログの小さなアイコン)が表示されます。

もちろん、当ブログ(blog係長!)でも「ファビコン」を設置しており、以下のように、Google Chromeであればブラウザのタブに下図のように表示されます。

ファビコンの例


「ファビコン」を設置する目的!


自分のブログやサイトに「ファビコン」を設置する目的は、「ファビコン」を設置していない場合、通常は、ブログやサイトのアイコンは、ブラウザなどのデフォルトのアイコンとなってしまいますが、独自の「ファビコン」を設置することにより、アイコンの見た目において、他のブログやサイトとの差別化を図ることができます。

これが「ファビコン」を設置する主な目的となります。

※やはり、ブラウザなどのデフォルトのアイコンではなく、自分のブログやサイトに合ったファビコンを設置したいですよね?


「ファビコン」の設置方法!


「ファビコン」の設置方法は、大きくは、以下の方法/手順/流れで設置します。

1.「ファビコン」の作成

2.HTMLに「ファビコン」を指定

3.「ファビコン」の設置

4.「ファビコン」の表示確認


それぞれの手順の詳細については次から説明しますが、以上が「ファビコン」の設置方法(大まかな流れ)となります。


「ファビコン」の作成!


「ファビコン」は、以下の内容で作成します。

「ファビコン」のサイズ!
アドレスバーなどに表示される「ファビコン」のサイズは、16px×16pxとなり、とても小さいサイズとなります。

ただし、サイトやブログのURLとしてWindowsのショートカットを作成した場合などは32px×32pxとなるため、32px×32pxのサイズで「ファビコン」を作成することをおすすめします。

「ファビコン」のデザイン!
「ファビコン」は、アドレスバーやタブ、お気に入りやブックマークなどに、どうしても小さく表示されるため、細かいデザインではなく、 小さくても見やすいデザインにすることをおすすめします。

「ファビコン」のファイル形式!
「ファビコン」のファイル形式は、「png」などでも表示されますが、IEの場合は、「ico」でないと表示されないため、「ico」で作成するのが一般的となっています。

※「png」、「jpg」などで作成した「ファビコンファイル」を、「ico」に変換するWebサービス(Webサイト)が多くありますので、必要に応じて利用してみてください。

[例]
Favicon Generator

「ファビコン」のファイル名!
「ファビコン」のファイル名に特に決まりはありませんが、通常は、「favicon.ico」というファイル名にするのが一般的となっています。


HTMLに「ファビコン」を指定!


「ファビコン」を作成したら、作成した「ファビコンファイル」をHTMLに指定するために、各HTMLの~内に、以下を記述します。

[構文]
<link rel="shortcut icon" href="ファビコンファイルのURI" />

[例]
<link rel="shortcut icon" href="https://blog.career-info.jp/favicon.ico" />

※この例(当ブログの例)では、「favicon.ico」は、ブログやサイトのカレントディレクトリにあることを示しています。


「ファビコン」の設置!


作成した「ファビコンファイル」である「favicon.ico」を、サイトやブログのWebサーバーのHTMLで指定した場所にFFFTPなどで配置(アップロード)します。


「ファビコン」の表示確認!


設置した「ファビコン」が正しく表示されるかを確認するには、ブラウザから設置したブログやサイトにアクセスすることにより確認することができます。

※ブラウザ(特にIE)によっては、設置した「ファビコン」が直ぐに反映しない場合があるため、少し時間をおいてからアクセスするか、または、ブラウザのキャッシュクリアをしてからアクセスする必要があります。


最後に


以上が「ファビコン」の設置方法となります。

「ファビコン」の設置はさほど難しくないため、設置していない方は是非設置してみてください!

ということで、今回はここまでです。

ブログ・サイトを独自で運営するなら、さくらのレンタルサーバ!
人気No.1の「スタンダードプラン」は、月額515円で「WordPress」、「無料SSL」など色んな機能が使い放題!
⇒さくらのレンタルサーバ スタンダードさくらのレンタルサーバ スタンダード
■最新記事
applebot,クローラー
Appleのクローラー「Applebot」とは?
Webクローラーと言えば、Googleの「Googlebot」、bingの「Bingbot」などが有名ですが、実は、Appleにも「Applebot」というクローラーが存在します。※実際、僕のサイトはクロールされています。ということで、今回は、AppleのWebクローラーである「Applebot」について、色々と説明したいと思います。 その他 5,387view
html名刺,seo
「html名刺」を作ってみました!(SEO効果あり?)
皆さんは、簡単にWEB上に名刺(自己紹介サイト)が作れる「html名刺」という名刺サービスをご存知でしょうか?意外にも知らない方も多いと思います。ということで、今回、このブログ(blog係長!)の「html名刺」を作ってみたので、「html名刺」の作成手順やSEO効果について、色々と説明したいと思います。 SEOその他 5,643view
ブログ,記事,リライト,効果
ブログ記事のリライトはSEO効果あり!
ブロガーの皆さんは、記事のリライトを行なっていますか?新しい記事を書くことに精一杯で、一度公開した記事、つまり、古い記事はそのままの状態で、何もしていないという方も多いと思います。また、リライトなんて効果あるの?という方もいると思います。ということで、今回は、ブログ記事のリライト効果について、色々と述べたいと思います。 ブログSEO 5,004view
無料ブログ,収益化
無料ブログを収益化するためにやるべきこと!
せっかくブログをやっているのに、収益に結びつけていないブログは数多くあります。特に、広告掲載やアフィリエイトに制約や制限がある無料ブログに多いです。でも、PVがあるのに収益化出来ていない!これってもったいないですよね?ということで、今回は、無料ブログを収益化するためにやるべきことについて、色々と述べたいと思います。 ブログ集客 9,428view
seo,webライティング
SEOには不可欠の「Webライティング」とは?
サイトやブログを運営している方であれば、一度は「Webライティング」という言葉を聞いたことがあると思います。Webに公開する文章や記事を書くということは何となく分かりますが、具体的にどのようなライティングのことなのでしょうか?ということで、今回は、SEOには不可欠の「Webライティング」について、色々と説明したいと思います。 SEO 5,310view
google,インデックス,激減
Googleのインデックス数が激減するパターン!
長年、サイトやブログを運営していると、Googleの「SearchConsole」に表示されるインデックス数が激減していることが稀にあります。(僕は何度か経験しています。)ということで、今回は、Googleのインデックス数が激減するパターンについて、色々と述べたいと思います。 SEO 5,035view
ブログ,記事,文字数
ブログ記事の文字数はどのくらいが妥当か?
ブロガーの皆さんは、ブログで記事を書く時、1記事あたり、どのくらいの文字数を書いていますか?文字数を意識して記事を書く人、文字数を意識しないで書く人など、人それぞれだと思います。ちなみに僕は、文字数はかなり意識しています。ということで、今回は、ブログ記事の文字数について、僕の考えを色々と述べたいと思います。 ブログSEO 5,213view
ブログ,google,コアアップデート
Googleのコアアップデートをまとめてみました!
2019年3月に実施されたGoogleのコアアップデートでは、検索順位が大幅に上がった人、大幅に下がった人など色々います。実施されてから2ヶ月以上経ったということもあり、僕なりにちょっとまとめてみました!ということで、今回は、3月に実施されたGoogleのコアアップデートについて、色々と述べたいと思います。 ブログSEO 5,211view
自然リンク,不自然リンク
ブログやサイトへの「自然リンク」と「不自然リンク」について!
SEO対策において、運営するブログやサイトに対する被リンク数については、様々な意見や見解がありますが、僕は、現在でも被リンク数は重要であると考えています。特に、単なる被リンク数という数については重要ではないと考えていますが、その被リンクがどのようにして発生した被リンクなのかは重要であると考えています。 ブログSEO 6,040view
ブログ,プロフィール
ブログにおけるプロフィールページの重要性!
個人でブログを運営している皆さんは、自分のプロフィールページを公開していますか?プロフィールページを公開している人もいれば、公開していない人もいると思います。また、プロフィールページがなくてもアクセス数には影響ないと考えている人も多いと思います。ということで、今回は、プロフィールページの重要性について説明します。 ブログ 6,116view
■カテゴリー/タグ
■おすすめコンテンツ
リサーチパネルリサーチパネル
■ご意見・ご感想について
blog係長!|HOMEへ blog係長!|ページ先頭へ
ProfileTermsPrivacyContact