Favicon – картинка веб-сайта. Обычно отображается перед URL в адресной строке браузера. Попробуйте ввести в Яндекс любой запрос. Рядом с запросом вы увидите эту самую иконку. В этой статье речь пойдет о том как подключить favicon к сайту, какой формат может иметь иконка.

Подключение

Обычно в многих темах, шаблонах уже приспособлено подключение фавиконки. Лично я, если меняю шаблон на сайте, обязательно прописываю код подключения. Выглядит он так

 <link rel="icon" type="image/vnd.microsoft.icon" href="path-to/favicon.ico"> 

Чтобы ее подключите в тему WordPress, нужно открыть файл header.php вашего шаблона, и между тегами прописать этот код. Чтобы иконка отображалась во всех браузерах, обычно прописывают два кода

<link rel="icon" type="image/vnd.microsoft.icon" href="path-to/favicon.ico">
<link rel="SHORTCUT ICON" type="image/x-icon" href="path-to/favicon.ico"> 

Саму иконку, с именем favicon.ico нужно положить в корень сайта. А вместо path-to нужно прописать адрес картинки. Например, у меня иконка располагается в корне сайта, значит для меня адрес будет следующим: http://apisklov.ru/favicon.ico
Важно! Второй код противоречит международным стандартам.

Подключение иконки разных форматов

Довольно давно меня мучил один вопрос: Как делают анимированные иконки? В моем представлении, иконки могут иметь формат ico. Но не так давно узнал, что favicon может иметь множество форматов.
Итак, для подключения favicon в разных форматах нужен код, практически аналогичный написанному выше.

<link rel="icon" type="image/png" href="path-to/favicon.png">
	<link rel="icon" type="image/gif" href="path-to/ favicon.gif">

И опять же, вместо path-to нужно прописать адрес картинки. А картинку нужно сохранять с именем favicon.

Трафик для сайта очень важный компонент. Поэтому нужно в самом начале повысить посещаемость блога для его будущего развития.

Похожие записи:

1. Социальные кнопки WordPress без плагинов
2. Перехожу на FTTB-технологию