Советы, трюки и секреты для Blogger.com блоггеров. Все для Blogspot. Советы, трюки и секреты для Blogger.com блоггеров. Все для Blogspot.

Favicon для сайта

08 марта 2015, 03:05

После создания сайта, блога, интернет-магазина вам скорее всего захочется изменитьстандартные иконки ресурсов (Blogger и т.д.) или CMS (Modx, Drupal). В этой статье расскажу как сменить иконку сайта, которая отображается в поиске и во вкладках браузера.

Как поставить favicon  на сайт?

  • Необходимо выбрать готовый favicon или с генерировать себе иконку
  • Зайти в админ панель и отредактировать шаблон сайта, вставив код

Как установить иконку для блога на blogger я писал в прошлой своей статье. Данный способ является универсальным и простым.

Готовые наборы иконок можно найти в поиски Google.Картинки по запросу "favicon"

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

Лучше всего загрузить картинку в корень сайт, или в папку img. Не стоит делать фавикон ссылкой на другой сайт, это увеличит загрузку сайт. При удаление или отказе сайта, хостинга где расположено изображение иконка отображаться перестанет. Все файлы и скрипты лучше загружать на хостинг - это более надежно и безопасно.

Перейдем к вставке кода, его необходимо будет вставить в шаблон сайт, перед закрывающемся тегом head,  данный тег расположен в самом верху, или воспользуйтесь поиском CTRL+F  найти вам надо </head>

Добавьте следующий код, заменив текст на ссылку иконки.

<link href='ссылка где хранится иконка/favicon.ico' rel='shortcut icon'/>
<link href='ссылка где хранится иконка/favicon.ico' rel='icon' />

Для анимированной  картинки используйте gif и следующий вариант кода 

<link rel="icon" href="ссылка где хранится иконка/favicon.gif" type="image/gif">

Для png изображения необходимо указать в type тип png

<link rel="icon" href="ссылка где хранится иконка/favicon.png" type="image/png">

Favicon для сайта