Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы ВКонтакте превью сайта, или как правильно добавить OG: разметку.

ВКонтакте превью сайта, или как правильно добавить OG: разметку.


     09.09.2013    Общие вопросы    10309

вопрос
Когда Вконтакте на стене, в группе, в сообщениях вставляешь ссылку на сайт, форма подгружает превью-картинку сайта, например
ВКонтакте превью сайта.

По какой схеме контакт берет картинку? У меня он выдает Случайную картинку по середине сайта...

Ответил: Exile


http://ogp.me/ - The Open Graph protocol
<html prefix="og: http://ogp.me/ns#">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />
...
</head>
...
</html>

Комментарии пользователей (5)

ПафНутиЙ
1064

3393 | 2433

ПафНутиЙ - 9 сентября 2013 20:26 - Админ

Спасибо за информацию, как раз добавлял сегодня og: разметку на новый сайт, а про prefix="og: http://ogp.me/ns#" забыл)

Каков вопрос - таков и ответ. Просто помните об этом.

kab1
11 | 1

kab1 - 12 сентября 2013 01:14 - Юзер

Есть еще такой вариант:
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">

rus mod
7

rus mod - 25 августа 2015 19:04 - Юзер

Ни один вариант не работает

rus mod
7

rus mod - 25 августа 2015 19:35 - Юзер

Рабочий вариант для DLE
1. <html prefix="og: http://ogp.me/ns#" xmlns:fb="http://ogp.me/ns/fb#">
2. После <head>
<meta property="og:type" content="website">
<meta property="og:image" content="полный путь к картинке" />
3. Если ВК уже загрузила вашу неправильную картинку, то для начала нужно почистить кэш на самом ВК
Сделать это можно тут http://vk.com/dev/pages.clearCache внизу ввести адрес своего сайта.

Будет работать

mibdeveloper
1

mibdeveloper - 17 сентября 2016 10:07 - Юзер

Все перепробывал. Но в контакте нет картинки. На превью есть, а в самом сообщении нет. Кто знает, в чем проблема?

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы