Установка 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

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


 
1 Star2 Stars3 Stars4 Stars5 Stars (17 votes, average: 5,00 out of 5)
Загрузка...

9 Комментариев

  1. Конечно без нее современный сайт не обходится, есть фавикон и у меня, это как свое лицо сайта.

  2. Пример favicin

    Вот взгляни, когда нет иконки — смотрится действительно паршиво... С иконкой интереснее — сразу видно необходимый блог или сайт.

    1. Вижу, есть фавикон. Раньше разве не было?

      К стати, хоть Гугл в СЕРП не отображает фавикон, зато в браузере Хром он сразу появляется и на других сервисах Гугла тоже достаточно быстро. Ток на моем канале Ютьюба в описании фавикон начал отображаться через сутки.

  3. Я когда делал себе фавикон, то сначала нарисовал его в фотошопе, после воспользовался отличным сервисом favicon.cc и закинул его в корень блога. Сейчас браузеры отлично находят фавикон даже в другой директории файлов сайта, например в теме или шаблоне.

    1. Без фотошопа или иллюстратора тут никак не обойтись 🙂 Это ж своего рода логотип. Можно, конечно, использовать и другой графический софт, но я привык работать с продуктами Адоб.

  4. Фавиконка — это очень полезная штуковина! Я когда подписываюсь по RSS — то она позволяет быстро идентифицировать визуально сайт. Печально, когда иконки нет — со стороны активного пользователя при попытках поиска в закладках либо в RSS клиенте времени приходится тратить больше на поиск сайта.

Добавить комментарий

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