Ссылка без лица: почему OG-карточка решает, откроют ли ваш сайт?
Разбираем на примере карточки DNS и карточки сайта sharchita.ru — проекта студии «Веб мастер»
Каждый день ссылки на сайты улетают в Telegram, WhatsApp и VK: менеджеры шлют их клиентам, владельцы — партнёрам, а довольные покупатели — жене и коллегам. В этот момент за вас решает мессенджер: как будет выглядеть ваша компания в глазах человека. Если на сайте настроена OG-разметка, ссылка разворачивается в карточку — с картинкой, заголовком, описанием и доменом. Если нет — в серую строку URL, которую страшно открывать.
Что такое OG-карточка
Open Graph — это набор meta-тегов (og:title, og:description, og:image), по которым мессенджеры и соцсети собирают превью ссылки. Пользователь не делает ничего особенного — просто вставляет ссылку в чат, а собеседник видит полноценную мини-рекламу вашей страницы: фото, выгоду и бренд.
Почему это влияет на восприятие и на деньги
Три секунды на первое впечатление. Решение «кликнуть или пропустить» принимается до того, как человек прочитает текст вокруг ссылки.
Доверие и безопасность. Голая ссылка без превью выглядит как спам или фишинг: «куда я это открою?». Карточка с картинкой и внятным заголовком сигнализирует: это живая компания, там ждут клиента.
Кликабельность и бренд. Посты и сообщения с изображениями получают заметно больше вовлечённости, чем без них, а каждая пересланная карточка — это реклама в ваших фирменных цветах, за которую вы не платите ни рубля.
Пример 1: как выглядит карточка федерального гиганта
DNS — один из самых посещаемых розничных сайтов страны. Вставляем ссылку в чат и смотрим на карточку: [КОММЕНТАРИЙ: опиши, что видно на скриншоте — логотип/фото товара, какой заголовок, какое описание]. Гиганты могут позволить себе формальную карточку: их бренд узнают и без картинки, кликают по привычке. Но у малого и среднего бизнеса такой подушки нет. Для компании без федерального бюджета каждая ссылка — это первое знакомство с клиентом, и второго шанса произвести первое впечатление не будет.
Пример 2: как выглядит карточка, о которой вы подумали)
Сайт sharchita.ru разрабатывала наша студия «Веб мастер» — и OG-разметка была в техническом задании не опцией, а обязательным пунктом. Что мы сделали:
Картинка 1200×630 с сочным продуктовым фото: в превью она занимает половину экрана и продаёт эмоцию ещё до клика;
Заголовок с выгодой, а не канцелярит: человек сразу понимает, зачем ему открывать;
Описание в одну строку — суть предложения, а не реквизиты юрлица;
Уникальные карточки для разных разделов: у главной, каталога и статей свои превью, а не одна картинка на весь сайт.
Сравните две карточки рядом. Разница не в бюджете, а в отношении: в первом случае ссылку «отдали на откуп мессенджеру», во втором — разработчик заранее ответил на вопрос «что увидит человек, которому перешлют эту ссылку в 23:00?».
Чек-лист: проверьте свой сайт за 2 минуты
Скиньте ссылку на свой сайт себе в Telegram и посмотрите, во что она развернулась.
Если превью старое после правок — обновите кэш через бота @WebpageBot.
Проверьте разметку в валидаторах Open Graph и Meta Sharing Debugger.
Убедитесь, что у товаров и статей карточки уникальные, а не одна на весь сайт.
Вывод
OG-карточка — это час работы разработчика, который годами трудится на каждом пересланном сообщении. Студия «Веб мастер» включает OG-разметку и продающие карточки в каждый проект по умолчанию: сайт должен продавать себя сам — в каждом чате, в каждом пересланном сообщении. Хотите, чтобы ваши ссылки выглядели как реклама, а не как техническая строка? Приходите на консультацию.