В этой статье разбираемся, как установить фавикон на WordPress сайт и правильно его подключить.
Что такое favicon и зачем нужно устанавливать на сайт
Это маленькая картинка, которая видна слева во вкладке браузера на открытой странице сайта. Также отображается в поисковой выдаче Яндекс. Размер изображения рекомендуется создавать небольшой – от 120 до 512 пикселей. Если меньше, то может нечетко выглядеть, будет менее заметным среди сохраненных избранных закладок.
Какой лучше формат иконки сделать
Это могут быть типы файлов: SVG, PNG, ICO, GIF, JPEG, BMP. Чаще всего используют первые три. А вообще алгоритм такой – четче иконка и меньший размер файла.
Как создать фавиконку бесплатно
Можете скачать уже готовую (с бесплатных ресурсов типа freepik.com, iconsdb.com и других, которые отлично ищутся в интернете) или создать свою с помощью сервиса favicon.io. Последний позволит сгенерировать Favicon из загруженного фото, текста или смайлика Emoji, скачать в форматах ICO/PNG и в разных размерах.
Как установить фавикон на WordPress сайт
Разберем 2 варианта.
С помощью Настройщика темы
Обычно в любом WP-шаблоне (например, в шаблоне Reboot) пользователь сможет задать фавиконку для своего сайта – в админ-разделе Внешний вид > Настроить > Свойства сайта.
В других темах расположение опции добавления фавикона может отличаться. Например, для Astra нужно в Кастомайзере перейти в секцию Шапка > Айдентика сайта.
Премиум-шаблон Reboot для WordPress-сайтов – идеальное решение с большим количеством опций в кастомайзере. Его легко настроить под себя, не используя огромное количество тяжелых сторонних плагинов.
Читателям предоставляю скидку на покупку.
-15% на Reboot
Прописать код вручную
Первый способ простой, но неуниверсальный. Чтобы в поисковой выдаче Яндекса появился 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 – через админ-меню Медиафайлы > Добавить новый.
Нажмите, пожалуйста, на одну из кнопок, чтобы узнать понравилась статья или нет.
