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

Как установить фавикон Здравствуйте друзья. Несмотря на широкое использование фавиконов в интернете, еще не все пользователи отчетливо представляют себе, что такое фавикон, зачем он нужен и как установить фавикон на свой блог. Сегодня я постараюсь восполнить этот пробел.

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

Для начала разберемся, что такое фавикон? Вот какое определение дает Википедия: «Favicon (сокр. от англ. FAVorites ICON – «значок для избранного», от названия папки с закладками в IE) – значок веб-сайта или веб-страницы».

Фавикон – это изображение (значок, иконка) размером 16 х16 пикселей с расширением .ico, которое отображается браузером в адресной строке перед URLстраницы, во вкладках, рядом с закладками и в других элементах интерфейса. Фавиконы могут быть как статическими, так и динамическими.  На рис.1 фавиконы обведены красным.

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

Рис.1

Назначение фавикона

Фавикон нужен для индивидуализации вашего сайта. Оригинальная иконка запоминается пользователями иногда даже лучше, чем название сайта. Польза фавиконов проявляется также при открытии множества вкладок, когда названия страниц видны не полностью, а вот иконки вкладок всегда на виду. Благодаря этому, пользователю легче сориентироваться и попасть на нужную страницу.

 Еще одним положительным моментом является то, что некоторые поисковики, например Яндекс, при выдаче результатов поиска, отображают все сайты со своими фавиконами (если таковые имеются). Это способствует привлечению внимания посетителей. Большинство людей предпочтет сайт, снабженный красивым значком, рядом стоящему обезличенному сайту. Таким образом, наличие фавикона, в какой-то мере способствует повышению показателей сайта.

Установка фавикона

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

Создать иконку для сайта самостоятельно. Используется один из онлайн генераторов фавиконов, например favicon.ru или favicon.cc. Полученный фавикон с расширением .icoнеобходимо скопировать в корневую папку сайта (обычно public_html), а в файл header.php вставить между тегами <head> и </head> следующие две строчки

<link rel="icon" href="/favicon.ico" type="image/x-icon">

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

Вот и все. Через некоторое время вы сможете любоваться своей персональной иконкой.

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

Установить фавикон на блог WordPress, используя плагин favicon.zip. Данный способ является наиболее простым и понятным, поэтому его можно рекомендовать для начинающих пользователей. Этапы установки фавикона должны быть следующими

  • Скачать, установить и активировать плагин favicon.zip.(Скачать плагин можно здесь)
  • Зайти в настройки плагина в административной панели сайта (Плагины – Параметры – Favicons), где показаны три возможных варианта установки (рис.2)

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

    Рис.2

  • Выбрать третий вариант установки фавикона (стрелка на рис.2)
  • Выбрать подходящую вам иконку  из значков, имеющихся в таблице, и нажать на кнопку «Сохранить изменения» в нижнем левом углу
  • Обновить страницу браузера и насладиться видом своего фавикона.

Для смены иконки достаточно выбрать другой значок из таблицы и нажать на кнопку «Сохранить изменения».

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

PS. Если статья вам понравилась, поделитесь с друзьями в социальных сетях ссылкой на нее

Обсуждение: 4 комментария
  1. Юрий Бараковский:

    Владимир, спасибо за полезную и очень нужную статью, мой фавикон был установлен путём внедрения в корень сайта файла ico. Больше я ничего не делал. На следующий день он появился в браузере, через 2 недели его стали публиковать поисковики Яндекс и Рамблер.

  2. Владимир:

    Здравствуйте, Юрий. Спасибо за комментарий. Я рад, что статья вам понравилась. Если появятся вопросы, обращайтесь, постараюсь помочь. С уважением, Владимир.

  3. Анатолий:

    Владимир,огромное спасибо за нужную статью.Все сразу работает.
    Всех Вам благ : Анатолий

  4. Владимир:

    Здравствуйте, Анатолий! Спасибо за добрые слова о статье. Если появятся вопросы, обращайтесь, обязательно отвечу. С уважением, Владимир.

Поделитесь своим мнением

Подписка на обновления

Хотите получать новые статьи на почту? Введите свой e-mail адрес:

© 2017 Полезные советы, программы и сервисы интернета  Войти