Question

выбираю новость на главной и с помощью соц.кнопок слева делаю постинг ..

так вот все идет с картинками ..

только фейсбук без картинок ...как исправить?

Answer 1

В шаблон страницы материала и комментария в секцию head

<meta property="og:image"content="Ссылка на картинку для материала"/>

Comments

и каждый раз чтоб сделать в фейсбук пост с сайта мне надо менять ссылку на картинку ? или есть способ туда ее атоматом вставлять?

---

не помогло это

---

проблема актуальна

---

Настройте автоматический постинг по инструкции - http://manual.ucoz.net/board/30-1-0-516 это более лучший вариант чем с помощью кнопочек.

---

это только для Вконтакте ..с этим то у меня все хорошо..

только фейсбук без картинок ..

остальное все с картинками ...

---

через соц бар юкоза все нормально..сечас подключил попробовал

вопрос в том что он сделан из под топора

и располагается ужастно...

а исправить я так понял этого нельзя ...вот люди и пользуются нормальными соц кнопками

---

Чтобы все было корректно и в фейсбук, попробуйте добавить в блок хеад на странице комментариев следующий код:

<!--Facebook meta!--> 
<meta property="og:type" content="article" />
<meta property="og:title" content="$ENTRY_TITLE$" />
<meta property="og:description" content="$SOCIAL_DESCRIPTION$" />
<meta property="og:url" content="$ENTRY_URL$" />
<?if($SOCIAL_IMAGE_SRC$)?><meta property="og:image" content="$SOCIAL_IMAGE_SRC$"/><?endif?> 
<meta property="og:site_name" content="$SITE_NAME$"/>
<meta property="og:see_also" content="$HOME_PAGE_LINK$"/> 
<!--Facebook end meta!--> 

это должно помочь, у меня все работает как следует.

---

вот теперь работает..супер...поставил вот так

новости страница материала и коментариев

<meta charset="utf-8">
 <?if($SOCIAL_IMAGE_SRC$)?>
<link rel="image_src" href="$SOCIAL_IMAGE_SRC$" />
<?endif?>
<title>$ENTRY_NAME$ | $SITE_NAME$</title>
    <!--Facebook meta!-->
<meta property="og:type" content="article" />
<meta property="og:title" content="$ENTRY_TITLE$" />
<meta property="og:description" content="$SOCIAL_DESCRIPTION$" />
<meta property="og:url" content="$ENTRY_URL$" />
<?if($SOCIAL_IMAGE_SRC$)?><meta property="og:image" content="$SOCIAL_IMAGE_SRC$"/><?endif?>
<meta property="og:site_name" content="$SITE_NAME$"/>
<meta property="og:see_also" content="$HOME_PAGE_LINK$"/>
<!--Facebook end meta!-->
<meta name="keywords" content=" $ENTRY_NAME$ $OTHER1$" />
 <META NAME="description" CONTENT="$ENTRY_NAME$ $OTHER2$" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link type="text/css" rel="StyleSheet" href="/_st/my.css" />
</head>

..........

а где ваш ресурс ..может там можно подсмотреть мета теги для нормального расположения

и у меня в гугл +

есть фото и ссылка а описания нету ..почему то

---

владимир владимир,

Для Google+ там же после кода фейсбук, попробуйте установить код:

<!--Google+ meta!-->      
<meta itemprop="name" content="$ENTRY_TITLE$"/>
<meta itemprop="description" content="$SOCIAL_DESCRIPTION$"/>
<?if($SOCIAL_IMAGE_SRC$)?><meta itemprop="image" content="$SOCIAL_IMAGE_SRC$"/><?endif?>      
<!--Google+ end meta!--> 

должно помочь, я не проверял, но должно работать. Дынные коды будут работать лишь в модулях блог и новости, как выше код так и этот. Хотя проверил, все работает как положено.

---

неа ...не работает для гугл..так же ..фото и ссылка на сайт  и на название новости..а из дискрипшена ничего не дает .хотя при просмотре кода страницы через гугл хром ..там видно что есть и дискрипшен и все остальное

и еще вопрос вот тут картинку в фейсбук нормально дает http://childhoodplanet.moy.su/news/tvorcheskie_zanjatija_art_fakultet/2015-09-29-66

а вот тут уже криво http://childhoodplanet.moy.su/news/anglijskij_jazyk_vozrast_3_12_let/2015-09-22-44

..почему и как помочь?

---

владимир владимир,

1. у меня скрипт для гугл+ нормально работает и все подтягивает, я не говорю об автоматическом постинге, а с помощью скрипта кнопочек поделиться.

2. Где криво, это не криво, у вас в стилях задано положение фото слева, а по второй ссылке для фото заранее задано положение справа:

<img alt="Арт-факультет" src="/teatr.png" style="float: right; width: 250px; height: 192px;">

float: right;

в стилях же прописано:

.eMessage img, .eText img {
float : left;
display : block;
max-width : 100%;
margin : 5px 20px 15px 0 !important ;
}

слева:

float : left;

вот так, вы устанавливаете заранее положение справа и фото отображается как задали, это не проблема.

3. Поделиться не корректно работает, возможно из-за того, что при нажатии на кнопку идет редирект на новую страницу, я же проверяю с помощью кнопок - http://api.yandex.ru/share/ и все корректно))

---

под словом криво

я имел ввиду ..что фото не то что в новости выдает ...

-я не говорю об автоматическом постинге, а с помощью скрипта кнопочек поделиться.

 

так я тоже про них и говорю

получается чтобы нормально было ..всмысле тоже фото что и в новости

надо чтоб все фото были справа?

---

владимир владимир,

в постинге поправить фото нельзя, нет такой возможности и если более правильно делать, то для скрипта гугл плюс, все фото должны быть размером - 250X250 если так делать, то это должны быть все демо картинки размером 250х250.

Это меняется в настрйоках модуля Новости и блог в пункте - Размеры уменьшенного изображения: где прописать 250 - 250 после коде выше попправить вместо:

<?if($SOCIAL_IMAGE_SRC$)?><meta itemprop="image" content="$SOCIAL_IMAGE_SRC$"/><?endif?>  

прописать код:

<?if($IMG_SMALL_URL1$)?><meta itemprop="image" content="$IMG_SMALL_URL1$"/><?endif?>     

только в данном случае, вы должны будете все фото в материале прикреплять с помощью доп поля Изображения ниже в материале:

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

стили выше:

.eMessage img, .eText img {
float : left;
display : block;
max-width : 100%;
margin : 5px 20px 15px 0 !important ;
}

замените на:

 

.eMessage img, .eText img {
float : right;
display : block;
max-width : 100%;
margin : 5px 20px 15px 0 !important ;
}