ファビコン(favicon)の作成と設定方法

HTML/CSS WebDesign

ファビコンを作成してホームページに設定する時のおすすめの方法を紹介していきます。

ファビコンの作成が簡単にできるジェネレーター

ブラウザで簡単に”favicon.ico”などのファビコンを作成することができるジェネレーターを紹介します。

ホームページにファビコンを設定する方法

通常のhtmlサイトの場合とWordPressサイトの場合に分けて、ホームページにファビコンを設定する方法を紹介します。

通常のhtmlサイトの場合

“favicon.ico”をホームページのファビコンに設定するにはhtmlファイルのheadタグ内に以下の記述をします。

<link rel="shortcut icon" href="/path/to/favicon.ico">

WordPressサイトの場合

ファビコンに設定したい画像(512×512px以上)をWordPressのメディアライブラリに追加して、ダッシュボードから「外観 → カスタマイズ → サイト基本情報」と進んでいくと「サイトアイコン」という項目があります。
その中の「サイトアイコンを選択」から設定することができます。

ファビコンをGoogleの検索結果に表示させたい

Googleの検索結果にファビコンが表示されるようにするために、Googleのガイドラインを確認しておきましょう。

参考ページ
Google:検索結果に表示されるファビコンを定義する

 

コメントを残す





このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください