Кейс / Карточки для соцсетей

Ссылка на ваш сайт в соцсетях — с картинкой, а не пустой рамкой

Ссылкой на новую услугу или статью делятся в соцсети или в переписке — а она уходит голым адресом или серым квадратом. Такой пост пролистывают, не дочитав, даже если за ссылкой ровно то, что человек искал.

Здесь у каждой ссылки есть картинка. Если у страницы своя обложка или у товара есть фото — показывается она. Если нет — сайт сам рисует фирменную карточку: тип записи, заголовок, первые слова описания, адрес и знак сайта. На языке той версии сайта, на которую ведёт ссылка.

≈ 0,2 срисуется одна карточка в нашем замере — силами самого сайта, без сторонних служб
1200 × 630размер карточки — широкая картинка, которую соцсети показывают над ссылкой крупно
5 минутпо умолчанию между проверками: новая или изменённая страница получает карточку сама
Для кого

Для сайтов, ссылками на которые делятся

Каждая ссылка в соцсети или мессенджере — маленькая реклама. Картинка решает, заметят её или пролистают. Рисовать обложку к каждой странице вручную никто не успевает — поэтому сайт делает это сам.

Владелец

Не заказывает дизайнеру картинку к каждой услуге и статье: у любой страницы без своей обложки карточка уже есть — в цветах и со знаком сайта.

Маркетолог

Публикует ссылку на свежую страницу через несколько минут после выхода — и она уже уходит с картинкой. Заголовок поправили — карточка перерисуется сама.

Читатель

Ещё до щелчка видит, что за ссылкой: товар, страница или статья, о чём она и с какого сайта. Видит на своём языке.

Карточка страницы

Каждой странице без обложки — своя карточка

Сайт берёт текст из самой страницы: заголовок, первую фразу описания и адрес сайта. Сверху — метка, что это: страница, товар или запись блога. Длинный заголовок и описание обрезаются многоточием, а не вылезают за край.

Карточка страницы «Вопросы и ответы»: метка «Страница», заголовок «Ответ на вопрос клиента — раньше, чем он его задаст», описание «Ответы на частые вопросы прямо на странице: вкладки по темам, иконки, цифры в ответах…», знак и адрес awds.io на тёмно-синем фоне
  • Метка типа — «Страница», «Товар», «Блог»: на русской версии по-русски, на английской — по-английски
  • Заголовок и описание — из самой страницы; есть отдельный заголовок для соцсетей — берётся он
  • Знак и адрес сайта — из настроек сайта: сменили логотип — новые карточки уже с ним
Две версии сайта

Один товар — две карточки, каждая на своём языке

У товара на русской и английской версиях сайта разные названия и описания — и карточки у него тоже две. Ссылка на русскую версию уходит с русской карточкой, на английскую — с английской. Карточка готова, даже пока товар ещё черновик и без фото: в день публикации ссылка уже не будет пустой.

Карточка товара на русской версии сайта: метка «Товар», заголовок «Учёба под контролем: прогресс виден всем», описание «Студенты видят рост, вы — итог: единая система вместо шаблонов. Демо каждую неделю…»
Карточка того же товара на английской версии сайта: метка «Product», заголовок «Your Classroom Software, Built Right», описание на английском
Своя картинка — первой

Есть фото или обложка — показывается она

Нарисованная карточка — запасной вариант, а не замена вашим картинкам. Сайт идёт по порядку и берёт первое, что есть.

  • Своя обложка для соцсетей — у страницы и товара её можно загрузить в панели управления
  • Фото товара или обложка статьи — квадратное фото товара вписывается в широкую рамку целиком, без обрезки, на тёмном фоне в тон сайту
  • Нарисованная карточка — если своей картинки нет
Картинка для соцсетей товара «Дизайн логотипа»: квадратное фото товара с надписями «Бренд, который продаёт», «463 ₽ стартовая цена», «5 дней срок готовности» вписано в широкую рамку целиком, по бокам — тёмный фон
Без ручной работы

Новая страница — карточка через несколько минут

Раз в пять минут сайт проверяет, что появилось и что изменилось с прошлого раза. Новой странице, товару или статье он дорисовывает карточку, а у изменённых сверяет текст: заголовок поправили — карточка перерисуется, ничего не поменялось — останется как есть и не будет рисоваться заново.

Сначала свежее

Страница, опубликованная минуту назад, не ждёт, пока сайт переберёт весь каталог: новые и изменённые записи идут первыми.

Без нагрузки на сайт

За один проход рисуется ограниченное число карточек на каждый тип записей — большой каталог не задерживает остальную работу сайта.

Без сторонних служб

Карточку рисует сам сайт: тексты страниц никуда не отправляются, за картинки не нужно платить внешнему сервису.

В панели управления

Три настройки — и всё работает само

Рисование карточек включено у нового сайта сразу. Если нужно, его можно выключить или поменять темп — в одном разделе, с пояснением под каждым полем.

  • Рисовать самому — включено по умолчанию
  • Сколько карточек за проход — предел на каждый тип записей, чтобы большой каталог не отнимал очередь у страниц и статей
  • Как часто проверять — по умолчанию каждые пять минут
Раздел настроек «Карточки для соцсетей»: «Рисовать недостающие карточки самому» — «Да», «Карточек за проход на каждый тип записей» — 20, «Расписание» — каждые пять минут, под каждым полем пояснение
Проверено на живом сайте

Мы проверили на этой самой странице

Ниже — карточки, которые сайт сам нарисовал для этой страницы. Мы их не заказывали и не загружали: опубликовали страницу и дождались ближайшего прохода.

Карточка этой страницы на русской версии сайта: метка «Страница», заголовок «Каждая ссылка на сайт — с картинкой», описание «Сайт сам рисует фирменную карточку — на языке каждой версии», знак и адрес awds.io
Карточка этой же страницы на английской версии сайта: метка, заголовок и описание на английском
  • Опубликовали страницу — карточки на обеих версиях появились через 7 минут, при ближайшем проходе по расписанию (в тот раз он начался на две минуты позже: сайт как раз обновлялся).
  • Поменяли заголовок и описание для соцсетей — карточка перерисовалась при следующем проходе. Там, где текст карточки не менялся, она осталась прежней.
  • Замерили время: одна карточка рисуется за 0,17–0,22 с в 20 прогонах из 20 — на русской и английской версиях.
  • Проверили, что ссылка отдаёт соцсетям именно ту картинку, что описана выше, и сообщает её настоящий размер — на страницах, товарах и статьях обеих версий сайта.
  • Прочитали метки на карточках всех 164 страниц русской версии — везде «Страница», ни одной английской метки.

Ссылки, мимо которых не пролистывают

Сделаем так, чтобы каждая ссылка на ваш сайт уходила в соцсети и мессенджеры с фирменной картинкой — без дизайнера и без ручной работы.

Другой кейс: блок «Вопросы и ответы» →

Вход в аккаунт

Быстрый вход

Новый пароль не нужен. Мы получим только имя и почту.

Нет аккаунта? Создать аккаунт

Начать

Бесплатная консультация · Ответ в течение 2 часов