Установка Favicon WordPress. Иконка сайта

Читали: 41

Желаете установить Favicon в WordPress? Хорошо, в правильном направление идёте, коллеги. Как добавить и изменить (поменять) favicon (Фавикон) в WordPress — пошаговая инструкция. Существует немало способов подключения к сайту favicon, но мы расскажем о стандартном, автоматизированном методе. То есть, без плагинов и ручной вставки кода. Используя только встроенные в движок WP функции.

Добавить значок (фавикон) для сайта WordPress — очень простое дело. Однако, для тех, кто только начинает знакомится с CMS, это может быть затруднительно. В этом руководстве мы постараемся подробно показать, как действовать. Всего пару минут и готово. Плюс, в конце поста будет наглядный видео урок, смотрите.

Как установить Favicon для WordPress стандартным способом
Установка Favicon на WordPress сайт

Favicon (Фавикон) это:

Favicon (сокр. от англ. FAVorite ICON — «значок для избранного») — значок сайта или веб-страницы. Отображается браузером во вкладке перед названием страницы, а также в качестве картинки рядом с закладкой, во вкладках. И такие поисковые системы, как Google и Яндекс, показывают этот значок в своих результатах поиска.

Зачем нужен Фавикон

Favicon установит идентичность вашего сайта WordPress. У большинства пользователей в окне браузера обычно открыто много вкладок. Это скрывает заголовок вашего сайта по мере увеличения количества вкладок. Значок помогает пользователю идентифицировать ваш веб-ресурс и быстро переключаться на нужную вкладку.

Favicon WP – установка значка на сайт
Открытые вкладки в браузере

А постоянные посетители и вашего сайта/блога мгновенно узнают эту картинку. Favicon повышает узнаваемость вашего бренда и помогает завоевать доверие среди вашей аудитории. Ведь картинка говорит больше тысячи слов! Главное помнить, что сегодня favicon — это больше, чем иконка в адресной строке и закладке браузера.

Иконка сайтов в закладке браузера
Иконки сайтов вкладки бразера

Вроде немного разобрались, давайте приступим к руководству. Устанавливаем фавикон (favicon) — иконку для сайта WordPress. Подробная пошаговая инструкция.

В каком формате должен быть Фавикон?

Вот форматы картинок, которые вы можете использовать, чтобы добавить значок на ваш сайт WP.

Раньше основным форматом фавикона был формат ICO. Его главная особенность заключалась в том, что файл такого формата мог хранить в себе несколько вариантов размеров иконки. Сейчас формат ICO считается устаревшим, на смену ему пришёл формат PNG с новыми возможностями по взаимодействию с иконкой.

  • ICO — древний формат;
  • GIF — для тех случаев, когда вы хотите привлечь внимание к множеству открытых вкладок;
  • PNG — все браузеры поддерживают формат .ico, но формат PNG может быть удобен;
  • SVG — подход с более высоким разрешением, который хуже поддерживает браузер.

Помимо PNG, поддерживается формат SVG. Но у него, к сожалению, невысокая поддержка на данный момент. Однако этот формат идеально подходит для Favicon, его использование намного бы упростило нам жизнь.

Как установить фавиконку (Favicon) в WordPress?

Добавить или изменить значок сайта WordPress можно стандартным способом. То есть, при помощи самой CMS. Вы можете загрузить собственный значок сайта в интерфейсе настройки сайта (customize).

Для начала, подготовьте нужную картинку. Изображение должно быть квадратным, иметь ширину и высоту не менее 512 пикселей. Затем, заходим в консоль сайта — Внешний вид — Настроить:

Как поставить иконку на сайт ВордПресс?
Настройки внешнего вида сайта

В интерфейсе настройки переходим в — Свойства сайта:

Как добавить Фавикон в WordPress
Установка иконки сайта WordPress

Нажимаем кнопку Выберите иконку сайта. Откроется ваша медиа библиотека. Вы можете выбрать существующее изображение или загрузить новое с вашего компьютера. Вам опять напомнят, что:

Для Favicon WordPress (иконка сайта) оптимальный минимальный размер 512 пикселей в ширину и в высоту.

Загрузив изображение, нажмите Выбрать:

Значок/иконка для сайта WordPress
Загрузка иконки для сайта WP

Если картинка для фавиконки больше 512 х 512, то WordPress предложит обрезать её. А заодно покажет, справа, как она будет выглядеть в браузере:

Загрузите файл на сайт с именем favicon
Обрезка картинки для favicon сайта

Кликаете Обрезать изображение, а после, в настройщике нажимаете Опубликовать:

Как установить фавикон для WordPress
Разместите фавиконку на сайте WP

Всё, готово! Иконка сайта в браузере отобразится сразу же.

Бинго! Вы справились. И этот значок в WP останется с вами, даже если вы измените тему.

А вот для отображение фавиконки в выдаче Яндекс — надо подождать.

Для отображения в результатах поиска Яндекс загружает фавиконку с HTTPS-версии сайта, если она доступна. Если нет — фавиконка не отображается.

Иконка для сайта — элемент бренда. Пользователь лучше запомнит лого из фавикона и свяжет его с брендом, если будет видеть его на сайте и других площадках. Вот пример, результат выдачи в Яндекс:

Проверьте отображение фавикон в выдаче
Иконка сайта в выдаче Yandex

А сколько ждать появление иконки рядом с сайтом в выдаче ПС?

Если робот Яндекс загрузил фавиконку, она появится в результатах поиска в течение двух недель.

Роботы Google найдут и скачают значок сайта при следующем сканировании главной страницы вашего сайта.
Мобильная выдача Google со значком сайта
Выдача Google с иконкой сайта

Если вдруг вам надо изменить или удалить favicon в WordPress.

Как поменять или удалить иконку сайта WordPress?

Проделайте те же действия. Админ панель — Внешний вид — Настроить. Открываете Свойства сайта. И теперь дело техники. Нажимаете Удалить или Изменить изображение:

Как поменять фавикон в WordPress?
Удалить или изменить иконку сайта

Удаляете и нажимаете Опубликовать. Меняете фавикон сайта путём новой загрузки картинки в WordPress. Как видите, не чего сложного.

Если вы внесли изменения в значок и хотите, чтобы они были учтены для Google, то можете запросить повторное сканирование главной страницы сайта. Обычно изменения учитываются в результатах поиска в течение нескольких дней.

А тем, кто любит смотреть видео уроки, просим устраиваться поудобней.

Как установить на WordPress фавикон?

Если у вас версия WordPress 4.3 и выше, вы можете установить favicon непосредственно из админ панели сайта. Добавляя свой собственный значок в настройщике сайта, то он не изменится даже, если вы смените шаблон/тему ВордПресс.

В заключение

Вам не нужны какие-либо технические знания, чтобы добавить значок на свой сайт WordPress. В настоящее время, совсем не сложно добавить иконку веб-ресурса благодаря настройщику WordPress. 

При загрузке фавиконки, имейте в виду, что лучше устанавливать его в формате PNG с прозрачным фоном. Но, если вы будите использовать JPG, то ваш значок будет отобразится в белом поле.

Мы надеемся, что эта статья помогла вам добавить значок на свой сайт WordPress. Если у вас есть вопросы и отзывы, вы можете оставить комментарий ниже. Удачи!

(Visited 12 times, 1 visits today)

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

Этот сайт защищен reCAPTCHA и применяются Политика конфиденциальности и Условия обслуживания Google.

 необходимо принять правила конфиденциальности