Фаворитная иконка (favicon) на сайт

Как добавить фаворитную иконку (favicon) в адресную строку браузера и поисковую выдачуфото: пример фаворитной иконки для адресной строки браузера

Favicon — это небольшая картинка размером 16×16 (или 32×32) px/ пикселя, которая находится в браузере слева от адреснойстроки. Я советую каждому автору сайта привязывать фаворитную иконку для лучшей поисковой выдачи. Например, в Yandex отображаются иконки сайтов, и люди переходят по таким сайтам гораздо чаще, чем по тем, на которых нет favicon.

В данной статье я покажу как установить favicon на сайт через редактирование html кода.

Где взять favicon? Вы можете создать самостоятельно. Вы можете создать его на сайте favicon.cc или через любой фоторедактор. На этом сайте Вы создадите себе favicon. Также Вы можете воспользоваться уже готовыми коллекциями и выбрать себе подходящий.

Установка фаворитной иконки на сайт. Для этого добавьте внутри тега <head> следующую строку:

<link relicon» href=»http://вашсайт.ru/favicon.png» typeimage/x-icon» />

<link relshortcut icon» href=»http://вашсайт.ru/favicon.png» typeimage/x-icon» />

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

После обновления страницы, Вы увидите Ваш favicon рядом с адресом Вашего сайта в браузере.

Иногда favicon появляется не сразу из-за кэширования браузера. Попробуйте очистить кэш браузера, зайдя в настройки. Также может помочь перезапуск браузера.