Что такое иконка? Элемент дизайна? Нет, не только - элемент имиджевой политики сайта...
Как сделать favicon.ico и указать роботу путь к фавиконке - читайте об этом ниже
Мы смотрим на сайты в поисковиках и видим слева изящные картинки с символикой сайтов.
Что такое фавиконка (иконка сайта, пиктограмма сайта)?
Это картинка размером 16Х16 пикселей, которая характерна для большинства профессионально сделанных сайтов. В интернет - браузерах иконка сайта показывается в адресной строке и в папке Избранное (отсюда и название Favorite Icon), рядом с названием сайта.
Чаще всего в качестве фавиконки используется логотип сайта. Иконка сайта - отличительная черта грамотных сайтов. Она придает ему индивидуальность. Кроме того, при поиске необходимого сайта иконка позволяет ускорить процесс, поскольку выделяет ваш сайт в выданном поисковиком списке. Нужно только настроить параметры поиска.
В Яндексе, например, это делается так: выбрать ссылку "настройка" в верхней части страницы (www.yandex.ru/setup/index.html?rnd=1157334667, в меню "Результаты поиска" выбрать "настройка поиска", а там найти пункт "графика" и отметить галочку "показывать пиктораммы сайтов".
Использование иконки позволит задержать внимание пользователя на ссылке на ваш сайт, поэтому-то обычно для иконки берут мини-логотип компании. Пиктограмма повышает популярность сайта, если она отображает, конечно, его содержание,
а также качественно сделана.
Для создания или редактирования иконки подойдет любой редактор иконок. Можно также использовать плагин к Фотошопу Icon Factory, который позволяет создавать фавиконки из уже готовых картинок. Название готового файла должно быть favicon.ico и никаким иным.
Самое логичное и простое объяснение установки плагина для фотошопа "по-шагово" для создания формата рисунков .ico вы найдете у Влада Мержевича на странице htmlbook
Готовый файл favicon.ico необходимо загрузить в тот каталог на сервере, где лежит индексный файл вашего сайта.
Если это не помогло (поисковые боты должны находить его по умолчанию), или index.html лежит не в корневом каталоге, то добавьте строку <LINK REL="SHORTCUT ICON" href="/your path/favicon.ico">
в индексный файл между тегами <head> и </head>
.
Кроме того, если вы считаете, что пользователь может занести в "Избранное" не только корневой URL вашего сайта, то скопируйте файл favicon.ico во все директории сайта.
Пример записи для робота между тегами <head> и </head>:
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://www.sitename.com/dirname/favicon.ico" type="image/x-icon">
Пиктограмма сайта - это стильно, это его лицо уже в поисковой выдаче. Кроме того, при отсутствии favicon.ico в корне вашего сайта каждый новый заход на страницу сайта оборачивается новой строкой в error.log:
[Sun Aug 05 15:55:55 2006] [error] [client 87.0.0.1] File does not exist: /home/localhost/www/favicon.ico
Это происходит потому, что браузер в любом случае запрашивает иконку сайта. Решение простое - создайте в корне сайта файл favicon.ico с нулевым размером.
И напоследок - если вы проделали все рекомендуемые процедуры, но при заходе в
поисковик не обнаружили иконку сайта в выдаче - не огорчайтесь. Дело в том, что
обновление кэша у поисковиков, в частности, Яндекса, процесс длительный, поэтому
процесс появления пиктограммки может занять несколько дней, а иногда и месяцев.
Просмотреть сразу результаты вашей работы вы сможете, если введете адрес сайта в
поисковую строку таких браузеров, как Mozilla или Opera, после загрузки сайта в
окошечке слева от поисковой строки появится фавиконка. Если у вас еще остались
вопросы - почитайте FAQ здесь: http://favicon.ru/faq/. Удачи.
Наши фавиконки....
Фавиконка ООО "Мастер-сервис" -
иконка сохраняет стиль логотипа сайта
Фавиконка шоколадной фабрики "Конфаэль" -
иконка сайта изображает фирменный знак торговой марки КОНФАЭЛЬ - золотую бабочку
Фавиконка ООО "КБ Навигатор" -
иконка представляет собой элемент логотипа сайта
Иконка сайта "Тольяттинское такси" - фавиконка в виде
традиционных шашечек такси - эмблемы таксопарка, был предложен и другой вариант:
но заказчик выбрал
первый.
Иконка сайта "Основы биотехнологии" указывает на принадлежность его к
учебной литературе.
ИСТОРИЯ Фавиконки сайта Автоинструктор.
История разработки дизайна этой фавиконки такова:
заказчик утвердил дизайн сайта www.avto-trener.ru с мультяшными машинками.
Исходя из этого, первоначальный вариант фавиконки выглядел
как красная машинка,однако эта фавиконка не стала символом сайта, ибо все тематически близкие сайты используют красные машинки... в своих (ВОТ ужас-то!)
...
Тогда, на основе красно-синего стиля оформления Фавиконка "Дорожные знаки" оказалась более индивидуальной.
но заказчик выбрал
первый.
