Продвижение сайтов от TOPMAN

8 (861) 217-51-30

TopMan
logo
Favicon - что это такое и как его создать?

Favicon - что это такое и как его создать?

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

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

Создаем фавикон

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

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

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

Отличный пример подобного сервиса - сайт favicon.ru. Он позволяет с нуля отрисовать вашу иконку и скачать её уже в .ico-варианте.

Отрисовка фавиконов от favicon.ru

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

Если у вас уже есть логотип, то существует масса сервисов, с помощью которых можно сделать фавикон из уже готового изображения. Один из таких генератор фавикона от сервиса PR-CY:

Генератор фавиконов PR-CY

Так же, отличным инструментом для создания фавиконов является сайт favicon.by - он позволяет как отрисовать фавикон с нуля, так и сгенерировать из готового изображения, загрузив его с компьютера или напрямую с сайта:

Отрисовка фавиконов от favicon.by

Отличным аналогом таких сервисов является портал favicon.cc. Он так же позволяет полностью с нуля отрисовать иконку или создать её из готового изображения, а так же имеет неплохую галерею готовых изображений. Но главное его преимущество - возможность делать анимированные иконки:

Отрисовка фавиконов от favicon.cc

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

Для чего нужен фавикон?

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

Помимо сниппетов фавикон помогает улучшить визуальную составляющую вашего сайта в различных сайтах-каталогах. Пример:

Пример использования фавикона в CMSMagazine

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

Процесс установки такого изображения очень простой. После того, как вы создали нужный графический файл с разрешением 16 на 16 пикселей, его следует загрузить в корень сайта и в идеале указать к нему путь в шапке сайта: <link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" /> и ждать дальнейшей его индексации.

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

Если же ваш фавикон не появляется в поисковой выдаче на протяжении нескольких месяцев - следует написать в техническую поддержку Яндекса и проконсультироваться о сроках у них.

Закажите консультацию
*
Заказать