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

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


     09.09.2013    Все вопросы » Общие вопросы    21840

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

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

Ответил: 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>

7 комментариев

ПафНутиЙ
Админ

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

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

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

kab1
Юзер

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
Юзер

rus mod - 25 августа 2015 19:04 -

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

rus mod
Юзер

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
Юзер

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

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

Alex87.ru
Юзер

Alex87.ru - 25 октября 2017 09:47 -

<link rel="image_src" href="_http://mysite.com/mypic.jpg" />

andriy159
Юзер

andriy159 - 25 октября 2017 14:12 -

Вы можете ошибаться, а потом сделать правильный код, но при этом не увидеть результат. В таком случае рекомендую обязательно сделать свой тег {rnd} (можно даже временно), чтоб запись выглядела следующим образом
//mysite.com/mypic.jpg?rnd={rnd}
http: или https: можно не писать, тогда будет работать в любом варианте + анализирующим сервисам будет не к чему придраться.

$tpl->set ( '{rnd}', microtime(true) );

Не спрашивайте о нагрузке. Выйдет новая версия DLE через год и никого голова об нагрузке не болит, когда перед глазами сотни усовершенствований.

И также следуйте инструкциям соц.сетей. Возможно размер картинки не подходит или пропорция.

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

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

наверх