Отчёт: Favicon & Иконки
Мы проверяем, имеет ли веб-сайт один или несколько favicon (или доступных)
Favicon используются для идентификации веб-сайта во вкладке браузера, поисковых системах и социальных сетях. Они являются обязательным требованием для любого веб-сайта в современной сети и должны отражать идентичность бренда. В прежние времена favicon всегда были 16x16 пикселей, но сегодня у нас есть гораздо больше вариантов и размеров, и ожидается, что будет хороший стандартный favicon более высокого разрешения.
Рекомендации
- Убедитесь, что у вас есть хороший стандартный favicon, 16x16 пикселей - это всего лишь минимальный размер
- Имейте несколько размеров favicon: 16x16 пикселей, 32x32 пикселей, 64x64 пикселей, 128x128 пикселей, 256x256 пикселей
- Всегда хорошо добавлять иконки Apple Touch, 180x180 пикселей - это минимальный размер
Известные ошибки
- В SMM-панели не настроен favicon
- Favicon существует, но не добавлен в макет HTML
- Найден только один favicon, не найдено разных размеров
Пример HTML-кода favicon
Это пример того, как favicon добавляются в макет HTML
<link rel="icon" href="/favicon.ico" />
<link rel="icon" sizes="16x16" href="/favicon-16x16.png" />
<link rel="icon" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" sizes="192x192" href="/android-chrome-192x192.png" />
<link rel="icon" sizes="512x512" href="/android-chrome-512x512.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />Генерация favicon
Вы можете легко создать современные favicon для вашего веб-сайта, используя следующие инструменты: