ファビコンをウェブサイトのブラウザタブに表示させる設定方法

ウェブサイトのファビコン ウェブ制作全般

ファビコンの設定方法

この投稿ではウェブサイトのブラウザタブやスマホでホーム画面にウェブサイトを追加したときに表示されるファビコンの設定方法をまとめたい。ファビコンは英語では favicon。

WordPressだとテーマ作成者がファビコンアップロードの機能を付けてくれているが、自分で一からウェブサイトを作る時は自分でコードを追加する必要がある。

ファビコンを表示させる設定方法

サーバーの指定ディレクトリにファビコンとして使用したい画像ファイルの拡張子を “.ico” にしてアップロードし、ページを描画するhtmlファイルの <head>要素内に以下のコードを追加する。

<link rel=”shortcut icon” href=”http://example.com/~~ファビコンの画像ファイル名~~.ico” />

これだけで設定完了。

Facebook features:

コメント

タイトルとURLをコピーしました