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

Фавикон (favicon) или «значок сайта» — это маленькое изображение, которое отображается во вкладке браузера и рядом со ссылкой на сайт в поисковой выдаче. Иными словами Фавикон (favicon) – это маленький логотип сайта.

Зачем нужен Фавикон ( favicon )

Для продвижения сайта. Сайт у которого присутствует значок, фавикон (favicon), занимает позиции в выдаче лучше, чем сайт с его отсутствием.
Для экономии на рекламе. Если Вы продвигаете свой сайт с помощью контекстной рекламы Яндекс.Директ, то и тут Вас ждут преимущества. Наличие на сайте оформления в виде фавикона, влияет на стоимость клика.
Для «выделения» сайта в поисковой выдаче. Согласитесь, сайт у которого есть картиночка слева от заголовка, больше привлекает к себе внимание, чем без нее.
Для узнаваемости Вашего Бренда. Если Вы еще не замечали этого, то понаблюдайте за собой. Например, когда Вы ищите сайт Сбербанка (или менее именитый Бренд, может МВидео), поисковик выдает Вам целую страницу разных сайтов. Что бы понять, что перед Вами нужный сайт, Вам не обязательно читать текст заголовка, часто Вы видите «Значок сайта» Фавикон, с узнаваемой картинкой и этого уже достаточно, что бы Вы кликнули по нему.
Для усиления передачи информации. Допустим у Вас сайт с рекомендациями для курильщиков, как им отказаться от этой вредной привычки. Если Вы сделаете к нему фавикон в виде перечеркнутой сигареты, то и ассоциативно передадите смысл содержания страниц Вашего сайта. На самом деле, эта маленькая картиночка несет огромный эффект воздействия на восприятие человеком информации.

Саму картинку Вы можете заказать дизайнеру или сделать самостоятельно. Можете даже скачать из интернета понравившуюся Вам, но лучше, что бы фавикон (favicon) был уникален.

Для создания фавикона подойдет Photoshop. Вам нужно будет уменьшить нужную картинку до размера: 32*32 или 16*16 пикселей и сохранить ее в jpeg, png, gif, ico. Или можно воспользоваться специальным сервисом www.favicon.ru.

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

К примеру, у меня это выглядит так:

Теперь нужно сообщить поисковику, где лежит картинка сайта (фавикон), что бы он мог ее приндексировать. Для этого Вам нужно внести некоторые изменения в код сайта. После открывающего тега <head> нужно прописать путь к картинке сайта, следующим образом:

<link rel=”shortcut icon” href=”http:путь_до_иконки/favicon.ico” type=”image/x-icon” />
<link rel=”icon” href=”http:путь_до_иконки/favicon.ico” type=”image/x-icon” />

Так как мой сайт работает на CMS WordPress, мне нужно делать это в файле header.php. Если у Вас другая CMS или она вообще отсутствует, просто найдите где в Вашем случаи находится открывающий тег <head> и вставьте нужные строки туда. Должна получиться следующая запись:

Как создать фавикон для сайта на WordPress

Для создания фавикона сайта, который работает на CMS WordPress, существует масса различных вспомогательных плагинов. Рассмотрим один из них — это Jetpack. Плагин Jetpack обладает множеством и других полезных функций для управления и редакции сайта. Вы можете включать и отключать их по своему желанию.

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