Как установить фавикон на сайт: HTML-код и куда положить favicon.ico
Установить фавикон на сайт можно за два шага: загрузить файлы иконки на сервер и подключить их в <head> страницы.
1. Загрузите файлы
Положите файлы фавикона в корневую папку сайта — туда же, где лежит главная страница (index.html или index.php). На большинстве хостингов это папка public_html или www.
Если файлов ещё нет, сделайте их в генераторе фавикона.
2. Добавьте HTML-код
Вставьте этот код внутрь <head> на каждой странице (или в общий файл шапки):
<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Если есть и SVG-фавикон, добавьте после первой строки:
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
Почему путь начинается с «/»
href="/favicon.ico" всегда указывает на корень сайта. Без косой черты href="favicon.ico" указывает на текущую папку, и на страницах вроде /blog/statya фавикон пропадает. Это самая частая причина, почему фавикон виден только на главной.
Как поменять фавикон
Замените файлы на сервере новыми с теми же именами. Чтобы браузеры сразу подхватили новую иконку, добавьте к ссылке версию: href="/favicon.ico?v=2".
Как добавить фавикон в WordPress
В WordPress код вставлять не нужно: откройте Внешний вид → Настроить → Свойства сайта → Иконка сайта и загрузите квадратное изображение от 512×512 пикселей. WordPress сам создаст нужные размеры.
Фавикон не отображается?
- Откройте сайт в режиме инкогнито — браузеры долго кэшируют фавикон.
- Откройте
https://ваш-сайт/favicon.icoнапрямую: если видите ошибку 404, файл лежит не там. - Очистите кэш плагинов и CDN, если они есть.
- Проверьте сайт в сервисе проверки фавикона — он покажет, какие файлы не загружаются и чего не хватает.
Поисковые системы обновляют фавикон в выдаче отдельно, и это может занять несколько недель.