Что ссылка обещает до открытия страницы

Материал продолжает тему социальных сниппетов 2013 года. Примеры поведения современных сервисов, в том числе Слака, добавлены при подготовке текста в октябре 2026 года.

Метатеги позволяют предложить площадке содержимое карточки. Например, в Open Graph за заголовок, описание и изображение отвечают og:title, og:description и og:image. Какие из них попадут в карточку и как будут выглядеть, решает площадка. Заполнить эти поля технически несложно. Труднее выбрать, что сказать в них о статье, чтобы читатель верно представил её содержание.

Возьмём мою статью «Улучшаем опыт взаимодействия с формами». По названию понятна тема, но пока неясно, что именно внутри: рисование кнопок, оформление ошибок или работа с отправленными данными. Описание может это уточнить.

Например, такой вариант:

Как сохранять введённый текст, проверять поля и показывать фотографии до отправки.

Это новый вариант для примера, не цитата из старой карточки. Он называет ситуации, разобранные в статье. Читатель, который ищет оформление кнопок, может пройти мимо, зато тот, кто работает над отправкой формы, узнает свою задачу. Для меня это полезный результат: описание помогает выбрать, на что потратить время.

А можно написать иначе:

Всё, что нужно знать о хороших формах.

Такое описание короче и звучит увереннее. Но в статье нет всего, что можно знать о формах: например, она не разбирает авторизацию или все способы доступного ввода. Читатель может прийти за ответом, которого в тексте нет. Правильный набор метатегов этого не исправит.

Заголовок и описание не обязаны повторяться

Если название уже говорит о формах, не обязательно начинать описание словами «Статья о формах». Лучше использовать это место для уточнения. Заголовок обозначает предмет, описание помогает понять, что я с этим предметом сделал: разобрал проблему, показал решение или собрал несколько примеров.

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

Анонс статьи тоже не всегда подходит для превью. В начале можно обратиться к прошлой публикации или объяснить, откуда взялась задача. На самой странице такой ход работает, потому что дальше есть продолжение. В карточке он способен занять всё доступное место, так и не добравшись до предмета. Поэтому я бы писал описание после статьи, когда уже понятно, что в ней получилось, и читал его отдельно от вступления.

С изображением та же история. Если мы разбираем интерфейс, осмысленный фрагмент этого интерфейса помогает представить материал. Случайная фотография, выбранная потому, что она ярче, добавляет ещё одно обещание. Например, фотография с конференции рядом с техническим разбором может сделать его похожим на отчёт о выступлении.

При этом подробная схема не обязательно переживёт уменьшение до карточки. Подписи исчезнут, останутся цветные прямоугольники. Тут полезно посмотреть на превью в том размере, в каком его увидит читатель. Возможно, лучше выбрать один узнаваемый фрагмент или вообще обойтись без отдельной иллюстрации, если площадка это позволяет.

В конструкторе социальных сниппетов я собирал необходимые поля в готовую разметку. Содержание карточки при этом оставалось на авторе. Полезно прочитать её отдельно, затем открыть статью и посмотреть, получит ли читатель ожидаемый ответ. Лучше сделать это до публикации ссылки, пока исправляется одна версия, а не несколько уже разошедшихся карточек.

После исправления статьи

Метаданные на нашем сайте и уже показанная карточка в социальной сети живут отдельно. Площадка может сохранить полученное описание в кеше. Например, Slack кеширует ответы при загрузке превью. После исправления заголовка старая версия ещё может встречаться снаружи, а на изображение в чужом скриншоте мы уже никак не повлияем.

Поэтому для карточки я бы выбирал конкретную задачу вместо «самой новой версии» или «единственного способа». Если решение привязано к определённой версии программы, её лучше назвать уже в описании, а ограничения объяснить в статье. Тогда и через несколько лет читатель сможет понять, к каким условиям относится разбор.