Мета теги в доске объявлений

голоса: 0

Доброе время суток, друзья, помогите пожалуйста. На сайте подключил тариф премиум и пытаюсь разобраться с автопостингом (через модуль "постинг в соцсети") , но что то намудрил в коде. Фото поста в соцети ВК отабражается не коректно, нужно что бы фото отображалось так (фото № 1)

А оно отображается так (фото №2)



Помогите плиз исправить, вот код:

<html>
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta itemprop="image" content="$IMG_SMALL_URL1$"/>
<meta name="twitter:image:src" content="$IMG_SMALL_URL1$"/> 
<meta property="og:image" content="$IMG_SMALL_URL1$"/> 
<?$META_DESCRIPTION$?>
<?$META_KEYWORDS$?>
 
 <meta property="og:locale" content="ru_RU" />
<meta property="og:url" content="$HOME_PAGE_LINK$<?substr($ENTRY_URL$,1)?>" />
<meta property="og:type" content="article" />
<meta property="og:title" content="<?if($MODULE_ID$='blog' or $MODULE_ID$='news')?>$ENTRY_NAME$<?else?>$ENTRY_TITLE$<?endif?>" />
<meta property="og:description" content="$SOCIAL_DESCRIPTION$" />
<meta property="og:image" content="<?if($IMG_URL1$)?>$HOME_PAGE_LINK$<?substr($IMG_URL1$,1)?><?else?><?substr($SOCIAL_IMAGE_SRC$,0,strpos($SOCIAL_IMAGE_SRC$,"?"))?><?endif?>"/>
<meta property="og:image:type" content="image/jpeg" />
<?if($IMG_URL1$)?>
<meta property="og:image:width" content="220" />
<meta property="og:image:height" content="160" />
<?endif?>

 
<title>
$SITE_NAME$
<?if($MODULE_NAME$)?> | $MODULE_NAME$<?endif?>
<?if($SECTION_NAME$)?> | $SECTION_NAME$<?else?> 
<?if($PAGE_ID$="edit")?> | Редактирование материала<?endif?>
<?if($PAGE_ID$="add")?> | Добавление материала<?endif?><?endif?>
<?if($CAT_NAME$)?> | $CAT_NAME$<?else?>
<?if($PAGE_ID$="category")?> | $DATE_BAR$<?endif?><?endif?>
<?if($MODULE_ID$="news")?> | Новости <?endif?>
<?if($ENTRY_TITLE$)?> | $ENTRY_TITLE$<?else?>
<?if($ENTRY_NAME$)?> | $ENTRY_NAME$<?else?>
<?if($PHOTO_NAME$)?> | $PHOTO_NAME$<?endif?><?endif?><?endif?>
</title>


<!-- CSS --> 
<link type="text/css" rel="stylesheet" href="/_st/my.css" /> 
<link href="/css/kit.min.css" rel="stylesheet" type="text/css" media="all" />
 <link href="/css/ionicons.min.css" rel="stylesheet" type="text/css" media="all" />
 <link href="/css/font-awesome.css" rel="stylesheet" type="text/css" media="all" />
 <link href="/css/owl.carousel.min.css" rel="stylesheet" type="text/css" media="all" />
 <link href="/css/animations.css" rel="stylesheet" type="text/css" media="all" />
 <link type="text/css" rel="StyleSheet" href="/_st/my.css" />
 <link href="/css/theme.css" rel="stylesheet" type="text/css" media="all" />
 <link href="/css/responsive.css" rel="stylesheet" type="text/css" media="all" />
 <link href="https://fonts.googleapis.com/css?family=Droid+Sans:400,700%7CLora:400,400i%7CShadows+Into+Light:400" rel="stylesheet" />
 
</head>

Адрес сайта http://www.rogozya.ru
| Автор: | Категория: Соц. постинг
Изменение категории | | Автор: webanet

Ответов: 1

Голоса: +1
 
Лучший ответ

Замените код:

<meta property="og:image" content="<?if($IMG_URL1$)?>$HOME_PAGE_LINK$<?substr($IMG_URL1$,1)?><?else?><?substr($SOCIAL_IMAGE_SRC$,0,strpos($SOCIAL_IMAGE_SRC$,"?"))?><?endif?>"/>

на:

<meta property="og:image" content="<?if($IMG_URL1$)?>$HOME_PAGE_LINK$$IMG_URL1$<?else?><?substr($SOCIAL_IMAGE_SRC$,0,strpos($SOCIAL_IMAGE_SRC$,"?"))?><?endif?>"/>

и удалите выше дубль:

<meta property="og:image" content="$IMG_SMALL_URL1$"/>

он наоборот создает проблемы, плюс замените:

<?if($IMG_URL1$)?>
<meta property="og:image:width" content="220" />
<meta property="og:image:height" content="160" />
<?endif?>

на:

<?if($IMG_URL1$)?>
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="315" />
<?endif?>

| Автор:
Выбор ответа лучшим | | Автор: Александр Рогозин
...