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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В заключение

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

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

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