При копировании гиперссылки в окно создания записи или сообщения ВКонтакте автоматически создаётся сниппет — блок с информацией, состоящей из заголовка, иллюстрации и описания страницы.
А изображение подбирается автоматически — из изображений на странице сайта предлагаются несколько вариантов. Но часто — совсем не то, что нужно.
Поэтому можно и нужно указать изображение, которое будет предлагаться при создании сниппета. Делается это с помощью микроразметки Open Graph:
Впрочем, бывает, что og:image прописан, а картинка всё равно не подставляется. Я встречал 3 причины подобной проблемы.
1) ВКонтакте кеширует эти сниппеты. Поэтому, после внесения изменений в HTML-код сайта результат может не поменяться. Для сброса кеша страницы необходимо воспользоваться инструментом pages.clearCache
2) Проверяем всё ли хорошо у нас с микроразметкой Open Graph. Для этого можно воспользоваться отладчиком Open Graph от FaceBook
3) Проверяем нет ли проблем вообще с микроразметками (не только Open Graph) с помощью валидатора микроразметки от Яндекса. У меня, например, не подгружались нужные изображения при вставке ссылки ВКонтакт из-за ошибок в микроразметке shema.org
Что такое музыкальный сниппет? (2020)
Рекомендую
Рекомендую всем хостинг Timeweb. Всё работает замечательно. Замечательно подходит для больших проектов, особенно на Битриксе. Были проблемы с VDS на FreeBSD, но давно
Также рекомендую хостинг 1gb.ru. Работает хорошо. Особенно радует техподдержка. Как-то раз они даже в мой PHP-код залезли и помогли решить проблему. Можно подобрать достаточно дешёвый тариф.
Не нравится, что 1gb достаточно жёстко реагируют на превышение нагрузки, но можно создать тариф с достаточно большой допустимой нагрузкой.
Разработка сайтов
Я окончил математико-механический факультет. Более 10 лет занимаюсь веб-программированием. На данный момент, в основном, пользуюсь CMS WordPress и 1С-Битрикс. По поводу создания или доработок сайтов на этих и других CMS пишите мне:
Метки
Рубрики
- (3)
- Для сайтов (33)
- CSS (2)
- HTML (2)
- Javascript (3)
- jQuery (1)
- Gimp (3)
- OpenOffice и LibreOffice (4)
- TeX (1)
- Total commander (1)
- XnConvert (1)
- Браузеры (3)
- почта (2)
- Thunderbird (2)
- Windows (8)
- Винчестеры (1)
- Принтеры и МФУ (1)
- Программы (1)
- Apache (2)
- Bitbucket (1)
- Codeception (2)
- HG (1)
- IDE Eclipse (6)
- WinSCP (1)
- XAMPP (1)
- Виртуальная машина (2)
Источник: sajgak.ru
Что такое сниппет в Вк и как его сделать
Чем меньше кликов мы совершаем при каком-либо действии, тем быстрее и эффективнее справляемся с поставленной задачей. Разработчики социальной сети во всех разделах стараются сделать интерфейс удобнее и понятнее для конечного пользователя. Сегодня поговорим про раздел Ближайшие мероприятия — это тип сообщества, где пользователь назначает встречу на определенное время и собирает людей. В данном сообществе происходит общение между участниками: обычно договариваются о сборе средств, анонсируют изменения в событии и впоследствии выкладывают фотографии после окончания мероприятия.
Как делать сниппет к своему посту в ВКонтакте?
Что такое сниппет Вконтакте
Сниппет — это небольшой блок с основной информацией о событии, который встроен в запись пользователя — обычный пост на стене. Сниппет появится только в том случае, если нажать на Рассказать друзьям внутри сообщества мероприятия. Из обычной группы и сообщества подобного сниппета не будет, будет только название и краткое описание. Как его добавить к себе на стену: заходим во встречу и жмем на Рассказать друзьям.
После этого будет предложено выбрать каким образом сообщить о событии: через личное сообщение (в зависимости от настроек приватности мероприятия), на стене другого сообщества, которое принадлежит вам или на своей стене. Также можно добавить свой комментарий для друзей. Сниппет органично впишется в пост и будет выглядеть следующим образом:
Удобство данного блока заключается в том, что не нужно как раньше переходить внутрь встречи, а просто нажать на кнопку Пойти, которая будет показана для тех, кто еще не участвует в анонсированном событии. Удобно, стильно и регистрация в один клик.
Не путайте с обыкновенными сообществами — по нажатию на Рассказать друзьям, пост на стене будет выглядит следующим образом:
Это не совсем тот сниппет, о котором рассказано выше и вступить в группу быстро не получится.
Источник: searchlikes.ru
Как передавать с сайта разные картинки в сниппет Вконтакте и в блок ссылок?
При публикации поста Вконтакте со ссылкой, автоматически добавляется сниппет с горизонтальной картинкой, причём ширина картинки почти в 2 раза больше высоты.
Чтобы задать такую картинку со своего сайта, нужно добавить в код:
При этом, если эту же ссылку вставлять в блок ссылок сообщества, то выглядит мягко говоря не очень:
Картинки обрезаются до круга, но по большей стороне, и в итоге получается непонятно что, да и логотип не читается.
Это навело на мысль, что для ВК придётся использовать только квадратную картинку, которая красиво будет смотреться в блоке ссылок, и если постараться с расположением логотипа, то не очень изуродуется при обрезке в сниппете. Для этого у ВК даже есть свой тэг:
Но тут обратил внимание, что некоторые сайты, например, dzen.ru всё же передают в ВК разные картинки. Для примера можно взять страничку канала Пикабу. Вот так выглядит сниппет:
А вот так эта же ссылка добавляется в блок ссылок:
Как этого добиться? Я предположил, что можно сделать 2 картинки следующим образом:
Но в итоге всё равно везде добавляется прямоугольная картинка (да, в таком случае можно листать обе картинки в ВК, но хотелось бы чтобы по умолчанию сразу выбиралась нужная картинка). А если поменять тэги местами, то везде квадрат. Попробовал и вариант добавления квадратной картинки через property=»vk:image».
Но тогда ВК видит только её, игнорируя первую.
Есть ли какое-то решение? Точнее, оно, очевидно, есть. И наблюдал это не только у Дзена, просто первое, что вспомнилось.
- Вопрос задан 05 февр.
- 74 просмотра
Источник: qna.habr.com