Отправляет email-рассылки с помощью сервиса Sendsay

Сайтовед

  Все выпуски  

Сайтовед - Что такое favicon.ico или как создать иконку для сайта


Новая рассылка от сайта Saitowed.ru - полезные советы по созданию и продвижению сайта каждый день.


Favicon (сокр. от англ. FAVorites ICON — «значок для избранного») — иконка для сайта или страницы. Вы можете увидеть эту иконку в браузере в адресной строке перед URL страницы, на которой вы находитесь, а так же в открытых вкладках рядом с именем страницы, с своих закладках, в поиске в Яндексе рядом с каждый сайтом в результатах, а также в качестве картинки рядом с закладкой, в табах и в других элементах интерфейса.

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

Ваш сайт в поисковиках будет отображаться с той иконкой, которую вы для него установите.

Форматfavicon.ico: Обычно используется изображение 16*16 пикселов в формате .ico. Традиционно и обязательно иконка для вашего сайта называетсяfavicon.ico и никак иначе. Располагается обычно в корне сервера, так как там этот файл ищет Internet Explorer. Остальные браузеры найдут этот файл в любом месте, если указать в HTML коде действительное местоположениеfavicon.ico. Также остальные браузеры кроме формата .ico понимают также форматы jpg, gif, bmp и другие.

Как установитьfavicon.ico: Для того, чтобы ваша иконка отображалась в браузерах посетителей вашего сайта и в поисковых системах, необходимо сделать следующее:

  1. Создать своюfavicon.ico. Как это сделать, я напишу дальше.
  2. Загрузить иконку на сервер в корневой каталог своего сайта
  3. Между тэгами <head></head> прописать следующий код:

<link rel="icon" href="/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

Если после загрузки иконки она не появилась, попробуйте обновить кеш браузера.

Как создатьfavicon.ico:

1. С помощью конструктора иконок

Favicon Generator и еще один: Favicon.cc

Совет: не используйте в качестве иконки фотографию или картинку со множеством деталей и цветов, на favicon.ico вы не сможете ничего разобрать.

2. Найти готовую иконку в галерее

Favicon Gallery и еще одна с генератором иконок.


В избранное