Как изменить значок сайта

В выдаче поисковых систем, рядом с заголовком сниппета, а также в различных элементах интерфейса браузера, таких как адресная строка, вкладки, список закладок, нередко можно увидеть небольшую картинку. Она называется Favicon и воспринимается как значок сайта. Ранее это изображение использовалось только в Internet Explorer. Сегодня Favicon поддерживается всеми браузерами и служит средством индивидуализации web-ресурса. При создании нового сайта большинство web-мастеров сразу же устанавливают уникальный Favicon, так как изменить значок сайта не составляет особого труда.

Вам понадобится

• Современный браузер. Программа FTP-клиент, либо файловый менеджер с поддержкой соединения по протоколу FTP. Права на редактирование кода страниц, шаблонов или файлов тем оформления web-сайта. Опционально - графический редактор с возможностью сохранения изображений в формате PNG, GIF или ICO.

Инструкция

1. Подготовьте файл изображения значка сайта. Загрузите готовый значок, воспользовавшись одной из галерей бесплатных иконок для сайта, например, http://www.favicon.co.uk/gallery.php, либо создайте свой. Размерность изображения значка должна быть 16x16 пикселей. Глубина цвета изображения - 8 или 24 бита. Для создания значка можно воспользоваться графическим редактором общего назначения, таким как Photoshop или GIMP, либо специализированным онлайн-редактором, например, http://www.favicon.cc. Сохраните значок сайта во временный каталог на жестком диске.
2. Загрузите файл значка на web-сайт. Соединитесь с сервером сайта по протоколу FTP. Используйте FTP-клиент, либо файловый менеджер. Скопируйте файл изображения в корневой каталог сайта, либо в каталог, предназначенный для хранения графических элементов дизайна. Если изображение значка представлено в формате ICO, имеет смысл размещать его именно в корневом каталоге сайта под именем favicon.ico. В редких случаях после загрузки по FTP может потребоваться изменение прав на доступ к файлу таким образом, чтобы стало возможным его чтение через web.
3. Отредактируйте код страниц, шаблоны или файлы тем оформления web-сайта. Произведите редактирование элементов сайта таким образом, чтобы в коде web-страниц, отдаваемых сервером, в элементе HEAD содержались строки вида:
   <link rel="icon" type="image/png" href="адрес_изображения" />
   <link rel="shortcut icon" type="image/png" href="адрес_изображения" />
   для изображения в формате PNG,
   <link rel="icon" type="image/gif" href="адрес_изображения" />
   <link rel="shortcut icon" type="image/gif" href="адрес_изображения" />
   для изображения в формате GIF,
   <link rel="icon" type="image/vnd.microsoft.icon" href="адрес_изображения" />
   <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="адрес_изображения" />
   для изображения в формате ICO. Здесь значением маркера адрес_изображения должна являться строка URL, по которому изображение значка доступно через web. Сохраните результаты редактирования.
4. Проверьте результат. Откройте в браузере какую-либо страницу сайта. Убедитесь, что значок отображается в интерфейсе браузера (в адресной строке, при добавлении страницы в закладки). Если значок не отображается, обновите страницу несколько раз или сбросьте кеш браузера и обновите страницу снова.