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

Фавикон (favicon)

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

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


Рисунок 1.

Заметка

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

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

 

Как установить 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 и загрузить на сайт.

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

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

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

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

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

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

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