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

Июл 30 • Cоздание сайта, Иконки • 1712 Views • Комментарии к записи Что такое favicon.ico или как создать иконку значок для сайта отключены

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 для сайта

Как установить 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”>

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

Related Posts

Comments are closed.

« »