Иконка для сайта, как сделать иконку Favicon

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

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

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

Иконки для сайтов favicon в поисковой выдаче

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

Сделать иконку для сайта самостоятельно на онлайн сервисе Favicon

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

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

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

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

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

На этом я хочу пожелать всем читателям всего хорошего. Возможно, кому-нибудь эта заметка будет полезна. До новых встреч на страницах блога Vorabota.ru

 

Получайте новости блога VoRabota.ru

Вас это может заинтересовать:

Кнопки для сайта в онлайн генераторах Сooltext и Dabuttonfactory

Создание кнопки для сайта в онлайн генераторах…

Чтобы сделать красивые кнопки для своего сайта, совсем необязательно знать сложные графические программы. Есть удобные сервисы, где процесс создания кнопок упрощен до…
Kak skachat video s saita

Как скачивать видео с Ютуб, ВК, Одноклассников и…

Вы решили скачать понравившийся видеоролик из интернета к себе на компьютер? Без проблем! Достаточно воспользоваться простым в использовании и удобным сервисом для…
Проверка изображений на уникальность

Проверка изображений на уникальность онлайн…

Не секрет, что уникальными должны быть не только тексты, но и изображения. Иначе поисковые роботы будут плохо относиться к вашему сайту. Есть очень удобный онлайн…

Комментарии  

Серж
# 0 Серж
Хорошая статья - но так как я рисую не очень :cry: я пошел другим путем - сделал фавикон и написал статейку как, где и что сделать :P
Ответить Ответить с цитатой Цитировать
Счастливая женщина
# -1 Счастливая женщина
Хорошая статья. мне как раз фавикон нужен симпатичный!
Ответить Ответить с цитатой Цитировать
Слава
# -1 Слава
Сервис интересный. Но сделать там хороший фавикон сложно. А если хочется, чтобы был не значок, а картинка, то есть маленькая фотография, то ничего не получится. Сейчас у некоторых сайтов именно такие иконки. Интересно, где они их делают?
Ответить Ответить с цитатой Цитировать

Добавить комментарий

©2011-Vorabota.ru - Заметки о бесплатных программах и онлайн сервисах для пользователей и начинающих Web мастеров.