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

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

вопрос

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

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

Ответил: 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 комментариев

Админ

3457

ПафНутиЙ - 2013-09-099 сентября 2013 20:26 - #16450

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

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

Юзер

kab1 - 2013-09-0912 сентября 2013 01:14 - #16532

Есть еще такой вариант:

<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">

Юзер

rus mod - 2013-09-0925 августа 2015 19:04 - #47870

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

Юзер

rus mod - 2013-09-0925 августа 2015 19:35 - #47871

Рабочий вариант для 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 - 2013-09-0917 сентября 2016 10:07 - #58776

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

Юзер

Alex87.ru - 2013-09-0925 октября 2017 09:47 - #65899

Юзер

andriy159 - 2013-09-0925 октября 2017 14:12 - #65902

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

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

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

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

non-stop | Как решить проблему индексации DLE в пои ... ¹

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
toxicpioner | Как упорядочить ID новостей ¹⁹

toxicpioner
Как упорядочить ID новостей
9-12-2024, 22:24

***Комментарий удален***
DnCnv | Как показать только одну категорию, к ко ... ¹

DnCnv
Как показать только одну категорию, к которой принадлежит новость?
9-12-2024, 01:46

***Комментарий удален***
web102 | Почему не отображается картинка в галере ... ³

web102
Почему не отображается картинка в галерее?
4-12-2024, 11:49

дайте адрес сайта. можно в личку
Shandi | Почему не отображается картинка в галере ... ³

Shandi
Почему не отображается картинка в галерее?
3-12-2024, 08:53

Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?