При открытии любого сайта часто можно встретить маленькую картинку-значок: иконку сайта. От английского favicon. Иконка сайта своего рода визитная карточка, логотип, отличительный знак среди множества открытых вкладок браузера. Сегодня я расскажу, как установить favicon на сайт.
Вы только открыли магазин и стали заниматься его наполнением, дизайном и внешним видом. Именно сейчас и надо позаботиться о такой важной “мелочи” как иконка сайта. Чем раньше Вы продумаете и установите ее, тем быстрее она начнет работать на Вас!
Где отображается иконка?
Favicon отображается в браузере в левом верхнем углу, при добавлении сайта в закладки. И самое важное – в поисковой выдаче!
Не все поисковые системы поддерживают иконки. Из популярных (Гугл, яндекс) только Яндекс – отображает иконку сайта тем самым повышая кликабельность, эффективность и узнаваемость сайта в выдаче. После установки иконки яндекс не моментально забирает ее. Необходимо, чтобы прошло примерно 2-3 недели и только после этого иконка появится у адреса сайта в выдаче.
Размер favicon
Общепринятые стандарты: 16х16, 32х32 пикселя. В таком миниатюрном окошке довольно проблематично уместить тематическую картинку для сайта с вменяемым содержимым.
Как сделать favicon?
Первый вариант сделать иконку для сайта – нарисовать ее в photoshop. Установить плагин для сохранения в. ico и сохранить… Но я не рекомендую запускать такую тяжеловесную программу для создания фавиконки. Это все равно что поехать на лимузине за картошкой в огород. Мы поступим проще и сразу воспользуемся вторым способом – генератором иконок…
Favicon generator
Да, Вы не ослышались! Делаем иконку сайта онлайн на специальных сервисах генераторах иконок. Обычно я использую вот эти:
http://favicon.ru/ – здесь можно нарисовать иконку в онлайне и сразу увидеть результат своей работы. Можно загрузить готовую картинку и обработать ее.
http://genfavicon.com/ – американский сайт. Загружаем картинку, выделяем нужную область, обрезаем.
На выходе получаем иконку.
После обработки Вашей картинки Вы получите файл с форматом. ico и названием favicon. Вам остается скачать favicon для сайта. Этот файлик как есть загружаете в корень через файловый менеджер, браузер автоматически подхватывает картинку. Если favicon не отображается, то…
Как установить favicon?
Добавляете строчку в область перед закрывающим head файла, отвечающего за “шапку”:
Советую иконку закидывать в корень сайта. Теперь то уж иконка должна появиться. Если не появилась – очистите кеш браузера.