Как установить фавикон

Использование различных графических решений в значительной степени повышает привлекательность, и, следовательно, посещаемость сайта, что является конечной целью для разработчика дизайна ресурса.

Одним из способов привлечения внимания к ресурсу является использование фавикона (англ. – favicon) – небольшого значка, отображающегося перед наименованием сайта на вкладках, в списке избранных адресов страниц, на странице поисковой системы и так далее.

Согласно проведенных исследований, посещаемость сайтов, использующих фавикон, значительно выше чем у остальных ресурсов.

Далее рассмотрим, как установить фавикон на свой сайт.

Как установить фавикон

Перед тем, как приступить к установке фавикона, потребуется собственно создать логотип своего сайта.

Для этого можно воспользоваться любым из имеющихся графических редакторов, либо предлагаемыми в интернете сервисами создания подобных изображений. В частности, можно порекомендовать сайты favicon.ru либо favicon.cc. При помощи имеющегося на них графического редактора либо возможности загрузки имеющегося изображения можно создать желаемый логотип.

Кроме того, можно воспользоваться одним из уже готовых логотипов, имеющихся в интернете. Чтобы выбрать подходящий вариант, можно ввести в сроке запроса любой поисковой системы фразу «коллекция favicon».

После того, как изображение логотипа сайта готово, можно будет установить фавикон на сайт.

Имеющееся изображение необходимо сохранить с названием favicon.ico и поместить в корневой каталог сайта. На большинстве используемых веб-серверов данные директории имеют названия public_html или index_html. Размер такого изображения должен составлять 16х16 пикселов.

После этого в код шаблона index.php необходимо добавить следующий код:

<link rel=»icon» href=»http://наименование сайта/templates/наименование шаблона/favicon.ico» type=»image/x-icon»>

<link rel=»shortcut icon» href=»http:// наименование сайта /templates/наименование шаблона/favicon.ico» type=»image/x-icon»>

В том случае, если файл изображения находится не в корневом каталоге сайта, необходимо указать адрес расположения логотипа при помощи следующего кода:

<head>

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

</head>

где /images/favicon.ico – адрес расположения изображения.

Также, в случае использования иного расширения файла (допускается также применение изображений в формате *.png и *.gif) потребуется указать тип используемого изображения следующим кодом:

<head>

<link rel=»shortcut icon» href=»/images/favicon.png» type=»image/png»>

</head>

где /images/favicon.png — имя и расположения используемого логотипа сайта.

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

Таким образом, в результате несложных манипуляций с кодом веб-страницы, можно установить фавикон на сайт и значительно увеличить посещаемость ресурса.

Самые интересные новости:

загрузка...

Оставить комментарий

css.php