Favicon (сокр. от англ. FAVorites ICON — "значок для избранного") — значок веб-сайта или веб-страницы.
Что такое фавикон?
Фавикон отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса.
Фавикон не важен для SEO, но позволяет выделиться в выдаче Яндекса, на вкладках открытых страниц и в закладках браузера пользователя. Использование favicon позволяет повысить узнаваемость сайта, и, как следствие, показателя CTR.
Размер фавикон для сайта
Традиционно использовались изображения размера 16×16 пикселей формата ICO, помещённые в корневой каталог сайта под именем favicon.ico.
- Рекомендации по формату и размеру фавиконки:
- размер: 120 × 120, 32 × 32 или 16 × 16 пикселей;
- формат: svg (рекомендуемый), ico, gif, jpeg, png, bmp, анимация не поддерживается.
Совет: размер 120 × 120 пикселей или формат SVG позволяют отображать логотип сайта четче и заметнее на сервисах Яндекса.
Как установить favicon
- Рекомендация от Яндекс:
- Сохраните картинку в корневой каталог сайта с именем favicon.ico и размером: 120 × 120, 32 × 32 или 16 × 16 пикселей. Формат: SVG (рекомендуемый), ICO, GIF, JPEG, PNG, BMP (анимация не поддерживается).
- Добавьте ссылку на размещенный файл в HTML-код главной страницы (раздел head):
<link rel="icon" href="https://sitename.ru/favicon.ico" type="image/x-icon">
- Совсем недавно появилась возможность загрузки иконки favicon в самом ядре WordPress. Начиная с версии 4.3, Вы можете добавить значок сайта из админки WordPress:
- зайдите в консоль (панель управления) WordPress;
- "Внешний вид" — "Настроить";
- "Свойства сайта";
- кликните на "Выберите иконку сайта";
- добавьте нужное изображение (иконка должна быть квадратной, размером не менее 512 × 512 пикселей);
- нажмите "Опубликовать", чтобы сохранить изменения.
Фавиконку в формате ico обязательно нужно класть в корень проекта. Дело в том, что любой веб-сервер незаметно для вас всегда ищет favicon.ico в корне проекта и пытается её подключить к сайту.
Лично я всегда кладу favicon.ico размером: 48 × 48 пикселей в корневой каталог сайта (без этого Я.Вебмастер выдает рекомендацию "Файл favicon не найден") и загружаю фавиконку в самом ядре WordPress.