Фавикон: что это, как создать для сайта, как установить на wordpress

favicon на сайтеПривет, начинающие вебмастера. Наверное вы уже встречали в интернете слово фавикон, что это такое?  Как фавикон создать, добавить (установить) на сайт wordpress, и зачем нужна эта маленькая картинка?

В статье подробно объясняю, что такое фавикон, как его сделать, а потом добавить на сайт.

Оригинальную иконку, фавиконку легко запомнить. Она будет ассоциироваться с вашим проектом.

Фавикон – что это?

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

Значок отображается перед адресом страницы в закладках браузера, во вкладках, в сниппетах в поиске. В некоторых поисковых системах иконка отображается также в объявлениях контекстной рекламы.

Фавикон — картинка размером 16х16 пикселей, в специальном формате ICO, поддерживающем прозрачность. Расширение ico отображают все, даже устаревшие браузеры. Размещают ее в корневом каталоге сайта под именем favicon.ico.

Надо отметить, что современные браузеры поддерживают такие форматы фавикона: PNG, GIF, JPEG, SVG.

Чтобы не терять пользователей со старыми браузерами, лучше делать значки с расширением ICO.

Какие задачи решает

ПОВЫШАЕТ КЛИКАБЕЛЬНОСТЬ ссылки. Без значка веб-сайт менее заметен на странице органической выдачи.

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

СОДЕЙСТВУЕТ узнаваемости бренда. Пользователи чаще кликают по знакомым иконкам, пускай даже сайт находится на позиции ниже.

УЛУЧШАЕТ поиск вкладок и закладок в браузере. Нужный проект быстрее найти по иконке, чем читать описания.

Как выбрать

Значок должен быть:

  • простым, без мелких деталей;
  • запоминающимся, оригинальным, чтобы выделяться из среды конкурентов;
  • ассоциироваться с тематикой веб-ресурса.

По такому значку (логотипу) пользователи легко будут находить ваш блог на странице поиска Яндекса, выделять его среди многих других ресурсов. Он напрямую влияет на УВЕЛИЧЕНИЕ КЛИКАБЕЛЬНОСТИ по предложенной ссылке.
фавикон для сайта
После установки фавикона иконка появляется в верхней строке браузера рядом с адресом вашего сайта.

Список сервисов готовых фавиконок

Посмотрите и выберите для себя что-то подходящее:

iconj.com/gallery.php
faviconka.ru/
favicon.by/collection

Затем иконку скачайте. Надо будет установить ее в корень сайта.

Как создайть из готового изображения

В ГЕНЕРАТОРЕ ФАВИКОНА по адресу cy-pr.com/tools/favicon/ создайте фавикон онлайн из картинки или собственной фотографии.

Итак, вы подобрали симпатичный фавикон, скачали его на компьютер.

Как установить на сайт

Вставить фавикон можете одним из способов:

галочкаДОБАВИТЬ с помощью плагина.

FavIcon Switcher — возможность установки разных значков для админки, отдельных страниц. Не тестировался с последними версиями wordpress.

All In One Favicon — можно использовать изображения форматов ico, png, gif. Место размещения: админка и общедоступная часть сайта.

WSA Favicon,
Custom Favicon,
Favicon by RealFaviconGenerator.

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

галочкаВСТАВИТЬ без плагина, если устанавливать лишние плагины не хочется.

Как добавить без плагина

ПЕРЕИМЕНУЙТЕ в favicon.ico скачанную картинку 16х16 пикселей с расширением ico.

фавикон для сайта

ЗАКАЧАЙТЕ ее в корневую папку domains/ваш_сайт/public_html/.

Почитайте, как это сделать:

при помощи программы FileZilla ;

через Панель управления хостингом с помощью файлового менеджера.

Для завершения установки фавиконки вставьте в файл Заголовок (header.php) между тегами <head> и </head> следующий код

<link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/favicon.ico" type="image/x-icon" />

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

зачем устанавливать фавикон для сайта

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

<link rel="shortcut icon" href="https://moi-start.ru/favicon.ico" type="image/x-icon" />

Заключение

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

Отвечаю: этих действий ДОСТАТОЧНО, чтобы фавикон появился в строке браузера. В органической выдаче Яндекса он появится примерно через три недели. Надо подождать, пока поисковик обновить информацию о сайте.

В favicon коллекциях иконки часто предложены с расширением gif. Ничего страшного, скачайте изображение.

Расширение ico можно получить, обработав картинку в программе Snagit.
сделать фавикон с расширением ico
мой фавикон
НАВЕСТИ КУРСОР НА КАРТИНКУ —
ПРАВАЯ КНОПКА МЫШИ —
ОТКРЫТЬ С ПОМОЩЬЮ Snagit —
СОХРАНИТЬ ИЗОБРАЖЕНИЕ КАК —
ВЫБРАТЬ ФОРМАТ ICO.

Или преобразуйте в формат ico в конвертере изображений image.online-convert.com/ru/convert-to-ico
Если для вашей темы favicon не устанавливается, загрузите иконку не в папку public_html, а раньше - в папку domains/ваш_сайт. Успехов.

Понравилась статья? Поделиться с друзьями:
Я новичок
Комментариев: 6
  1. Олег

    Спасибо, все так и сделал, но фавикон отображается везде, где только можно, кроме… яндекс-вебмастер. И кеш чистил, и куки. но все без толку. С чем это может быть связано?

    1. Ольга (автор)

      Просто подождите, обновления вступают в силу не сразу, недели через две.

  2. Мария

    У меня такая ситуация, изначально установила фавикон с помощью плагина favikons, но фавикон отображался лишь для главной страницы, что меня не устраивало, сегодня установила по вашим рекомендациям без плагина, спасибо, но пока все без изменений…видно лишь на главной

    1. Ольга (автор)

      Мария, чтобы фавикон отобразился в поисковых системах нужно некоторое время.
      Сервис pr-cy показывает у вашего сайта такой фавикон фавикон

  3. Alexey

    Достаточно непростой задачей поисковой оптимизации является продвижение корпоративного сайта. Качественное продвижение в Яндексе или Гугле поможет повысить посещаемость корпоративного сайта.

  4. Lenard

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

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: