Вывод корректной новости в соц.сети (фото блок)

Версия MODX: Revolution

Добрый день, Друзья!

Помогите разобраться.

Когда я вставляю ссылку в ВК, на страничку или в группу — например «news.mail.ru/incident/23670917/ » то показывает большое фото именно этой темы откуда мы взяли ссылку, но когда я вставляю ссылку от своего сайта «http://*******.рф/дороги/призовая-lada-kalina» у меня вообще не отображается фото.

Случайное фото, отображается когда я ставлю пробел между доменом.рф и урлом, но и в этом случаи вообще маленькое фото, хотя размеры фотографии на сайте очень большие 630*340.

Помогите.Сам я, не программист.
Что надо сделать, для корректного отображения фото каждого урла?

Вот живой пример

PA
18.10.15 в 22:10

Комментарии (10)

Сергей 18.10.2015 21:33 #

Не дело программиста разбираться в таких вещах. На сколько я понял Вы не понимаете почему и что выводится при вставки ссылки на ваш ресурс в социальных сетях. Если неправильно понял то можно дальше не читать.
Картинки, описание и заголовок того, что должны подтягивать сторонние ресурсы(если хотят) содержатся в метатегах property. Лучше почитать, например, здесь: ruseller.com/lessons.php?id=1959&rub=29
Или найти иной источник, благо их сотни.
Комментарий был изменён 18.10.2015 в 21:34
PA 18.10.2015 23:07 #

Да.Спасибо!

Есть умельцы кто ставит эти Теги?
Сергей 19.10.2015 10:58 #

Я взялся «щупать» модэкс совсем недавно, но ведь это можно сделать TVшками. Это, скорее всего, будет самым не оптимальным решением, но зато очень простым.
PA 19.10.2015 11:56 #

я установил, но почему-то фото не отображается в большом размере как я хочу.

Может дело в том, что для соц сетей русскоязычный домен не канает?

к примеру вот в таком виде не отображает ничего в ВК http//алоха.рф/экономика/недвижимость-умирает-2564, но если я поставлю пробел после.рф то отображается, но с маленьким фото

У меня так:

meta property=«og:title» content=«Привет Алоха»/>
meta property=«og:site_name» content=«алоха.рф»/>
meta property=«og:url» content=«xn--h1h7a.xn--p1ai/»/>
meta property=«og:description» content=""/>
meta property=«og:image» content=""/> путь к фото почему-то автоматом ставиться цифра «1»

Что я не так делаю? кто-нибудь делал на русскоязычном домене такое? или надо делать транслит с рус на англ урлы
Комментарий был изменён 19.10.2015 в 11:59

Павел Романов 19.10.2015 12:08 #

В шаблоне новости:

<meta property="og:title" content="[[*pagetitle]]"/>
<meta property="og:site_name" content="[[++site_name]]"/>
<meta property="og:url" content="[[++site_url]][[*uri]]"/>
<meta property="og:description" content="[[*content:notags:limit=`200`]]"/>
<meta property="og:image" content="[[++site_url]][[*image]]"/>
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="[[*pagetitle]]" />
<meta name="twitter:image:src" content="[[++site_url]][[*image]]" />
<meta name="twitter:description" content="[[*content:notags:limit=`200`]]" />
<link rel="image_src" href="[[++site_url]][[*image]]" />

Естественно, если TV картинки называется «image».
Если у новости используется introtext, то лучше в качестве дескрипшна вместо

[[*content:notags:limit=`200`]]

использовать:

[[*inrtotext]]

Комментарий был изменён 19.10.2015 в 12:12

Сергей 19.10.2015 14:42 #

Вот, если верхний пост не помог, дайте ссылку на рейальный «алоха.рф», посмотреть страницы. Вообще «русских» доменов как таковых не существует, не думаю что проблема в этом.

PA 20.10.2015 06:50 #

