Favicons

Фавикон: определение и его предназначение

Фавикон (favicon) произошло от слова «Favoritesicon»(англ.), что можно перевести как «значок для избранного». Выглядит как небольшая картинка рядом с названием сайта в поисковых системах, в списках избранного, а также в закладках браузера. Сегодня мы расскажем, каким образом добавляется favicon на сайт, как его изменить, можно ли сделать favicon онлайн и при помощи каких программ или сервисов это возможно.

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

Ранее favicon поддерживал только «горячо любимый пользователями» браузер Internet Explorer и был представлен лишь в единственном формате — «.ico». Сегодня ситуация изменилась и стало возможным создавать фавиконы в других форматах, например «.gif», «.png» и прочие

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

Отображение фавикона в списке выдачи поисковый системы, по большей части, влияет на увеличение посещаемости ресурса из поисковика и дает прирост кликов по ссылке. Эти показатели влияют на позицию в поисковой выдаче и улучшают запоминаемость сайта. Лучше всего favicon ставить на оптимизированный сайт. А в этом может помочь наша команда.

При изменении или установке нового favicon будьте готовы к тому, что поисковики примут его не сразу. Стандартные сроки около 2 — 3 недель.

Размер иконки — 16×16 пикселей, в классическом варианте. Возможны и иные варианты: 24×24, 32×32, 48×48 и 64×64. Для чего нужны прочие размеры? Все легко: иногда пользователям проще сохранять все на рабочем столе, включая ярлыки вебсайтов.

В наше время большинство сайтов делается на cms, в которых есть плагины или встроенные формы для загрузки favicon. Однако, может случиться и так, что такой возможности нет. Что же делать в таком случае?

  1. Придумайте и создайте favicon. Где это можно сделать — мы опишем ниже.
  2. Загружаете готовую иконку в корень сайта на хостинге или через FTP. К примеру, www.вашсайт.ru/favicon.ico (gif, png)
  3. В мета-тег <head></head>нужно вставить следующий код:

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

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

Создание favicon

Как сделать качественный favicon?

Мы посмотрели на техническую сторону создания иконки, теперь рассмотрим внешний вид. Что надо сделать для того, чтобы favicon стал запоминаемым?

  1. Favicon, в своем роде, визитная карточка вашего проекта. Не стоит недооценивать его значимость, исходя из небольших размеров. Сделайте иконку похожей на основной дизайн сайта, все же это одно целое. Зачем нужен favicon, когда он не производит нужных ассоциаций с проектом и не привлекает внимание?
  2. Фавикон должен быть простым, понятным для обычного человека. Не придумывайте велосипед, не копируйте картин Дали. Простота и легкость — основы для хорошей иконки.
  3. Мы уже упомянули о том, что иконка — зеркало сайта, должно отражать содержимое проекта. Однако представим, что у нас крупный интернет-магазин, который занимается детской одеждой, игрушками и школьными принадлежностями. Если в качестве иконки поставить плюшевого мишку, никто и не догадается, что у вас есть остальной ассортимент. Стоит вдумчиво подойти к таким моментам и правильное решение придет само собой.
  4. Проведите ассоциации с сайтом. Вы наверняка замечали иконки у крупных игроков в интернете. Представьте себе иконку Mail.ru? Сразу вспомнили оранжевую «собаку» на синем фоне? Правильно! Давайте еще разок, но посложнее: представьте фавикон такого гиганта как EBAY. Если получилось — отлично! Если нет — вспомните логотип. Он состоит из 4 разных цветов. Теперь вспомним, что такое EBAY? Правильно, площадка для покупок и продажи. Иконка сайта — сумка для покупок с цветами из логотипа.

Фавикон

Сервисы для создания favicon.

  • pr-cy.ru/favicon/ — отличный сайт для создания иконки, если в наличии имеется изображение. За 2 клика перегоняет в формат «.ico». Помимо создания иконок ресурс предлагает прекрасные сервисы для проверки сайта.
  • favicon.ru — сервис предлагает нарисовать иконку самому в их программе, преобразовать готовое изображение и заказать у профессионалов.
  • Favicon.cc —  сайт предлагает большое количество функций и настроек, которые помогут сделать именно тот фавикон, который вы давно хотели. Все изменения происходят в режиме реального времени и отображаются в специальном окне предварительного просмотра.

 

IT Heart - самое сердце ITIT Heart — самое сердце IT.