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»>

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

Как создать иконку favicon для сайта

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

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

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

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

2. Найти готовую иконку значок для сайта в галерее

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

Мой блог находят по следующим фразам


Подпишись на обновления блога по Сайтовед по RSSRSS, RSS по EmailEmail, twitter hennertwitter!


Интересные посты на "Сайтоведе":

Комментарии (16)

  1. Нормуль давно эту фишку, хотел сделать, щас займусь, спасибо за инфу. А то некогда искать было.

    Ответить

  2. Подалуйста подскажи как загрузить норм картинку а то когда гружу пишет типо такое имя существует !

    Ответить

    • Куда, на сайт? Возможно, у тебя там уже есть старая иконка favicon, смело заменяй на новую.

      Ответить

      • А если не заменяется?
        Она автоматически переименовывает ту иконку которую загружаю.
        Или может быть я не туда загружаю?

        Ответить

        • На Укозе корневой каталог там, куда файлы сохраняются по умолчанию. Во что именно переименовывает? Можешь попробовать старую иконку удалить просто.

          Ответить

  3. Ну наконец-то, чисто случайно наткнулся на вашу статью. Давно хотел поменять значок от хостера на свой, да просто руки никак не доходили. сегодня же займусь.

    Ответить

  4. Виталий О.

    Добрый день.
    1. Подскажите пожалуйста,если потенциальный рекламодатель хочет разместить свой баннер на сайте и спрашивает отчет по количеству показов.Что делать если я могу только показать ему этот отчет в админке сайта?Есть ли какие нибудь программы для контроля показов рекламодателям или они должны на слово верить?
    2. Еще вопрос. Как установить счетчик в админке на количество кликов на баннер,в случае если платят только за количество кликов?

    Ответить

    • Можно продавать баннер, скажем, через ротабан. Там показы и клики сами считаются и учитываются.
      В противном случае — если прямая продажа, то продается обычно с оплатой за месяц, так как верить на слово никто не будет. Статистику показов можно посмотреть, скажем, если поставить счетчик от Liveinternet — этого достаточно.

      Ответить

  5. 1) Загрузить иконку на сервер в корневой каталог своего сайта
    — Как его найти?
    2) Между тэгами прописать следующий код:
    — Где найти эти тэги? Куда именно вписывать.

    Ответить

  6. Михаил, ты не заблудился?

    Ответить

  7. Добрый день!
    Создать иконку очень просто на favicon.ru. Чем я лично и воспользовалась. Загрузил картику, выдали готовый код и рекомендации как воспользоваться. Только не все браузеры его отображают. Например IE почему-то только после добавления сайта в избранное (.

    Ответить

  8. Делаю всё как описали, но всеравно не получаеться, я когда-то давно эту шнягу делал щас забыл как. в общем не получаеться и кеши почистил и обновил и т д.

    Ответить

  9. А где мой комментарий ?

    Ответить

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>