Фавикон · og:image · Twitter Card
Проверить фавикон и иконки сайта
Просмотрите фавикон, OG-изображение и другие графические мета-элементы любого сайта. Проверьте правильность настройки перед публикацией в соцсетях.
Что такое фавикон
Фавикон (favicon) — небольшая иконка сайта, отображаемая во вкладке браузера, в закладках и в результатах поиска. Правильно настроенный фавикон повышает узнаваемость бренда.
Что проверяем
- Наличие и адрес фавикона
- OG-изображение (og:image) — для соцсетей
- Доступность og:image по URL
- Twitter Card изображение
- Проблемы с мета-элементами
Почему og:image важен
og:image — изображение, которое показывается при шаринге ссылки в Telegram, VK, Facebook, WhatsApp. Без него соцсеть выберет случайную картинку или не покажет превью вовсе.
Требования к og:image
- Рекомендуемый размер: 1200×630 пикселей
- Формат: JPG или PNG
- Максимальный размер файла: ~5 МБ
- URL должен быть абсолютным (с https://)
- Файл должен быть доступен без редиректов
Частые вопросы
Современные браузеры поддерживают SVG-фавикон (масштабируется без потерь, поддерживает тёмную тему через prefers-color-scheme). Для совместимости со старыми браузерами добавьте также favicon.ico. Рекомендуется указывать оба: <link rel="icon" type="image/svg+xml" href="/favicon.svg"> и <link rel="shortcut icon" href="/favicon.ico">.
Telegram кеширует превью агрессивно. Если вы изменили og:image — отправьте ссылку через @WebPageBot в Telegram для сброса кеша. Также проверьте что og:image доступен без авторизации и не блокируется robots.txt.
Непосредственно — нет. Но правильный og:image влияет на CTR из соцсетей: привлекательное изображение увеличивает переходы на 30–50%. Google использует og:image для Rich Snippets в некоторых типах контента.
Apple Touch Icon — иконка, которая отображается при добавлении сайта на экран iPhone или iPad. Рекомендуемый размер: 180×180 пикселей. Указывается через <link rel="apple-touch-icon" href="/apple-touch-icon.png">. Без неё iOS использует скриншот страницы.