www.kaminskiy-web.com | contact@kaminskiy-web.com
Статьи для веб-мастера - Kaminskiy-web

Главная страницаОбо мнеКонтактная информация
Статьи HTML и CSS JavaScript PHP и MySQL Раскрутка сайтов Хостинг Рейтинг украинского хостинга Анекдоты Анекдотов стрит

Favicon – иконка для вашего сайта

Автор статьи: Сергей Каминский

Favicon – это иконка, которая отображается в адресной строке браузера, в закладках и в выдаче поисковых систем (Яндекс), а также в некоторых других сервисах. Она позволяет визуально отличить один сайт от другого среди множества вкладок в окне браузера, либо среди большого количества ссылок в закладках. Также иконка может привлекать внимание к ссылке на ваш сайт в некоторых сервисах и выгодно выделять его среди множества других сайтов.

Создание иконки сайта favicon.ico

Для начала нужно изготовить уникальный файл favicon.ico для вашего сайта. Для этого можно использовать графические редакторы, которые поддерживают формат ico или же можно создать gif изображение, а потом с помощью специальных онлайн сервисов переконвертировать его в ico. Размеры иконки должны быть 16х16 пикселей. После того как иконка создана переименовываем ее в favicon.ico и загружаем на сервер. Лучше всего размещать ее в корне сайта, но можно и в какой-либо папке.

Код для размещения на сайте

Для того чтобы favicon начала отображаться, нужно между тэгами <head>...</head> прописать следующий код если favicon находится в корневой директории:

<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

Если иконка сайта находится, например, в папке style, то используем следующий код:

<link rel="icon" href="/style/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/style/favicon.ico" type="image/x-icon">

Если favicon не отображается, то перезапустите браузер. В поисковых системах иконка появится не сразу, а лишь после переиндексации поисковым роботом.

Другие записи по теме в разделе статьи по HTML и CSS

Копирование статьи запрещено.