Favicon – иконка для вашего сайтаУроки об интересномBooksrum|

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

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

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

Для начала нужно изготовить уникальный файл иконки для вашего сайта. Для этого нужно создать gif изображение. После переконвертировать его в файл с расширением ico с помощью специальных онлайн сервисов. Также можно создать ее в тех же сервисах. Или же можно использовать графические редакторы, которые поддерживают формат 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 не отображается, нужно перезапустить браузер. В поисковых системах иконка появится не сразу, а лишь после переиндексации поисковым роботом.Для того чтобы 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 не отображается, то перезапустите браузер. В поисковых системах иконка появится не сразу, а лишь после переиндексации поисковым роботом.