Нет значка сайта (favicon) или он не открывается: как добавить
Что это значит
Значок (favicon) — маленькая картинка рядом с названием сайта во вкладке браузера, в закладках и в результатах Яндекса и Google. Иногда его нет вовсе, а иногда он указан, но по адресу значка ошибка.
- У сайта нет значка (favicon). Значок (favicon) — маленькая картинка рядом с названием сайта во вкладке браузера, в закладках и в результатах Яндекса и Google. У сайта его нет: в коде страницы он не указан, а по стандартному адресу /favicon.ico ничего не нашлось.
- Значок сайта (favicon) не открывается. В коде сайта указан значок, но по этому адресу ошибка, переадресация на неработающий адрес или не картинка.
Чем мешает
В поиске вместо логотипа рядом с сайтом будет серый шаблонный значок. Сайт хуже узнают среди соседей по выдаче, а во вкладках браузера его сложнее найти.
Как исправить
WordPress
- «Внешний вид → Настроить → Свойства сайта → Иконка сайта»: загрузите квадратную картинку от 512×512 пикселей и сохраните.
- Если пункта «Настроить» нет (блочная тема), откройте редактор сайта, выберите блок «Логотип сайта» и включите в его настройках «Использовать как иконку сайта».
- Проверьте «Внешний вид → Настроить → Свойства сайта → Иконка сайта»: удалите старую иконку и загрузите заново. Если значок вписан в тему вручную, проверьте путь к файлу.
Tilda
- В настройках сайта (раздел «Ещё») загрузите иконку для сайта (favicon): квадратную картинку PNG или ICO. Затем переопубликуйте все страницы.
- Загрузите иконку заново в настройках сайта (раздел «Ещё») и переопубликуйте страницы.
1С-Битрикс
- Положите файл
favicon.icoв корень сайта (через «Контент → Структура сайта → Файлы и папки» или FTP). - Или пропишите
<link rel="icon">вheader.phpшаблона сайта. В готовых решениях (например, Аспро) значок обычно задаётся в настройках решения. - Проверьте путь в
<link rel="icon">вheader.phpшаблона: файл должен лежать по этому адресу и открываться в браузере.
OpenCart
- «Система → Настройки → Редактировать магазин → вкладка «Изображения» → поле «Иконка»: загрузите картинку PNG и сохраните.
- Загрузите иконку заново: «Система → Настройки → Редактировать магазин → вкладка «Изображения» → «Иконка».
Другой движок или свой сервер
- Положите
favicon.icoв корень сайта и добавьте в<head>каждой страницы ссылку на значок PNG или SVG. - Откройте адрес значка из отчёта в браузере: должна показаться картинка. Если там ошибка или страница сайта, исправьте путь или положите файл на место.
Пример кода
Замените example.by на адрес своего сайта.
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">Если сайт делал подрядчик
Перешлите ему ссылку на отчёт и эту просьбу:
Значка сайта нет или он не открывается (адрес в отчёте). Добавьте, пожалуйста, квадратный значок:favicon.icoв корень сайта и<link rel="icon">в<head>.
Как проверить, что всё исправлено
Откройте сайт в новой вкладке: значок должен появиться рядом с названием. Яндекс и Google обновляют значок в выдаче не сразу, обычно за несколько недель. Проверьте сайт снова на yasnoseo.by.