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

                                                                                                       

Здравствуйте друзья! В этой статье мы рассмотрим, как выполняется установка фавикона на сайт простым способом.

Как сделать и установить фавикон на сайт

Установить_фавиконМоему сайту полгода, но только месяц назад я установил на нём фавикон. В уроках, по которым я делал сайт в январе, об этом не говорилось, а разбираться, что за значки на других сайтах не было времени.

Хотя тема эта не нова, всё же решил поделиться своим опытом. Возможно, информация будет полезной новичкам, решивших сделать свои сайты.

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

Фавикон для сайта это картинка размером 16 х 16 пикселей в формате «ico». Если можно так сравнить, то это аватар сайта. Картинки бывают и большего размера (24х24; 32х32; 48х48), но применяются они реже. Форматы тоже бывают разные (jpeg, bmp, gif, png).

Установить_фавикон_1

Установить_фавикон_2

Слово фавикон происходит от английского  FAVorites ICON, избранная (любимая) иконка  (иконка для избранного — из Википедии, favicon).   И отображается она браузером в адресной строке перед URL страницы, в качестве картинки рядом с закладкой, в поисковой системе рядом с названием сайта. Впервые фавикон был применён в 1999 году  браузером Internet Explorer и он первым стал поддерживать иконки для сайта.

В принципе, фавикон несёт полезность для сайта (блога):

  • сайт получает выраженную индивидуальность, он выделяется в массе других сайтов;
  • посетитель, который увидел интересный фавикон, захочет нажать на него и попадёт на  Ваш сайт;
  • посетитель быстрее запомнит Ваш сайт, ему проще будет его находить. Я сам пользуюсь поиском своего сайта в поисковиках по фавикону – находишь его в разы быстрее;
  • поднимает авторитет владельца сайта – видно, что сайтом занимаются.

Недавно просматривал страницы Яндекса, оказывается процентов 15 сайтов, не имеет фавиконов.  Возможно,  их владельцы захотят это сделать в будущем.

Фавикон можно сделать оригинальный самому – такой будет только у Вас, а можно взять стандартный. Конечно, лучше сделать оригинальный фавикон. У меня руки пока не дошли – взял стандартный (пока).

Рассмотрим установку фавикона на сайт, сделанный на движке WordPress. Есть несколько способов установки фавикона:

  1. Можно установить фавикон из админпанели сайта, пользуясь настройками шаблона. Думаю, шаблоны надо проверять, возможно, не все поддерживают эту функцию.
  2. Установка фавикона без плагина. Для этого надо поработать с корневой директорией на хостинге – с папкой «public_html», а также прописать код html. Сложного там ничего нет, но надо знать код и место его установки. В Интернете это всё есть, сам там смотрел.
  3. Установка фавикона с помощью плагина.

Рассмотрим третий вариант – иконку для сайта онлайн можно установить с помощью плагина Favicons. Для установки плагина, заходим в админпанель нашего сайта. Нажимаем кнопку «плагины», «Добавить новый». В поисковой строке прописываем – Favicons – «Поиск плагинов». У меня  такой плагин не был найден, поэтому я скачивал его через Google. Вы можете тоже скачать его там, либо по этой ссылке.

Если Вы скачали архив плагина, то на странице «Плагины» выбираем «Загрузить». Нажимаем кнопку «Обзор», выбираем из папки нашего компьютера ранее скачанный плагин favicons  и нажимаем кнопку «Установить».

Не забываем активировать. Всё, плагин установлен. Теперь идём в «Параметры». Находим там установленный плагин Favicons и нажимаем на него. После чего  открывается панель управления плагином (смотрите скрин).  фавикон3Теперь можно вставить либо свой граватар, либо собственную картинку, либо выбрать иконку из предлагаемых.

После выбора иконки сохраняем изменения, нажав внизу кнопку «Save Changes».

Далее идём на страницу браузера и проверяем – перед  названием нашего сайта стоит фавикон.

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

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

С уважением, Иван Кунпан.

P.S. О том, какие обязательные шаги нужно выполнить при создании сайта (блога), показано в созданной мной интеллект карте, скачать её можно по ссылке. Кстати, для продвижения блога статьями, их нужно правильно писать и оптимизировать. О том, как это правильно делать, показано в моей бесплатной книге.

Просмотров: 453
4 комментариев на “Установка фавикона на сайт
25.05.2015 в 03:21

Ставил тоже себе на блог фавикон. Полезная штука. Плагином не пользовался.

28.05.2015 в 14:57

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

Светлана
07.11.2015 в 17:36

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

08.11.2015 в 13:48

Светлана, надо подождать несколько дней, фавикон обязательно появится после обхода робота.

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

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