среда, 18 октября 2017 г.

Как добавить иконку favicon на сайт

Добрый день, дорогие читатели блога. Сегодня поговорим о том, что такое иконки для сайта, зачем они нужны, и как добавить favicon. Я поднял эту тему потому что, после переезда блога на персональный домен, значок блога на домене blogspot перестал фиксироваться в Я.Вебмастере. После того, как я добавил сайт в Яндекс.Вебмастер, он стал показывать ошибку: отсутствует favicon на сайте. Чтобы устранить этот недочет, решил самостоятельно установить в код сайта иконку favicon. Давайте сделаем это вместе.


Что такое фавикон

Это небольшое графическое изображение (логотип), которое показывается как в результатах поисковой выдачи напротив сайта, так и в адресной строке браузера. Ее размер 16х16 пикселей. Можно ее самостоятельно изготовить или воспользоваться редактором. Рекомендуемый формат .ICO.

Зачем она нужна

Для персонализации вашего блога. Если делаете проект для людей, то и отличаться он должен среди массы подобных сайтов. Это логотип вашего сайта, как лица компании. Тем более, поисковые системы (особенно Яндекс) рекомендует устанавливать favicon на сайт.

Как это сделать на blogger

Первый способ. Переходим в панель управления, раздел «Дизайн». С левой  стороны ищем гаджет «Значок». Нажимаем «Изменить» и в открывшемся окне загружаем файл иконки. Ее размер не должен превышать 100 Кбайт.

Изменить значок блога в blogger
Если это не сработало, то можно вручную добавить favicon в код сайта.
Второй способ:

  1. Создаем значок, нужного размера, используя рекомендации, озвученные выше
  2. Переходим в панель управления. Раздел «Тема», жмем «Изменить HTML»
    Добавить favicon на сайт
  3. Нужно вставить в код шаблона строку: «<link href=’URL файла иконки’ rel=’shortcut icon’ type=’image/x-icon’/>». Она должна размещаться между тегами <haed>…</head>. В моем случае получилось вот так: 
    Вставить адрес иконки favicon в код сайта 
    Нажимаем «Сохранить тему»
Обновляем страницу и любуемся своим значком блога. Теперь он будет красоваться напротив адреса сайта в поисковой выдаче и в адресной строке браузеров пользователей.

Что касается ошибки Яндекс.Вебмастера, о которой писал в начале обзора, то системе нужно две недели, чтобы обработать изменения иконки блога. После этого ошибка будет убрана из уведомлений.

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

Ставьте лайки, делитесь ссылкой с друзьями. Всем удачи!!!

Комментариев нет:

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