Favicon.ico или фавикон. Что это?

Фавикон по другому Favicon.ico  — что это такое? При переводе с английского языка FAVorites ICON буквально это означает — иконка самого сайта или его веб-страницы для избранного.

Фавиконом называют иконку (маленькую картинку), которая видна в адресной строке рядом с ссылкой (url) страницы и на вкладке браузера,в закладках браузера и в выдаче поиска Яндекса. Favicon.ico – это файл, расположенный в корневой папке сайта, где хранится сама иконка фавикон.

Зачем нужен фавикон (Favicon.ico)

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

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

Можно сказать, что фавикон – это логотип сайта, который работает как бренд.

Еще есть одна положительная особенность применения фавикона в поисковой системе Яндекс.  Он отображает иконку сайта рядом со сниппетом в результатах поиска, что напрямую влияет на кликабельность. Проверено, что на сайт с фавиконом с поиска переходов больше, чем без него.

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

Сразу нужно отметить, что:

1. Яндекс не любит полупрозрачные иконки
2. Анимированные фавиконы будут отражаться только в браузере FireFox
3. Для уменьшения нагрузки на сайт лучше использовать иконку размером 16х16 пикселей в формате .ico
4. Создавая Favicon.ico иконка должна соответствовать тематике сайта, а лучше будет, если она является его логотипом или если это авторский блог, то можно использовать и фото автора

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

Сделать Favicon.ico можно:

• с помощью онлайн генераторов
• заказав картинку иконки у дизайнера
• самостоятельно в фотошопе, сохранив картинку в формате .ico
  • нужно создать картинку 128х128 пикселей, а затем уже уменьшите её масштаб до 16х16, при этом качество не ухудшится

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

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

• специальные программы для компьютера:
  • Icon Empire
  • IcoFX
  • Favicon Create
• онлайн генераторы для создания иконок
  • favicon.cc
  • tools.dynamicdrive.com/favicon
  • favicon.ru
  • htmlkit.com/services/favicon
  • favicon.by

Где скачать готовый фавикон

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

В строке браузера введите запрос «скачать фавикон для сайта» и вам будут доступны множество вариантов галерей иконок для сайта — фавиконов. К примеру, такие:

• http://www.audit4web.ru/info/favicon/
• http://findicons.com/

Давайте, к примеру, подробнее пройдемся по сервису http://findicons.com/

Нужно ввести в поисковую строку внутри сервиса ключевой запрос вашего сайта в переводе на английский

Например:

1. Для сайта по домоводству, запрос «дом» переводим на английский «house».
2. Вводим запрос на английском в поиск сервиса и в результате получаем много иконок.
3. На выьранной иконке нажимаем на «Детали» — (значок «i»)
4. Выбираем вкладку «Другой размер»
5. Размер 16х16
6. Выбираем формат .ico
7. Иконка закачивается на ваш компьютер.

Как установить фавикон — favicon.ico на ваш сайт

Иконка выбрана или создана. Теперь нужно установить её на сайт. Для этого:

Можно установить её с помощью кода, плагина или если тема содержит возможность установки фавикона, то используйте её.

Установка фавикона с помощью кода:

• выбираем фавикон (favicon.ico) на компьютере и загружаем его в «Медиафайлы»
• в списке в медиафайлов выбираем нашу картинку и нажимаем на «Изменить»
• в открывшемся окне выбираем «Ссылку на файл»
• скопируем эту ссылку
• идем в Консоль сайта

Внешний вид -> редактор -> Заголовок — header.php.

• Затем вставьте специальный код в редакторе сайта  в header.php между тегами <head>  и  </head>

<link rel=»icon»скопированная ссылка на картинку фавикон» type=»image/x-icon»> 
<link rel=»shortcut icon»скопированная ссылка на картинку фавикон» type=»image/x-icon»>  

• Не забудьте обновить файл

Установка фавикона с помощью плагина

Используйте один из плагинов:

• Easy Favicons
• Insert Headers and Footers
• All in one Favicon

Устанавливаем плагин как обычно и активируем его. Затем настраиваем его одним из способов:

1. выбираем фавикон из доступного списка иконок
2. загружаем свой фавикон
3. даем ссылку на иконку, расположенную на другом сервисе в сети

Нужно знать, что фавикон не сразу появится в браузере, а только после новой индексации сайта.

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

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

Желаю успеха!