При копировании гиперссылки в окно создания записи или сообщения ВКонтакте автоматически создаётся сниппет — блок с информацией, состоящей из заголовка, иллюстрации и описания страницы.
Заголовок составляется на основе тега <title> , описание берётся из <meta name="description"> .
А изображение подбирается автоматически — из изображений на странице сайта предлагаются несколько вариантов. Но часто — совсем не то, что нужно.
Поэтому можно и нужно указать изображение, которое будет предлагаться при создании сниппета. Делается это с помощью микроразметки Open Graph:
1 |
<meta property="og:image" content="Ссылка на иллюстрацию" /> |
Впрочем, бывает, что og:image прописан, а картинка всё равно не подставляется. Я встречал 3 причины подобной проблемы.
1) ВКонтакте кеширует эти сниппеты. Поэтому, после внесения изменений в HTML-код сайта результат может не поменяться. Для сброса кеша страницы необходимо воспользоваться инструментом pages.clearCache
2) Проверяем всё ли хорошо у нас с микроразметкой Open Graph. Для этого можно воспользоваться отладчиком Open Graph от FaceBook
3) Проверяем нет ли проблем вообще с микроразметками (не только Open Graph) с помощью валидатора микроразметки от Яндекса. У меня, например, не подгружались нужные изображения при вставке ссылки ВКонтакт из-за ошибок в микроразметке shema.org