Фавикон (favicon)

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

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

Рисунок 1.

Заметка

Требования к фавиконке
Размер: 120 × 120 пикселей (рекомендуемый), 16 × 16, 32 × 32.
Формат: ICO (рекомендуемый), GIF, JPEG, PNG, BMP.

Внимание

Формат SVG загрузить можно, написав в техническую поддержку по почте support@advantshop.net. К сообщению необходимо прикрепить изображение в формате svg. Но, обратите внимание, что многие почтовые сервисы, например, такие как Gmail.com, Mail.ru и Yandex.ru не поддерживают формат .svg, поэтому в сообщениях, отправленных на почту клиенту, не будет отображаться логотип.

Подробнее о требованиях Яндекса можете ознакомится по ссылке.

• Как установить favicon на сайт/удаление и изменение на сайте
• Как создать favicon самостоятельно

Как установить favicon на сайт

Перейдите в пункт меню "Настройки - Общие настройки" (рис.2), в открывшейся странице вкладка "О магазине" и в строке "Favicon в адресной строке браузера" нажмите "Добавить изображение", либо "Добавить изображение по ссылке" (рис.3).

Рисунок 2.

Рисунок 3.

Таким образом вы установите favicon на сайт, если нужно удалить, то нажмите "Удалить изображение", если нужно изменить, то сначала удаляете и загружаете новую картинку.

Внимание

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

Favicon на сайте отображается на вкладке сайта в строке браузера (рис.4).

Рисунок 4.

Внимание

Для отображения в результатах поиска Яндекс загружает фавиконку с HTTPS-версии сайта, если она доступна. Если нет — фавиконка не отображается (рис.5).
Подробнее про HTTPS и SSL здесь.

Рисунок 5.

Как создать favicon самостоятельно

Если вы решили создать фавикон самостоятельно, то можно использовать онлайн сервисы, их достаточно много, покажем на примере: https://pr-cy.ru/favicon/

Загрузите картинку и нажмите "Создать Favicon" (рис.6).

Рисунок 6.

Далее отобразится готовый favicon и как он будет выглядеть на вкладке браузера, если все подходит, нажмите скачать архив (рис.7).

Рисунок 7.

Рассмотрим другой сервис для создания favicon - https://www.favicon.cc/

Нажмите "Import Image" и загрузите картинку с которой вы хотите сделать favicon, либо создайте самостоятельно путем рисования по клеткам (рис.8).

Рисунок 8.

Ниже в разделе "Preview" показано как выглядит фавикон и если все подошло, то скачайте нажав на кнопку "Download Favicon" (рис.9).

Рисунок 9.

Все готово. Мы рассмотрели как создать favicon и загрузить его на сайт.