В этой статье разбираемся, как установить фавикон на WordPress сайт и правильно его подключить.
Что такое favicon и зачем нужно устанавливать на сайт
Это маленькая картинка, которая видна слева во вкладке браузера на открытой странице сайта. Также отображается в поисковой выдаче Яндекс. Размер изображения рекомендуется создавать небольшой — от 120 до 512 пикселей. Если меньше, то может нечетко выглядеть, будет менее заметным среди сохраненных избранных закладок.
Какой лучше формат иконки сделать
Это могут быть типы файлов: SVG, PNG, ICO, GIF, JPEG, BMP. Чаще всего используют первые три. А вообще алгоритм такой — четче иконка и меньший размер файла.
Как создать фавиконку бесплатно
Можете скачать уже готовую (с бесплатных ресурсов типа freepik.com, iconsdb.com и других, которые отлично ищутся в интернете) или создать свою с помощью сервиса favicon.io. Последний позволит сгенерировать Favicon из загруженного фото, текста или смайлика Emoji, скачать в форматах ICO/PNG и в разных размерах.
Как установить фавикон на WordPress сайт
Разберем 2 варианта.
С помощью Настройщика темы
Обычно в любом WP-шаблоне пользователь сможет задать фавиконку для своего сайта — в админ-разделе Внешний вид > Настроить > Свойства сайта.
В других темах расположение опции добавления фавикона может отличаться. Например, для Astra нужно в Кастомайзере перейти в секцию Шапка > Айдентика сайта.
Прописать код вручную
Первый способ простой, но неуниверсальный. Чтобы в поисковой выдаче Яндекса появился Favicon напротив вашего ресурса, ему нужно задать явный формат графического файла.
Также в Яндекс.Вебмастере может возникнуть ошибка «Робот не смог загрузить или обработать файл с изображением, которое может отображаться во вкладке браузера и возле названия сайта в поиске«.
Добавить информацию о фавиконе и его формате можно несколькими способами. Например, в плагинах Clearfy Pro, Code Snippets или через файл functions.php.
Какой вариант вы бы не выбрали, в HTML-раздел <head> ВордПресс-сайта нужно добавить код
<link rel="icon" href="URL-ссылка на картинку фавиконки" type="image/jpeg">
Значение атрибута type зависит от типа картинки:
- .ico — «image/x-icon»,
- .jpeg — «image/jpeg»,
- .png — «image/png»,
- .bmp — «image/bmp»,
- .gif — «image/gif».
Фавиконку на хостинг можете загрузить с помощью встроенных средств CMS — через админ-меню Медиафайлы > Добавить новый.
Нажмите, пожалуйста, на одну из кнопок, чтобы узнать понравилась статья или нет.