Привет, друзья! После обновления шаблона на адаптивный, на моем блоге пропала favicon — маленький значок (иконка) сайта, который отображается на вкладке браузера. Первое время я не обращал на его исчезновение особого внимания, но с выходом версии движка WordPress 4.3 решил ее добавить, так как эта функция была встроена в новую версию CMS.
Перед установкой решил посмотреть, что Гугл выдает по запросу «как установить favicon на wordpress 4.3». На мое удивление, на русском языке внятной информации на сайтах, находящихся на первых позициях поисковой выдачи, я не нашел, поэтому решил сам написать инструкцию по установке иконки для сайта на Вордпресс.
В предыдущих версиях WordPress значок для избранного (от англ. FAVorite ICON) приходилось создавать отдельным файлом с разрешением 16×16 пикселей и сохранять под названием favicon.ico. После чего нужно было залить его на хостинг и в хедере указать к нему путь. Сейчас все гораздо проще.
Переходим в админке Вордпресс в меню «Внешний вид — Настроить».
Переходим в свойства сайта и выбираем среди загруженных картинок файл для иконки.
Файл должен быть размером не менее 512×512 пикселей. Если размер будет больше, на картинке можно будет выбрать нужную область для иконки.
Добавляем и сохраняем иконку для своего сайта или блога на WordPress.
После сохранения иконка сразу же будет отображаться во вкладке браузера на ПК и мобильных устройствах.
Значок напротив сайта в результатах поисковой выдачи будет виден после того, как его сосканирует соответствующий поисковый робот Яндекса. Гугл в последнее время не отображает в SERP иконки сайтов.
На картинке ниже — результат выдачи в Yandex и Google по запросу «Как вывести сайт в ТОП Гугла»:
Для тех, кто не любит читать, все вышеописанное можно посмотреть на видео:
Конечно без нее современный сайт не обходится, есть фавикон и у меня, это как свое лицо сайта.
Вот взгляни, когда нет иконки — смотрится действительно паршиво... С иконкой интереснее — сразу видно необходимый блог или сайт.
Да, так действительно лучше 🙂
Отлично) поставил себе фавик
Вижу, есть фавикон. Раньше разве не было?
К стати, хоть Гугл в СЕРП не отображает фавикон, зато в браузере Хром он сразу появляется и на других сервисах Гугла тоже достаточно быстро. Ток на в описании фавикон начал отображаться через сутки.
Я когда делал себе фавикон, то сначала нарисовал его в фотошопе, после воспользовался отличным сервисом favicon.cc и закинул его в корень блога. Сейчас браузеры отлично находят фавикон даже в другой директории файлов сайта, например в теме или шаблоне.
Без фотошопа или иллюстратора тут никак не обойтись 🙂 Это ж своего рода логотип. Можно, конечно, использовать и другой графический софт, но я привык работать с продуктами Адоб.
Фавиконка — это очень полезная штуковина! Я когда подписываюсь по RSS — то она позволяет быстро идентифицировать визуально сайт. Печально, когда иконки нет — со стороны активного пользователя при попытках поиска в закладках либо в RSS клиенте времени приходится тратить больше на поиск сайта.
По поводу RSS — дельно подметил. Я не пользуюсь RSS, поэтому не упомянул об этом в статье.