Как вам помочь ?

Фавикон (favicon)

Статья актуальна для версии магазина: 10.0 | 8.5-8.0

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

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

Фавикон (favicon) - 8527
Рисунок 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 на сайт

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

Фавикон (favicon) - 7084
Рисунок 2.

Фавикон (favicon) - 5400
Рисунок 3.

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

Внимание

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

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

Фавикон (favicon) - 6926
Рисунок 4.

Внимание

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

Фавикон (favicon) - 4625
Рисунок 5.


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

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

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

Фавикон (favicon) - 7157
Рисунок 6.

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

Фавикон (favicon) - 4059
Рисунок 7.

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

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

Фавикон (favicon) - 7742
Рисунок 8.

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

Фавикон (favicon) - 5158
Рисунок 9.

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

Другие статьи по теме

Статья оказалась полезной?
Благодарим за отзыв.

Как мы можем улучшить статью?

Не нашли нужную статью? Предложить свою тему

Не нашли нужную статью?

Благодарим за отзыв.

Тэги: favicon, favic, фавиконку на сайте, Как установить фавиконку, в поисковике фавикон, как создать фавикон, иконка сайта, как изменить иконку сайта

Мы используем cookies. Подробнее...