TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Как добавить фавикон на сайт WordPress?

62

Фавикон – это краткая форма любимого значка. Microsoft впервые представила его при использовании Internet Explorer 5 в марте 1999 года. Позже Консорциум World Wide Web (W3C) стандартизировал использование значков в рекомендациях HTML 4.01. Favicon также упоминается со многими другими именами, такими как значок сайта, значок URL-адреса, значок закладок, значок вкладки или значок ярлыка. Фавикон стал популярным с тех пор, как некоторое время поисковые системы отображали его на страницах результатов поиска. Если вы используете WordPress, легко добавить значок на свой веб-сайт, и мы объясним процесс в этой статье.

По теме: Как добавить значок на бесплатный сайт Weebly?

Почему вы должны использовать Favicon?

В зависимости от браузера вы можете увидеть значок в другом месте. Как правило, Chrome и многие другие браузеры показывают значок на вкладке вместе с заголовком страницы.

Просмотреть значок на вкладке браузера

На Mac вы можете включить или отключить отображение значков в браузере Safari. Точно так же вы можете увидеть значок при переключении страниц в мобильных браузерах. Фавиконы используются для повышения узнаваемости бренда веб-сайта в том виде, в каком он отображается в браузерах. В разных браузерах значки отображаются в разных местах:

  • Показать на вкладке браузера
  • Отображается в виде значков закладок и в списке для чтения
  • Отображается в адресной строке в некоторых браузерах
  • Значок закрепления при закреплении вкладки
  • Значок приложения при добавлении ярлыка из браузера на рабочий стол или домашний экран на мобильном устройстве

Помимо использования в браузере, есть несколько других факторов видимости. Поисковые системы, такие как Яндекс, показывают фавикон в результатах поиска, как показано ниже:

Как добавить фавикон на сайт WordPress?

Результаты поиска Яндекса

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

Таким образом, компании используют значок фавикона так же, как логотип своего бренда, чтобы пользователи могли легко его запомнить.

Общее использование Favicon

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

<link rel="shortcut icon" href="http://example.com/favicon.ico" />

Размер используемого значка – 16 x 16 пикселей.

Как добавить фавикон на сайт WordPress?

До версии WordPress 4.2 было сложно добавить фавикон. Чтобы упростить задачу, добавление значков стало основной функциональностью начиная с версии 4.3. Модуль «Значок сайта» из плагина Jetpack был добавлен в настройщик WordPress в качестве функции по умолчанию. И вам просто нужно изображение без каких-либо других метатегов или плагинов.

Требования к изображениям

Иконка сайта WordPress требует двух простых требований:

  • Изображение должно быть квадратным по размеру.
  • Минимальный размер должен быть 512 x 512 пикселей.

Вам не нужно использовать изображение .ico, просто подготовьте квадратное изображение .png, .jpg или .gif размером 512 пикселей для использования в качестве значка на сайте WordPress. Этот же значок будет использоваться в качестве значка приложения на всех мобильных устройствах. Подготовьте изображение меньшего размера с четкой видимостью с помощью таких программ, как Photoshop или Snagit. Помните, что изображение значка будет изменено на 16 x 16 пикселей на вкладке браузера. Следовательно, подготовьте изображение темного цвета, чтобы увеличить видимость. Вы также можете попробовать наши бесплатные инструменты для создания значков, чтобы создать файл изображения значка для своего сайта.

Загрузка изображения на сайт

Войдите в свою админ-панель и перейдите в меню «Внешний вид> Настройщик». Нажмите на опцию «Идентификация сайта», как показано на рисунке ниже.

Как добавить фавикон на сайт WordPress?

Опция идентификации сайта в настройщике WordPress

Нажмите «Выбрать изображение» и загрузите изображение своего значка.

Как добавить фавикон на сайт WordPress?

Добавление значка сайта на сайт WordPress

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

Вариант кадрирования изображения для Favicon

Как только изображение будет загружено, нажмите кнопку «Опубликовать».

Как добавить фавикон на сайт WordPress?

Опубликовать сайт с помощью Favicon

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

Частые проблемы с Favicon

Хотя загрузить значок в WordPress легко, пользователи часто сталкиваются с некоторыми проблемами.

  • Google / другая поисковая система не показывает значок в результатах поиска – обычно это происходит из-за размера вашего значка. Хотя WordPress требуется 512 пикселей, рекомендуемый размер значка – 16 × 16, 32 × 32 или 48 × 48 пикселей. Большой размер изображения может создать проблемы, так как это не рекомендуемый размер. Однако он должен работать для сайтов WordPress, поскольку вы можете видеть это в браузере этого веб-сайта. Если у вас возникли проблемы, удалите значок сайта в настройщике и повторно загрузите его. Также очистите кеш, если вы используете плагин кеширования и кеширование на стороне сервера, если оно доступно. Подождите несколько дней, чтобы Google снова смог просканировать страницы и правильно отобразить значок. Пока вы видите значок в браузере, вам не следует беспокоиться о том, отображается ли Google в результатах поиска или нет.
  • Непонятный значок в браузере – это происходит, когда вы пытаетесь изменить размер большего изображения на меньший или наоборот. Рекомендуем создать именно тот размер, который нужен, и загрузить файл.
  • Фавикон не отображается в браузере – в этом случае убедитесь, что вы правильно загрузили изображение, и убедитесь, что вы можете успешно открыть файл изображения в браузере.

Источник записи: www.webnots.com
Leave A Reply

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее