Фавикон

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

    Рекомендация от Яндекс:
  1. Сохраните картинку в корневой каталог сайта с именем favicon.ico и размером: 120 × 120, 32 × 32 или 16 × 16 пикселей. Формат: SVG (рекомендуемый), ICO, GIF, JPEG, PNG, BMP (анимация не поддерживается).
  2. Добавьте ссылку на размещенный файл в HTML-код главной страницы (раздел head):
     
    <link rel="icon" href="https://sitename.ru/favicon.ico" type="image/x-icon">
    Совсем недавно появилась возможность загрузки иконки favicon в самом ядре WordPress. Начиная с версии 4.3, Вы можете добавить значок сайта из админки WordPress:
  1. зайдите в консоль (панель управления) WordPress;
  2. "Внешний вид" — "Настроить";
  3. "Свойства сайта";
  4. кликните на "Выберите иконку сайта";
  5. добавьте нужное изображение (иконка должна быть квадратной, размером не менее 512 × 512 пикселей);
  6. нажмите "Опубликовать", чтобы сохранить изменения.

Фавиконку в формате ico обязательно нужно класть в корень проекта. Дело в том, что любой веб-сервер незаметно для вас всегда ищет favicon.ico в корне проекта и пытается её подключить к сайту.

Лично я всегда кладу favicon.ico размером: 48 × 48 пикселей в корневой каталог сайта (без этого Я.Вебмастер выдает рекомендацию "Файл favicon не найден") и загружаю фавиконку в самом ядре WordPress.

Admin/ автор статьи

Я расскажу, как мужчине в возрасте 50+ оставаться модным, красивым и здоровым, как в свои пятьдесят чувствовать себя на 30.

Понравилась статья? Поделиться с друзьями:
После 50 лет
Добавить комментарий