Полезные советы для обслуживания веб сайта и работы с ним


Как сделать фавиконку для сайта

Мы смотрим на сайты в поисковиках и видим слева изящные картинки с символикой сайтов.

Что такое фавиконка (иконка сайта, пиктограмма сайта)?


Это картинка размером 16Х16 пикселей, которая характерна для большинства профессионально сделанных сайтов. В интернет - браузерах иконка сайта показывается в адресной строке и в папке Избранное (отсюда и название Favorite Icon), рядом с названием сайта. Чаще всего в качестве фавиконки используется логотип сайта. Иконка сайта - отличительная черта грамотных сайтов. Она придает ему индивидуальность. Кроме того, при поиске необходимого сайта иконка позволяет ускорить процесс, поскольку выделяет ваш сайт в выданном поисковиком списке. Нужно только настроить параметры поиска.

В Яндексе, например, это делается так: выбрать ссылку "настройка" в верхней части страницы (www.yandex.ru/setup/index.html?rnd=1157334667, в меню "Результаты поиска" выбрать "настройка поиска", а там найти пункт "графика" и отметить галочку "показывать пиктограммы сайтов".

Использование иконки позволит задержать внимание пользователя на ссылке на ваш сайт, поэтому-то обычно для иконки берут мини-логотип компании. Пиктограмма повышает популярность сайта, если она отображает, конечно, его содержание, а также качественно сделана.


Что такое фавиконка


Для создания или редактирования иконки подойдет любой редактор иконок. Можно также использовать плагин к Фотошопу Icon Factory, который позволяет создавать фавиконки из уже готовых картинок. Название готового файла должно быть favicon.ico и никаким иным.

Самое логичное и простое объяснение установки плагина для фотошопа "пошагово" для создания формата рисунков .ico вы найдете у Влада Мержевича на странице htmlbook

Однако, во многих случаях не удается произвести вложение плагина в папку фотошопа, например при использовании пакета программ Adobe CS5 возникают иногда трудности. В таком случае (да и во многих других) рекомендуем простенький следующий способ. Рисуете картинку в фотошопе с размерами 16х16px и сохраняете её как gif изображение. После этого переходите на страницу: http://www.codenet.ru/services/png-to-ico/index.php - это он-лайн преобразование файлов в формат ico. Загружаете туда вашу картинку и получаете на выходе нужный вам файл, который размещаете в нужном вам месте.
О том, как это сделать - чуть ниже.

Куда загрузить готовый файл favicon.ico


Готовый файл 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 20**] [error] [client 87.0.0.2] File does not exist: /home/localhost/www/favicon.ico

Это происходит потому, что браузер в любом случае запрашивает иконку сайта. Не хотите возится с иконками? Решение простое - создайте в корне сайта файл favicon.ico с нулевым размером.

И напоследок - если вы проделали все рекомендуемые процедуры, но при заходе в поисковик не обнаружили иконку сайта в выдаче - не огорчайтесь. Дело в том, что обновление кэша у поисковиков, в частности, Яндекса, процесс длительный, поэтому процесс появления пиктограммки может занять несколько дней, а иногда и месяцев.
Хотите ускорить её появление ПОПРОСИТЕ Яндекс учесть ваше "новшество"- для этого загрузите адрес вашей фавиконки в addурилку по адресу:
http://yadd.ru/ (адрес вы должны записать абсолютный в виде: Http://www.ваше-доменное-имя.ru/favicon.ico).

Просмотреть сразу результаты вашей работы вы сможете, если введете адрес сайта в поисковую строку таких браузеров, как Mozilla или Opera, после загрузки сайта в окошечке слева от поисковой строки появится фавиконка. Если у вас еще остались вопросы - почитайте FAQ здесь: http://favicon.ru/faq/. (А можете нарисовать фавиконку сами быстро в он-лайн-редакторе: http://favicon.ru (Удачи).

Статьи и новости


Полезные советы для обслуживания веб сайта

Статьи об оптимизации сайтов

8(495) 664-97-23

Вы можете направить сообщение
по электронной почте
seo@seomax.ru
Вы можете обратиться по Whats App 8(926) 226-32-38

Наши фавиконки...


Фавиконка ООО "Мастер-сервис" - иконка сохраняет стиль логотипа сайта


Фавиконка шоколадной фабрики "Конфаэль" - иконка сайта изображает фирменный знак торговой марки КОНФАЭЛЬ - золотую бабочку

подарки от компании КОНФАЭЛЬ

Фавиконка ООО "КБ Навигатор" - иконка представляет собой элемент логотипа сайта

Иконка сайта "Тольяттинское такси" - фавиконка в виде традиционных шашечек такси - эмблемы таксопарка, был предложен и другой вариант: но заказчик выбрал первый.
Favicon.ico для сайта "Ресторанный консультант" - рюмка.
Фавиконка сайта ландшафтно-озеленительной фирмы "Агропарк" - иконка повторяет фирменный логотип "Озеленение".
Иконка сайта "Основы биотехнологии" указывает на принадлежность его к учебной литературе.
Фавиконка компании ДДМ-строй












ИСТОРИЯ Фавиконки сайта Автоинструктор.
История разработки дизайна этой фавиконки такова: заказчик утвердил дизайн сайта www.avto-trener.ru с мультяшными машинками.
Исходя из этого, первоначальный вариант фавиконки выглядел как красная машинка,однако эта фавиконка не стала символом сайта, ибо все тематически близкие сайты используют красные машинки... в своих (ВОТ ужас-то!) ...

Тогда, на основе красно-синего стиля оформления Фавиконка "Дорожные знаки" оказалась более индивидуальной.

Анимация фавиконок
Эта трехразовая анимация будет видна только в верхней части страницы. Слева в поиске Яндекса она не реализуется. Если вы не видите анимации- перезагрузите страницу.