Favicon — это иконка, которая отображается в адресной строке браузера, в закладках и в поисковой выдаче поисковых систем (Яндекса).
Пошаговая инструкция изготовления favicon или «Как сделать favicon?»
1. Необходимо сперва изготовить сам файл favicon.ico, используя для этого любую программу или плагин в Photoshop. Иконка должна быть в формате 16х16 пикселей и в цветовой гамме TrueColor (или 256 цветов).
2. Заливаем полученную иконку (favicon.ico) на сервер. Лучше размещать её в корне сайта или в папке темы.
3. Теперь, чтобы favicon отображалась, нужно внести изменения в код страницы. Для это внутри секции head нужно написать:
— если favicon в корневой директории:
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
— если favicon в любой другой директории: (в примере: папка theme)
<link rel="icon" href="theme/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="theme/favicon.ico" type="image/x-icon">
4. Загружаем отредактированную страницу обратно на сервер.
5. Если favicon сразу не отображается, то обновите страницу и очистите кеш.