Фильтр

Как добавить favicon?

Favicon (сокр. от англ. FAVorites ICON — «значок для избранного», от названия папки с закладками в MSIE) — значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, в вкладках и в других элементах интерфейса.

1. Зайдите в редактор шаблонов

Старый бэк-офис:

2. Файл должен называться favicon.ico

Браузеры поддерживают иконки размером 16х16 или 32х32 пикселя с 8-ми или 12-битной глубиной цвета.

Старый бэк-офис:

3. В шаблоне HTML в том месте, где можно увидеть строки, начинающиеся с <link нужно прописать такую сторочку:

<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="{{'favicon.ico' | asset_url}}" />

Если Ваш favicon в формате png или gif, то эта строка должна выглядеть так:

<link rel="shortcut icon" type="image/png" href="{{'favicon.png' | asset_url}}" />

или, соответственно

<link rel="shortcut icon" type="image/gif" href="{{'favicon.gif' | asset_url}}" />

Чтобы фавикон появился в поисковиках необходимо чтобы поисковые системы его проиндексировали. Он может индексироваться дольше, чем сам сайт, до переиндексации фавикона может пройти вплоть до нескольких месяцев.

Почему favicon может не появляться в браузере или не индексироваться

1. Наиболее вероятная причина - то что расширение файла фавикона не соответствует его реальному формату.

Например, если Вы просто переименовали png-файл в ico. От этого он не станет корректным ico-файлом. Для корректной конвертации лучше пользоваться специальными конвернетами или пересохранить файл в нужный формат с помощью photoshop и других графических редакторов.

2. Другая популярная причина - несоответствие размера изображения принятым стандартам. Браузеры поддерживают только фавайконы размером 16 на 16, либо 32 на 32 пикселя. Изображения других размеров, установленные в качестве favicon, могут не корректно отображаться.

Ключевые слова: фавикон, фавайкон, значок сайта

Полезная статья?
Остались вопросы?
Отправь тикет в техподдержку!
Недавно просмотренные статьи