Войти
ГлавнаястатьиТехнологии, компьютер и интернет

Что такое Favicon и как его установить на сайт

Просмотрено 1482 раза Добавлено 2 года назад

Favicon (favorite icon) - это маленькая картинка, пиктограмма или значок, который является частью дизайна сайта и делает его уникальным и запоминающимся.

Фавикон расположен во вкладке над страницей сайта или рядом в закладке.

Favicon - запоминающиеся иконка сайта

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

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

Как выглядит Фавикон в поисковой выдаче Yandex

В большинстве случаев фавиконка является изображение размером 16x16 пикселей формата ICO или же может быть предоставлена форматами png, jpeg, gif с диапазонами размера от 16х16 до 120х120 пикселей.

Если вы делаете хороший и качественный сайт, то иконка у него обязательно должна быть установлена.

Краткая история становления Favicon

Все началось с того, что в 1999 году компания Microsoft представила браузер Internet Explorer 5, новой функциональной возможностью которого стало поддержка значка favicon. Он был файлом расположеным в корневом каталоге сайта под названием favicon.ico. Впоследствии все браузеры стали поддерживать эти фавиконы.

Техническая сторона

Самым популярным форматом favicon является ico (его можно преобразовать из png или jpeg), но он морально устарел. Поэтому в будущем будет популярен формат SVG, который на данный момент не приобрёл достаточно широкого распространения.

Преимущества favicon

Если вы не используете у себя на сайте иконки favicon, то будьте уверены, что многое теряете. А именно: удобство нахождения нужных сайтов среди закладок или в поисковике где favicon располагается слева и привлекает внимание пользователей. Таким образом, фавикон хорошо запоминается и служит для узнаваемости ресурса и является одним из частей успешного развития сайта (SEO).

Используйте его и ваш сайт заиграет новыми красками!

Как установить FAVICON у себя на сайте

Вопрос о том, как установить фавикон на сайт, является достаточно простым, однако почему-то многие вебмастера этим вопросом пренебрегают и не устанавливают иконку для своего сайта.

Фавикон устанавливается посредством написания html кода в код страницы сайта, между тегами <head></head>.

Для добавления favicon рекомендуется добавить два html тега:

<link rel="icon" href="путь до фавикон" type="image/x-icon">

<link rel="shortcut icon" href="путь до фавикон" type="image/x-icon">

После того, как добавите этот код на страницы своей странички, обновите кэш своего браузера (его нужно полностью стереть), и, если все сделано правильно и файл с картинкой загружен на сайт, то картинка начнет отображаться в браузере.

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

Поделись страницей

Эдуард Шепелев
Автор статьи
1
1482
Приватный раздел статей
Мы отобрали статьи со всего интернета, чтобы вы смогли не только сэкономить свои деньги, но и заработать, а также множество других полезных материалов!
Статьи по теме
Другие публикации автора
Недавно добавленные
Комментарии 1
Каждый сайт должен иметь свой уникальный favicon.

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

Статьи

Сообщества

Наука и техника
Наука не всегда скучная
Технологии
Технологии всех времен
Займись собой
Подними задницу с дивана и начни работать над собой!
Стихи и поэзия
Мир, оставленный нам поэтами
Веб-программирование
Я уже более 20 лет пишу код для веба.
Хакинг
Взлом - это искусство
Лучшие фото
Хорошие кадры
Анекдоты
Юмора много не бывает
Цитаты
Великие слова, цитаты и афоризмы
Ничто не приносит так много страданий, как большое количество удовольствия; ничто так сильно не связывает, как безграничная свобода.
(Бенджамин Франклин)