Обучение
продвижению сайтов
+7 (812) 9-515-415

Установка Favicon на сайт

Favicon - это небольшая картинка (иконка) размером 16x16 точек, которая находится в браузере слева от адресной строки. А также показывается многими поисковыми системами рядом с результатами поиска, что хорошо сказывается на кликабельности.

Файл картинки должен быть сохранен в формате .ico. Этот формат умеет хранить в себе несколько изображений разного размера одновременно и отображать наиболее подходящий в данный момент. Для отображения в строке браузера и в поисковых системах это размер 16х16 пикселей. Наличие этого размера обязательно. Иначе браузеру придется самому сжимать изображение, что может привести к потере качества. Если вдруг захочется сделать ярлык для открытия сайта на рабочем столе, то система потребует иконку больших размеров, от 32х32 до 100х100 пикселей.

Теоретически, файл может быть и формате .gif и даже анимированный. Но на данный момент (декабрь 2012) только браузер FireFox умеет их понимать. При отсутствии файла favicon.ico на сервере некоторые браузеры используют изображения с самого сайта, но этот прием нельзя назвать красивым, хотя для пользователя все же лучше, чем безликие стандартные иконки браузера.

Создать иконку сайта можно практически в любом графическом редакторе. Если редактор не сохраняет изображения в формате .ico, то можно сохранить в .jpg, .gif или .png и конвертировать в иконку с помощью сервиса на сайте http://favicon.ru/.

Следующий шаг это установка favicon на сайт. Называться файл должен favicon.ico (маленькими латинскими буквами). Размещать его правильнее всего в корневой директории сайта. Там их найдет большинство браузеров и поисковых систем, даже если ничего не прописывать в коде сайта.

Но надежнее и правильнее все таки указать, где искать favicon.ico. Для этого добавьте внутри тега

следующие строки:

Или так:


Или так:


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

Иногда иконка появляется не сразу. Как правило, виновато кэширование браузера. Поэтому если картинка отсутствует, то попробуйте очистить кэш браузера или перезапустить браузер. Если иконка все равно не показывается, проверьте ее наличие по адресу http://ВАШ_САЙТ/favicon.ico - если она не показывается и так, проверьте правильность написания название файла, формата файла и наличие в правильной директории.

К размышлению
Оглавление