Вот так получилось, все работает нормально, картинку подхватывает, но в ВК показывает фото очень маленькое!
Как вывести большое фото в ВК пока не понял. В Фейсбуке показывает нормально так как надо.

Тут домен в коде указал случайный. (не мой)

<meta property="og:title" content="[[*longtitle:default=`[[*pagetitle]]`]]"/>
<meta property="og:site_name" content="[[++site_name]]"/>
<meta property="og:url" content="http://novos.ru[[~[[*id]]? &scheme=`abs`]]"/>
<meta property="og:description" content="[[*description:is=``:then=`[[*content:limit=`100`]]`:else=`[[*description]]`]]"/>
<meta property="og:image" content="http://novos.ru[[getImageList? &docid=`[[*id]]` &tpl=`og_image` &tvname=`fileUpload`]]"/>
<link rel="image_src" href="http://novos.ru[[getImageList? &docid=`[[*id]]` &tpl=`og_image` &tvname=`fileUpload`]]"/>
<meta name="relap-image"  content="http://novos.ru[[getImageList? &tpl=`og_image` &docid=`[[*id]]` &tvname=`fileUpload`]]">
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />

Вот второй вариант: Тоже нормально работает, но та же ситуация как и с первым кодом, фото маленькое.

<meta itemprop="image" content="http://novos.ru/[[getImageList? &tpl=`og_image` &docid=`[[*id]]` &tvname=`fileUpload`]]"/>
<link rel="image_src" href="http://novos.ru/[[getImageList? &tpl=`og_image` &docid=`[[*id]]` &tvname=`fileUpload`]]" />
<meta property="og:title" content="[[*pagetitle]]">
<meta property="og:url" content="http://novos.ru/[[~[[*id]]]]">
<meta property="og:image" content="http://novos.ru/[[getImageList? &tpl=`og_image` &docid=`[[*id]]` &tvname=`fileUpload`]]" />
<meta property="og:image:width" content="300" />
<meta property="og:image:height" content="220" />
<link rel="image_src" href="http://novos.ru/[[getImageList? &tpl=`og_image` &docid=`[[*id]]` &tvname=`fileUpload`]]">
<meta name="relap-image" content="http://novos.ru/[[getImageList? &tpl=`og_image` &docid=`[[*id]]` &tvname=`fileUpload`]]">
<meta name="relap-region" content="federal">
<meta property="og:site_name" content="Новос">

Кто может помочь, постучите в Скайп grigro001 пожалуйста.

Комментарий был изменён 20.10.2015 в 06:52

Сергей 20.10.2015 12:44 #

Что-то мне подсказывает, что сам вк изменяет картинку для вывода ее небольшим размером и заставить вк вывести ее такой же большой, как например, выводит детище мейла просто не получится.
Артур 20.10.2015 14:08 #

Знаешь, что я имею тебе сказать, по коду тут выше всё есть и вчера тебе скидывал, сделай картинку (именно саму картинку) не меньше 600 пикселей по ширине и будет тебе счастье
Комментарий был изменён 20.10.2015 в 14:09

Удален 21.10.2015 20:21 #

ВК/фейсбук очень трепетно относятся к именам изображений на кириллице.
Выводила вот так:

<meta property="og:image" content="***.ru/assets/images/public/%D0%B5%D0%B4%D0%B0%20%D1%80%D0%B5%D1%81%D1%82%D0%BE%D1%80%D0%B0%D0%BD%20%D1%81%D1%82%D0%BE%D0%BB%20%D0%B3%D0%BE%D1%81%D1%82%D0%B8%20%D0%B1%D0%B0%D0%BD%D0%BA%D0%B5%D1%82%20%D0%BF%D0%B5%D1%80%D0%B5%D0%B3%D0%BE%D0%B2%D0%BE%D1%80%D1%8B%20%D0%B1%D0%B8%D0%B7%D0%BD%D0%B5%D1%81.jpg"/>

Предварительно сделав urlencode

Для добавления комментариев вы должны авторизоваться или зарегистрироваться.