お気に入りアイコン(favicon.ico)を置く

<link rel=”shortcut icon” href=”./favicon.ico”>

ユーザがあなたのサイトのページをお気に入り登録(ブックマーク)した際に、お気に入り用のアイコンをあらかじめ用意して置いておくと、お気に入りのアイコンがそれに変わり、ユーザにとって分かりやすさをアピールできます。

用意したファビコンは「favicon.ico」というファイル名と拡張子に変更し、サイトの最上位に設置後、
以下のタグをHTML構造の<head></head>間に挿入します。

記述例

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html lang=”ja”>
<head>
<link rel=”shortcut icon” href=”./favicon.ico”>
<title>デザイナーズ プロジェクト [DSPT]</title>
</head>
<body>
ホームページ作成に関する情報をまとめ…
</body>
</html>
ファビコンはブラウザの拡張機能に分類されているため、動作が不安定であり、必ずしもアイコンが表示されないといった不具合が生じることが確認されています。必ずしも設置する必要はありません。

【厳選】合わせて読みたいおすすめ書籍

WEB制作支援サイトのHTMLタグボードだからオススメできる厳選書籍です。私が読んでいない本はオススメしません。

HTMLやCSS、Webデザインを体系的に学ぶなら

最新のHTML5を学ぶなら

参考情報

最新情報をチェックしよう!