Что такое фавикон и зачем он нужен?

Фавикон (Favicon сокращение от Favorites Icon – иконка для избранного), появился и укоренился в интернет-сообществе благодаря корпорации Microsoft и их веб-браузеру MS Internet Explorer, в котором и было в первые реализовано использование иконок сайта, при добавлении его в «Избранное».

Где используется Favicon

После того как все компании выпускающие браузеры переняли у Майкрософт использование фавиконов, они стали появляться не только возле названий сайтов в разделе «Избранное», а именно:

• в адресной строке браузера, слева от адреса сайта;
• возле названия сайта в «Избранном» и «Закладках»;
• в результатах поисковой выдачи слева от названия сайта во всех крупнейших поисковых системах Google, Яндекс, Bing, Yahoo и других.

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

Фавикон это иконка сайта размером 16х16 пикселей, изначально была создана в формате ICO, но теперь поддерживаются и другие расширения файлов – GIF, PNG и другие. Сейчас поддерживаются и другие размеры фавиконов:

• 16х16 пикселей;
• 24х24 пикселя;
• 32х32 пикселя;
• 48х48 пикселей;
• 64х64 пикселя.

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

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

• логотип компании;
• первая буква названия в фирменном стиле;
• картинка, ассоциирующаяся с компанией, продаваемыми товарами, оказываемыми услугами, или с тематикой самого сайта.

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

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

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

Создав фавикон самостоятельно или при помощи сервиса ее нужно установить на сайт. Сейчас большинство браузеров и роботов поисковых систем определяют фавикон автоматически без написания дополнительного кода в HTML страницы, если сам файл называется favicon.ico и находится в корневой папке сайта. Но чтобы подстраховаться, или же если файл находится в другой директории сайта, нужно прописать код в мета-теге HEAD:

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

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

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