Установка favicon на WordPress

Привет, друзья! После обновления шаблона на адаптивный, на моем блоге пропала favicon – маленький значок (иконка) сайта, который отображается на вкладке браузера. Первое время я не обращал на его исчезновение особого внимания, но с выходом версии движка WordPress 4.3 решил ее добавить, так как эта функция была встроена в новую версию CMS.

установка favicon на wordpress

Перед установкой решил посмотреть, что Гугл выдает по запросу “как установить favicon на wordpress 4.3”. На мое удивление, на русском языке внятной информации на сайтах, находящихся на первых позициях поисковой выдачи, я не нашел, поэтому решил сам написать инструкцию по установке иконки для сайта на Вордпресс.

В предыдущих версиях WordPress значок для избранного (от англ. FAVorite ICON) приходилось создавать отдельным файлом с разрешением 16х16 пикселей и сохранять под названием favicon.ico. После чего нужно было залить его на хостинг и в хедере указать к нему путь. Сейчас все гораздо проще.

Переходим в админке Вордпресс в меню “Внешний вид – Настроить”.

настройки сайта wordpress

Переходим в свойства сайта и выбираем среди загруженных картинок файл для иконки.

свойства сайта на wordpressФайл должен быть размером не менее 512х512 пикселей. Если размер будет больше, на картинке можно будет выбрать нужную область для иконки.

иконка для сайта на wordpress

Добавляем и сохраняем иконку для своего сайта или блога на WordPress.

сохранение иконки для сайта на wordpress

После сохранения иконка сразу же будет отображаться во вкладке браузера на ПК и мобильных устройствах.

отображение favicon на ПК и мобильных

Значок напротив сайта в результатах поисковой выдачи будет виден после того, как его сосканирует соответствующий поисковый робот Яндекса. Гугл в последнее время не отображает в SERP иконки сайтов.

На картинке ниже – результат выдачи в Yandex и Google по запросу “Как вывести сайт в ТОП Гугла“:

favicon в serp

Для тех, кто не любит читать, все вышеописанное можно посмотреть на видео:

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

3 × 4 =