MENU(サイトマップ)|アップブロ
アップブロでは「SEO」、「WEB」に関する様々な情報をお届けします。
2017/02/25
199view

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

「ファビコン」の設置方法|アップブロ
皆さんのサイトやブログには、「ファビコン」を設置していますか?

今回は、「ファビコン」の設置方法について説明します。


「ファビコン」とは?


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

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

当ブログでも「ファビコン」を設置していますが、以下のようにブラウザのアドレスバーに表示されます。
ファビコンの例


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


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


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


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

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="favicon.ico" />

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


「ファビコン」の設置


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


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


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

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


「最後に」


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

「ファビコン」の設置はさほど難しくないため、設置していない方は是非設置してみてください。
■最新記事
seo対策,副業,ブログ,稼ぐ
副業としてブログで稼ぐのは難しい!
ブログで稼ぐとはどういうことかについて簡単に説明します。単に、ブログを書いて公開するだけでは稼ぐことができません。ブログで稼ぐには、ブログに広告を掲載し、その広告がクリックされたり、その広告から商品が買われた場合の報酬によって初めて稼ぐことができます。 <その他> 170view
seo対策,アナリティクス,アクセス,無い,確認方法
Googleアナリティクスでアクセスが無い記事を確認する方法!
アクセスが無い記事を削除したり、リライトすることは、SEOとしても効果があることは以前述べました。ここでいうところのアクセス数無い記事とは、Googleなどの検索エンジンからの流入が無い記事のことを指します。今回は、Googleアナリティクスでアクセスが無い記事を確認する方法をご紹介します。 <Analytics> 155view
seo対策,ブログ,不労所得
ブログは不労所得になるのか?
筆者はこのブログをはじめ、複数のサイトやブログを運営しており、運営しているサイトやブログには全てGoogleアドセンスの広告を掲載しています。よく、ブログは当たると不労所得になると言われていますが、果たして本当なのでしょうか?今回は、ブログの不労所得について筆者の意見を述べます。 <その他> 124view
seo対策,blogger,メリット,デメリット
「Blogger」でブログを開設するメリットとデメリット
筆者は、複数のサイトやブログを運営していますが、その全ては独自ドメインでレンタルサーバーで運営しています。その理由は、全て自分で作った方がきめ細かいサイトやブログを作ることができるためです。そこで、今回、Googleが提供している無料ブログサービスである「Blogger」を初めて使ってみました。 <その他> 222view
seo対策,AMP化,状況
AMP化の状況について
今年、最初の記事(SEOの動向!2017年はAMP化が加速!)で、2017年はAMP化が加速するという内容の記事を書きましたが、今年も4ヶ月目に入ったということもあり、現状のAMP化の状況を筆者なりに述べたいと思います。 <SEO><WEB> 151view
seo対策,アナリティクス,リアルタイム解析
アナリティクスのリアルタイム解析について
Googleアナリティクスの「リアルタイム解析」は、その名の通り、アクセスされたページをリアルタイムに、つまり、即座に解析してくれる機能で、現在、どのくらいの人がアクセスしているかなどを解析してくれます。 <Analytics> 94view
seo対策,コンテンツ量,増やし方
「コンテンツ量」を増やすには?
「コンテンツ量」を増やしていかないと、今以上のアクセス数を増やすことは難しくなっていきます。そのため、「コンテンツ量」を増やし、検索の範囲を広げ、アクセス数アップを図ることが重要になってきます。「コンテンツ量」の増やし方には大きくは「ページ数を増やす」という方法と、「記事の内容を増やす」という2つの方法があります。 <SEO> 190view
■おすすめコンテンツ
■ご意見・ご感想について
アップブロ|HOMEへ アップブロ|ページ先頭へ
アップブロでは「SEO」、「WEB」に関する様々な情報をお届けします。
当サイトが皆様のサイト/ブログ運営において少しでもお役に立てればと考えております。
ProfileTermsPrivacyContact