Googleの検索結果画面にファビコン(favicon)が表示されるようになったので、まだ対応できていないサイトはすみやかにファビコンを設定しよう

googlefavicon200.jpgGoogleの検索結果の一覧表示画面に該当サイトのファビコン(favicon)が表示されるようになった。ファビコンとは、サイトのイメージを表すアイコンのような小さな画像で、自社サイトならば自分で設定することが可能である。
このように一覧表示でファビコンが表示されると、ファビコンのイメージでクリックされる率が変動する可能性が高くなる。より自サイトらしいファビコンに作り変えたかったり、まだファビコンが設定されていなかったりしている場合は、この機会にファビコンを設定しよう。

▼「どもども」と検索した結果の一覧表示画面
googlefavicon.jpg

ファビコンの設定方法

faviconファビコンの画像サイズは使用用途により何種類か準備し使い分ける必要がある。しかし、最小限の手数で済ましたいならば、PC用とスマホ用の2つでいけそうである。それは「favicon.ico」と「apple-touch-icon.png」の2つ。

この2つのファビコンファイルがあれば自動的にサイズ変更して表示してくれるようだ。(現段階では大きな問題はでていない)

「favicon.ico」をPC用として、左右32ピクセルのPNG形式で作成する。
「apple-touch-icon.png」をスマホ用として、左右256ピクセルのPNG形式で作成する。

この2つのファイルをFTPでアップロードする。

ヘッダ以内のタグは
<link rel="shortcut icon" href="favicon.ico" />
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
を追記しておく。

以下に過去のページでも紹介しているので参考までに。

URLの左横に画像表示するアイコンはfavicon.icoというファイル、favicon.icoはカンタンに作成し自分のホームページにアップできる
https://dm2.co.jp/2006/02/faviconicofavic-8454.html

ホームページのアイコンはPC用とスマホ用では違う、スマホ用のアイコンは「apple-touch-icon.png」をアップロードしておく
https://dm2.co.jp/2017/05/apple-touch-iconpng.html

このエントリーをはてなブックマークに追加 遠田幹雄のLINE@アカウントを友だち追加  

この記事を書いた人

中小企業診断士:遠田幹雄の顔写真遠田 幹雄(とおだ みきお)
 
経営コンサルティング企業の株式会社ドモドモコーポレーション代表取締役。石川県かほく市に本社があり金沢市を中心とした北陸三県を主な活動エリアとする経営コンサルタントです。
小規模事業者や中小企業を対象として、経営戦略立案とその後の実行支援、商品開発、販路拡大、マーケティング、ブランド構築等に係るコンサルティング活動を展開しています。民民での直接契約を中心としていますが、商工三団体などの支援機関が主催するセミナー講師を年間数十回担当したり、支援機関の専門家派遣中小企業基盤整備機構の経営窓口相談に対応したりもしています。
保有資格:中小企業診断士、情報処理技術者
 
会社概要およびプロフィールは株式会社ドモドモコーポレーションの会社案内にて紹介していますので興味ある方はご覧ください。


この記事のURL「https://dm2.co.jp/2020/01/googlefavicon.html」をQRコードで表示
この記事のURL「https://dm2.co.jp/2020/01/googlefavicon.html」をQRコードで表示「https://dm2.co.jp/2020/01/googlefavicon.html」
パソコンで表示されたページをスマホでも見たい場合は、このQRコードをスマホのカメラ(QRコードが読めるリーダー)で読むとページが表示されます。