Фавиконка

Фавиконка — это небольшая картинка, которая отображается в сниппете в результатах поиска Яндекса, рядом с адресом сайта в адресной строке браузера и рядом с названием сайта в Избранном или в Закладках браузера вместо стандартной картинки.

Пример фавиконки:

Пример отображения фавиконки в результатах поиска:

  1. Требования к фавиконке
  2. Как разместить фавиконку
  3. Как изменить или удалить фавиконку

Требования к фавиконке

Размер: 16 × 16, 32 × 32, 120 × 120 пикселей. Фавиконка большего размера маштабируется или обрезается.

Формат: ICO (рекомендуемый), GIF, JPEG, PNG, BMP.

Как разместить фавиконку

  1. Разместите файл с именем favicon в корневой каталог вашего сайта.
  2. Добавьте в HTML-код главной страницы сайта, в элемент head ссылку на размещенный файл.
    <head>
        ...
        <link rel="тип ресурса" href=​"http://путь до файла" type="тип передаваемых данных">
        ...
    </head>
    Атрибут rel указывает на тип ресурса:
    • icon — учитывается большинством браузеров;
    • shortcut icon — учитывается браузером Internet Explorer.

    Тип передаваемых данных зависит от формата файла:

    • image/x-icon или image/vnd.microsoft.icon — для формата ICO;
    • image/gif — для формата GIF;
    • image/jpeg — для формата JPEG;
    • image/png — для формата PNG;
    • image/bmp — для формата BMP.
    Пример:
    <head>
        ...
        <link rel="icon" href=​"http://example.com/favicon.ico" type="image/x-icon">
        ...
    </head>
  3. Проверьте отображение фавиконки в адресной строке браузера при просмотре страниц сайта.

Если фавиконка размещена данным образом и хотя бы одна из страниц вашего сайта участвует в результатах поиска Яндекса, то после посещения сайта роботом она начнет отображаться в поиске — в течение двух недель. Факонки загружаются роботом, который использует User-agent Mozilla/5.0 (compatible; YandexFavicons/1.0; +http://yandex.com/bots).

Примечание. Если робот не может получить доступ к вашей фавиконке, он может скачать изображение, например, из тега apple-touch-icon, и использовать его для формирования фавиконки в результатах поиска и рекламных кампаниях. Если же во время обхода роботом сайт недоступен, может скачаться фавиконка хостинга со страницы-заглушки сайта.

Как изменить или удалить фавиконку

Редактирование фавиконки
Измените файл и разместите его в корневом каталоге сайта.
Удаление фавиконки
Удалите файл с сайта.

Если в HTML-коде страницы фавиконка прописана несколько раз, робот загрузит ту, которая указана первой.

Изменения вступят в силу после очередного посещения сайта роботом — в течение двух недель.