Приветствую вас, уважаемые читатели блога Vorabota.ru! Когда мы набираем в командной строке браузера адрес какого-нибудь сайта, с левой стороны в момент загрузки страницы появляется маленькое изображение в виде иконки. Иконка для сайта – Favicon, (сокращение от английского слова FAVorites ICON) переводится как «значок для избранного».

Сегодня почти у любого сайта, который занимает хорошие позиции при выдаче, есть иконка Favicon. Практически все Web мастера используют это небольшое изображение как средство продвижения. У поисковой системы Яндекса есть ресурс, на который собираются все иконки с сайтов специальным роботом.

И если вы обращали внимание, при выдаче результатов поиска в поисковике Яндекса на странице перед заголовками найденных страниц присутствует Favicon (иконка сайта).

И чем привлекательней будет это маленькое изображение, тем будет большая вероятность того, что пользователь зайдет именно на этот сайт. Важность иконки Favicon очевидна. Но некоторые начинающие Web мастера не знают, как сделать иконку для сайта и установить ее на свой ресурс. Сделать иконку (Favicon) для своего сайта на самом деле не так сложно. Достаточно подготовить будущее изображение в любом графическом редакторе и сгенерировать полученный файл через онлайн сервис в формат ico. На мой взгляд, самый удобный онлайн сервис для генерации иконок для сайта – это Favicon.cc.

Как видно на скриншоте, интерфейс этого онлайн сервиса вполне простой и понятный. На нем есть возможность сгенерировать заранее подготовленные изображения или нарисовать онлайн прямо на самом ресурсе новую иконку. Кроме статичных изображений на этом сервисе можно сделать и анимированную иконку для сайта. Но анимированное изображение лучше подготовить заранее другим способом, к примеру, как я описывал в заметке как можно сделать баннер и анимировать его. Думаю, что так будет намного легче, чем рисовать каждый кадр вручную. Также в сети есть множество ресурсов, которые предлагают готовые варианты иконок. Пропустив через такой онлайн генератор изображение, вы получите иконку для сайта 16 х 16 пикселей. После этого загрузите ваш favicon в корневую папку вашего сайта и посмотрите, произошли ли изменения, когда откроете свой сайт, в каком-нибудь браузере.

Если изменения не произошли, и вы не видите свой новый favicon в строке перед адресом сайта, попробуйте для начала очистить кэш браузера. Также может быть, что для размещения иконки в вашем сайте есть специальная папка, туда и надо поместить favicon ico. Все зависит от движка, на котором сделан сайт. В моем случае (сайт на Joomla) favicon находится по адресу /templates/папка с шаблоном сайта/favicon.ico.

На сайтах, сделанных, на других движках, путь к иконке может быть другой. К примеру, если вы решили сделать свой блог на Blogstop.com, и хотите сменить иконку (а прямого доступа к папкам в blogger нет), достаточно зайти на blogger в панель управления блогом → Дизайн → Элементы страницы. В верхней левой части окна – Значок → Изменить и загружаете свою новую иконку. Все очень просто.

В дальнейшем, когда робот Яндекса посетит ваш сайт, и найдет ваш favicon ico,он разместит его у себя на сервисе. И если после размещения вашего favicon ico на сервисе Яндекса посмотреть на ваш сайт на странице поисковой выдачи, можно будет увидеть иконку вашего сайта. Но произойдет такое не сразу. Визит Яшиного робота может затянутся до месяца.

Еще, чтобы как то выделиться и привлечь внимание к страницам сайта или блога, это сделать курсор для мыши каким-то оригинальным и отличающимся от стандартной стрелки и затем установить его на свой сайт. Хотя, такой вариант привлечения внимания некоторые специалисты не рекомендуют. Но, это тема уже для другой статьи.