Что такое фавикон? Как добавить фавикон на сайт?

Favicon отображается в поисковой выдаче сайте.

favicon_1На картинке видно, что у нашего сайта сейчас нет фавикона, в отличии от следующего ресурса.
Разберемся, как установить favicon на сайт.

Создание favicon-файла.

1. Иконка должна быть размером 16 на 16 пикселей.
2. Рекомендуемый формат — ICO, но возможны и PNG, JPG, BMP. Конвертировать изображение в формат ICO можно любыми онлайн ресурсами в интернете.

Установка favicon на сайт.

1.Созданный файл favicon.ico добавляем в корень сайта.
2. Переходим в редактор шапки сайте. В нашему случае header.php.
3. Ищем закрывающийся тег </head> и перед ним добавим строчку

<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link href="/favicon.ico" rel="icon" type="image/x-icon" />

4. Не забудем поменять в ссылке имя своего сайта.

Если формат вашего фавикона отличается от ICO. тогда строки могут быть следующего вида:
image/x-icon или image/vnd.microsoft.icon для формата ICO;
image/gif для  GIF;
image/jpeg для JPEG;
image/png для  PNG;
image/bmp для  BMP.

Теперь нужно дождаться, пока поисковые системы обойдут сайт и фавикон отобразится в выдачах сайта.

One thought on “Как добавить favicon на сайт.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.