Если у вашего вебсайта до сих пор нет своей иконки, то самое время её сделать. Посмотрите на свои вкладки в браузере, и вы увидите, что у каждого сайта есть свой значок. Это и есть так называемая фавиконка.
Фавикон – это небольшая картинка, которая отображается возле содержимого тега title во вкладках браузера и выдаче поисковой системы. Несмотря на свое название, фавикон для сайта не обязательно должен быть формата .ico. Поддерживаемых форматов несколько, но нужно использовать только те, которые воспринимают все браузеры. Таких формата три: png, gif (без анимации), ico.
Favicon.ico для юзабилити
В 2016 году отсутствие такого, на первый взгляд, неважного элемента, как иконка, может привести к большим проблемам с CTR (показатель кликабельности) и юзабилити. Давайте представим, что в поиске по запросу, например, «как установить фавикон» вы видите сайты с иконками, допустим, киноленты или какой-нибудь игры, либо вообще без картинки. А у первых трех сайтов иконки палитры либо кисточки. Куда вы кликните? Конечно же, на что-то более тематическое
А такой большой портал как, допустим, Википедия сразу бросается в глаза благодаря своей фавиконке. То есть сайт становится узнаваемым. Об узнаваемости отдельно мы рассказали тут.
Стоит заметить, что фавикон для сайта не та вещь, которой стоит пренебрегать с точки зрения банального удобства. У многих людей в браузере открыты не одна и не две странички, а десятки. И как бы им было ориентироваться во множестве вкладок без этой спасательной иконки?
Нарисовать иконку можно и самому, если хоть немного владеете компьютерной графикой. В поисковых системах есть куча бесплатных сайтов для пиксельного рисования.
Установка favicon на WordPress
WordPress, как система дружелюбная к новичкам, позволяет установить фавикон без единой строчки HTML кода.
Установка фавиконки на WordPress без кода:
- Заходим в админ панель.
- Далее выбираем пункт «Внешний вид» подпункт «Настроить».
- В появившемся меню находим «Свойства сайта», а далее подзаголовок «Иконка сайта».
- Выбираем изображение, и движок всё сделает самостоятельно.
Если это не сработало, или вы используете старую версию WordPress, то в меню «Внешний вид» в подпункте «Редактор» ищем файл header.php и внутри тега head вставляем одну строчку кода:
link rel=”shortcut icon” type=”image/ico (ваш формат, например, image/png)” href=”адрес к иконке, относительный или абсолютный”
Кроме того иконку для сайта в WordPress можно установить с помощью разнообразных плагинов.
Яндекс советует, что размер иконки должен быть 16×16 пикселей, но браузер будет поддерживать и гораздо большее разрешение. Например, WordPress сам сожмет иконку до нужного размера и вам не придется ничего делать.
Ценная информация, давно искала четкой инструкции. Спасибо!
Хорошо, что есть такие статьи, типа технического руководства.
У Вас очень полезный и информационно наполненный сайт.
Фавикон это одно из достоинств любого хорошего сайта. Спасибо автору, читать было приятно и интересно.
Полезная статья,очень интересная информация. Спасибо.