Как установить фавикон на сайт без плагина

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

Зачем нужен фавикон? Как установить фавикон на WordPress? Что такое фавикон? Как сделать фавикон для WordPress?

Четыре вопроса новичков, которые очень часто можно видеть на форумах, а также они вылазят в окне ввода поисковых фраз Яндекса и Google

Прежде всего, для тех новичков, кто не знает, что такое фавикон и зачем он нужен.

Что такое фавикон

Фавикон (favicon) — это маленькое изображение размером 32х32px или меньше, расположенное в заголовке вкладки браузера. Является своеобразным «отпечатком» сайта. При переходе на большинство сайтов в заголовке вкладки браузера мы видим маленький значок:

Как установить фавикон на сайт без плагина

Или, при выполнении поиска в результатах выдачи мы видим список сайтов, и каждый сниппет выдачи показывает название статьи на сайте, а также слева от текста сниппета мы видим значки:

Как установить фавикон на сайт без плагина

 

Чтобы ваш сайт показывал такой значок, у вас в коде файлов вашей активной темы (или в корневой директории сайта) должна быть сама картинка-значок, а также код для вывода этого значка в нужном месте.

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

Мой ответ — для идентификации, запоминания сайта. Какой-то практической необходимости в его наличии не вижу. Лет пять назад его отсутствие никак не влияло ни на работу сайта, ни на его позиции в поисковой выдаче, ни на ранжировании сайта поисковыми системами.

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

Получается, если ваш сайт и сайт конкурента в выдачи во многом одинаковы по индексируемым параметрам ПС Google — эта система поиска отдаст предпочтение вашему конкуренту только потому, что у его сайта есть фавикон. Бред? Скорее всего. Я не проверял)))

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

Как узнать, что ваша тема имеет код установки фавикон

Сразу хочу сказать, что система WordPress по умолчанию не имеет функционала добавления фавикон на вашем сайте. Эта функция должна быть в вашей активной теме.

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

Но если ваша тема WordPress написана очень давно, и не поддерживается автором — разработчиком (что бывает очень часто), тогда у вас отсутствует сама функция добавления, и вы никак не можете вставить значок на свой сайт.

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

Чаще всего у владельца сайта есть два варианта установки значка фивикон:

  • Воспользовавшись бесплатным плагином WordPress
  • Руками добавить код в файл functions.php вашей активной темы

Добавляем фавикон с помощью плагина WordPress

По запросу favicon в окне поиска в официальном каталоге WordPress я увидел более 120 вариантов плагинов, с помощью которых можно добавить не просто один значок, а даже сделать их меняющимися, с поддержкой Retina (адаптивный дизайн на смартфонах и планшетах) и много других фишек и плюшек. Можете сами посмотреть.

Я остановил свой выбор на самом простом варианте: добавим один фавикон без всяких сложностей и вариантов.

Captain Favicon

Как установить фавикон на сайт без плагина

Очень простой бесплатный плагин WordPress под названием Captain Favicon. Вы найдете его в официальном каталоге WordPress — https://wordpress.org/plugins/captain-favicon

Установка и активация плагина — стандартные. Если вы абсолютный новичок и не знаете стандартные способы установки плагина на своем сайте — посмотрите мой видео урок об этом по этой ссылке.

После активации плагина в разделе Настройки вы найдете ссылку — Captain Favicon.

Все, что вам нужно сделать — это заранее подготовленную картинку (в любом формате: JPG, PNG, ICO) загрузить через Библиотеку медиафалов, и нажать кнопку сохранить. Картинка значка, желательно, должна быть размером от 16×16 до 32×32 пикселей.

Добавляем фавикон с помощью нового кода в файле functions.php

Перейдите в консоли администратора в раздел Внешний вид -> Редактор.

Найдите файл functions.php вашей активной темы.

Вставьте в него такой код:

add_action ('admin_head', 'show_favicon');
function show_favicon () {
echo '<link href="paste the entire URL of an image here" rel="icon" type="image/x-icon">';
}

Обратите внимание на текст — «paste the entire URL of an image here». Если вы положите картинку в основной корень сайта (там где лежит файл wp-config.php), тогда путь к картинке будет выглядеть примерно так: http:// ваш сайт / имя файла фавикон

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

Если материал вам понравился, нажмите или расскажите о нем друзьям!

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

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

Ваш email нигде не будет показан. Обязательные поля помечены *