Как сделать favicon для вашего сайта

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

как создать фавикон

Такие статьи будут выходить относительно регулярно (надеюсь). Они не будут попадать в email рассылку, зато будут попадать в топы поисковой выдачи 🙂

И так сегодня мы поговорим о том, как сделать favicon для вашего сайта.

Что такое favicon?

Фавиконка это маленькая картинка в углу открытой вкладки.

что такое favicon

Как правило это уменьшенные вариант логипа компании или сайта. Иконка должна отображать суть вашего сайта.

Ну и стоить помнить, что фавикон это не только красиво, но ещё и повышает ctr сайта в выдаче.

Как сделать favicon самостоятельно

На самом деле это проще, чем Вы думаете. Находите понравившуюся Вам квадратную картинку, затем уменьшаете её до размером 64х64 пикселя, затем сохранить в формате .ico (либо в png, затем переделать в ico). Повторюсь размер иконки 64x64, не больше и не меньше.

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

После того как иконка сайта готова, Вам необходимо загрузить её в корневой раздел сайта (что бы она открывалась по адресу site.ru/favicon.ico). На этом все.

Если вдруг не сработало, то можно добавить в header.php следующие строки:

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

На это все. Favicon готова и установлена на Ваш сайта. В результатах поисковой выдачи они отобразится через некоторое время (обычно не меньше месяца).  Надеюсь был Вам полезен.

  • А я почему то думал что сразу в поисковой выдачи должен появляться флавикон. И поэтому снес всю эту конструкцию думал что не правильно что то сделал. А теперь все ясно.

  • Спасибо за информацию, раньше не знал как поменять ту самую иконку. Получилось самому поменять её. Очень помогли.

  • Достаточно просто оказывается это сделать. Я думала, для этого нужны специальные знания. Оказывается это доступно для любого пользователя.

  • Ваш коментарий: