Картинка сайта в facebook

[Nektov 59]

Здравствуйте
А кто разбирался как в facebook втюхать правильную картинку с сайта?

 

Дело в том, что facebook, при публикации любой новости с сайта вставляет одну и ту же картинку и эта картинка не фавико и не логотип сайта и не относится к новости.

Как facebook объяснить, что некоторые новости имеют свою картинку, а к тем новостям у которых нет картинок нужно применять логотип сайта?

Спасибо за помощь

[webair 178]

Дайте ссылку на пост в fb

В og:image целевой страницы у вас есть ссылка на изображение? Оно открывается?

В og:image вставляется первое изображение из новости, в противном случае вставляется логотип.

Изменено 4 июля 2016 пользователем webair

[Nektov 59]

<meta property="og:site_name" content="The prayer book - Молитвенник" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Иисусова молитва" />
<meta property="og:url" content="https://theprayerbook.info/429-iisusova-molitva.html" />
<meta property="og:image" content="https://theprayerbook.info/uploads/posts/2010-02/1265700402_17131621.jpg" />

 

А как правильно через og:image прописать фавико сайта и картинку логотипа, которая будет вставляться при отсутствии изображения в новости?

[celsoft 6 095]

38 минут назад, Nektov сказал:

Как facebook объяснить, что некоторые новости имеют свою картинку, а к тем новостям у которых нет картинок нужно применять логотип сайта?

facebook не берет маленьких картинок, насколько мне известно.

[Nektov 59]

4 минуты назад, celsoft сказал:

facebook не берет маленьких картинок, насколько мне известно

Не вопрос, можно впихнуть в сайта картинку 1200×630. Но как объяснить facebook что это то, что нужно брать при отсутствии иных картинок в новости или при их маленьком размере?

[webair 178]

Размеры изображения должны быть не менее 600x315 пикселей

При отсутствии изображений в новости берется изображение /templates/ваша_тема/images/logo.png

[celsoft 6 095]

Картинка должна быть описана в метатеге в шаблоне

<meta property="og:image" content="путь к нужной картинке" />

 

[webair 178]

А что за версия у вас?

Например, у меня на 11 выводится лого в og:image если нет изображения в новости, а у вас вообще не выводится

[celsoft 6 095]

3 минуты назад, webair сказал:

Например, у меня на 11 выводится лого в og:image если нет изображения в новости, а у вас вообще не выводится

Это делается в шаблонах, а не где то в скрипте. В стандартных шаблонах прописана эта строчка.

[webair 178]

6 минут назад, celsoft сказал:

Это делается в шаблонах, а не где то в скрипте. В стандартных шаблонах прописана эта строчка.

Да, точно ) Как то не обращал внимания. Думал это в php условие )) Так было бы логичней...?

[Nektov 59]

9 минут назад, celsoft сказал:

В стандартных шаблонах прописана эта строчка.

А пример можно?

Желательно всех строк с элементами og:

[germanydletest 457]

3 минуты назад, Nektov сказал:

Желательно всех строк с элементами og:

Проверить что возьмёт мордакнижная сеть у вас с сайта можно здесь, мета теги с которыми она работает 

<meta property="og:url"                content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" />
<meta property="og:type"               content="article" />
<meta property="og:title"              content="When Great Minds Don’t Think Alike" />
<meta property="og:description"        content="How much does culture influence creative thinking?" />
<meta property="og:image"              content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />

более подробно здесь

[webair 178]

В main.tpl после {headers} вставить

<meta property="og:image" content="{THEME}/images/logo.png">

 

[Nektov 59]

Всем спасибо!

[Nektov 59]

Следующий вопрос по og:image

Нарисовал, добавил и прописал картинку для Фейсбука

Фейсбук счастлив, а вот валидатор w3.org говорит, что код ошибочный и в XHTML 1.0 Transitional нельзя использовать <meta property="og:image"

Вот результат проверки

А вот цитата ошибки:

Цитата

there is no attribute "property"

<meta property="og:image" content="https://theprayerbook.info/img/ThePrayerBook…

✉

You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

Кто сталкивался с подобным? Как угодить и Фейсбуку и валидатору?

 

[germanydletest 457]

12 минуты назад, Nektov сказал:

Как угодить и Фейсбуку и валидатору?

перейти на html5

[Nektov 59]

26 минут назад, germanydletest сказал:

перейти на html5

Смешно ... но не очень

[germanydletest 457]

1 час назад, Nektov сказал:

Смешно ... но не очень

это не смешно, я вполне серьёзно, вот проверьте данный код

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="utf-8">
  <title>Название сайта</title>
  <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
  <!-- / first 8 bytes -->
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <!--[if lte IE 8]><meta http-equiv="refresh" content="0; url=http://site.com/ie/ie.html"><![endif]-->
  <link rel="stylesheet" type="text/css" href="css/gird.css">
  <!-- / important css -->
  <meta property="og:title" content="Название статьи">
  <meta property="og:site_name" content="Название сайта">
  <meta property="og:url" content="URL">
  <meta property="og:description" content="Описание">
  <meta property="og:image" content="http://site.com/img/image250X250.png">
  <meta property="og:type" content="article">
  <!-- / Open Graph Tags -->
</head>
<body>
<div class="wrapper">
  
</div>
<!-- / .wrapper -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- / css -->
<script type="text/javascript" src="/js/scripts.js"></script>
<!-- / JavaScripts -->
</body>
</html>

он пройдёт любую валидацию

Изменено 27 июля 2016 пользователем germanydletest

[Nektov 59]

1 час назад, germanydletest сказал:

это не смешно, я вполне серьёзно

Вы представляете объем работ по переделке шаблона с XHTML 1.0 Transitional в html5?

Не проще ли как-то в рамках XHTML 1.0 Transitional  вывести тег og:image?

 

Вопрос по прежнему актуален. Как в XHTML 1.0 Transitional вывести (прописать) og:image чтобы это не считалось ошибкой стандарта?

[germanydletest 457]

1 час назад, Nektov сказал:

Как в XHTML 1.0 Transitional вывести (прописать) og:image чтобы это не считалось ошибкой стандарта?

никак, "but the document type you are using does not support that attribute for this element." значит, что в данном типе документа (XHTML 1.0 Transitional) не поддерживается атрибут property для мета тегов, кроме как перехода на html5 альтернатив нет, вам нужно либо смерится с ошибкой либо переходить на html5

1 час назад, Nektov сказал:

Вы представляете объем работ по переделке шаблона с XHTML 1.0 Transitional в html5?

максимум час работы, а то и того меньше

Изменено 27 июля 2016 пользователем germanydletest

[mamedov23 0]

добрый день. У меня показывает 

 

Отсутствует требуемое свойство

The 'og:type' property is required, but not present.

 

Хотя на сайте есть этот тег. 

 

<meta property="fb:app_id" content="id number" /> 
  <meta property="og:type"   content="article" />
  <meta property="og:url"    content="" /> 
  <meta property="og:title"  content="domain.WS" /> 
  <meta property="og:image"  content="" /> 

[odys 384]

12 минуты назад, mamedov23 сказал:

Хотя на сайте есть этот тег.

ты какую страницу проверяешь? И на какой этот тег есть? Поди по умолчанию стоит в полных новостях, а проверяешь главную...

[mamedov23 0]

1 час назад, odys сказал:

ты какую страницу проверяешь? И на какой этот тег есть? Поди по умолчанию стоит в полных новостях, а проверяешь главную...

https://developers.facebook.com/tools/debug/sharing/?q=http%3A%2F%2Faz.baku.ws%2Fincident%2F16100-akif-covdarov-oz-cinaytlri-il-tan-olmaq-istmir.html

[odys 384]

3 часа назад, mamedov23 сказал:

https://developers.facebook.com/tools/debug/sharing/?q=http%3A%2F%2Faz.baku.ws%2Fincident%2F16100-akif-covdarov-oz-cinaytlri-il-tan-olmaq-istmir.html

а тебе не показалось странно, что у тебя 2 раза прописано?

<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
 <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
 
<meta property="fb:app_id" content="305843655908" /> 
  <meta property="og:type"   content="article" />
  <meta property="og:url"    content="" /> 
  <meta property="og:title"  content="AZ.BAKU.WS" /> 
  <meta property="og:image"  content="" /> 
     

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Akif Çovdarov öz cinayətləri ilə tanış olmaq istəmir</title>
<meta name="description" content="Keçmiş Milli Təhlükəsizlik Nazirliyinin (MTN) Energetika və Nəqliyyat Sahələrində Təhlükəsizlik Baş İdarəsinin həbsdə olan sabiq rəisi, general-mayor Akif Çovdarov barəsində olan cinayət işinin" />
<meta name="keywords" content="törədildikdə, Çovdarov, cinayət, Rüşvət, passiv, rüşvətxorluq, işinin, istifadə, Hazırda, tanış, materialları, cinayətkar, Təhlükəsizlik, tətbiq, zərərçəkmiş, qabaqcadan, əlbir, aclıq, tərəfindən, dəstə" />
<meta name="generator" content="DataLife Engine (http://dle-news.ru)" />
<meta property="og:site_name" content="AZ.BAKU.WS - Ən maraqlı və Aktual xəbərlər" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Akif Çovdarov öz cinayətləri ilə tanış olmaq istəmir" />
<meta property="og:url" content="http://az.baku.ws/incident/16100-akif-covdarov-oz-cinaytlri-il-tan-olmaq-istmir.html" />
<meta property="og:image" content="http://az.baku.ws/uploads/posts/2016-08/1472460683_akif_covdarov.muxalifet.az_36.jpg" />

ты в начале код приведи в порядок, а потом проверки устраивай...

[kolyma 2]

Что тему не плодить. Такая же фигня. Картинки в полной новости выводятся через доп. поле вида "Загружаемое изображение" (DLE11.0). При постинге в FB (копирование ссылки или через соц. кнопки) изображение некорректно вставляются, а именно - вставляется очень часто совершенно другое изображение, которое присутствует на этой странице, 

 сделал такое $xfieldsdata = xfieldsdataload( $row['xfields'] );
$social_tags['img'] = $xfieldsdata['imagenewsfull'];

в show.full

Посмотрел код

 

а там <meta property="og:img" content="2016-12/1482096815_oct_0164.jpg" />
т.е. неполный путь до картинке. Как сделать правильно?

Кастати когда просто картинки вставлял в доп поле "несколько строк" то все было ок.

 

P.S. проблема решена

Изменено 18 декабря 2016 пользователем kolyma