Favicon.ico как создать и разместить, его место в SEO | Блог SEO in Site

Продвижение сайтов ведение блогов заработок в интернет SEO

Как сделать favicon и добавить его на сайт. Значимость favicon в SEO.


фавикон

Favicon (от англ. - Favorite Icon) - это своего рода иконка, имеющая специальный формат, которую мы видим в адресной строке, когда посещаем какой-либо сайт. Обычно эта иконка сохраняется на сайте в корневой папке и называется favicon.ico.

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

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

фавикон в браузере

Как же отображаются иконок favicon’ы во вкладках браузера?

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

фавикон в Яндекс

Говоря о более лучшей кликабельности сайтов с фавиконами, хотим дать вам парочку советов для улучшения CTR:

-  используйте такие фавиконы, на которые захочется кликнуть (если не применяете логотип фирмы);

- сделайте несколько дизайнов своих фавиконок для разлных событий (к примеру, Новый Год, День Святого Валентина, День космонавтики и др. );

- дизайн вашей иконки должен быть в соответствии с тематикой сайта.

 

Как работает алгоритм Яндекс с фавиконками:

1. Специально предназначенный Яндекс бот, который отвечает за сбор и своевременное обновление иконок, по своему расписанию начинают запрашиваться в своем индексе главные страницы сайтов с целью поиска в их HTML-коде пути к файлу favicon. ico. Бот этот называется «Yandex/1. 02. 000 (compatible; Win16; F)».

2. Если же в коде не обнаруживается использование фавикона, тогда путь устанавливается по умолчанию http://www.site.ru/favicon.ico.

3. Далее иконка грузится на сервер (favicon.yandex.net), но перед этим она конвертируется в формат PNG (разрешение -16×16 пикс. ). После этого иконка становится доступна по адресу, где последняя его часть будет именем необходимого домена (введите, к примеру, yandex.ru).

http://favicon.yandex.net/favicon/seoinsite.ru

4. Ботом, в соответствии с частотой обновления сайта, периодически иконка будет перепроверяться для того, чтобы в его базах содержались всегда только текущие пиктограммы.

Хорошо, если в HTTP-заголовке иконка возвращает Content-Type: image/x-icon. Однако, на сегодня Яндекс превосходно работает и с png, gif и также с некоторыми другими форматами. Для каждого из сайтов апдейт фавиконов происходит по своему внутреннему расписанию.

Каким образом создать favicon.ico?

Для создания собственной пиктограммы, можно обратиться за помощью на специальные сервисы генерирующие иконки, к примеру, http://www.favicon.cc/. Или вы можете сделать заказ своего favicon’а в студии дизайна. Они вам сделают иконку профессионально, и разумеется, по теме. Также можно попробовать нарисовать иконку самостоятельно, воспользовавшись Фотошопом. Для сохранения созданного изображения в Фотошоп в формате .ico, будет нужно поставить в программу специальный плагин.

Как добавить на свой сайт иконку favicon?

Для этого в теге <head> нужно использовать ниже приведённый HTML код

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

Оставить комментарий