Question

Здравствуйте. Интересует такой вопрос: Как задать главной странице сайта (например каталог файлов) или другим страницам что-то типа постера? Чтобы при публикации в Фейсбук, например, страницы http://filmtime.do.am/load выдавало определенно фото? Со страницой материала ясно, там прописал на странице <meta property="og:image" content="$IMG_URL1$" />. А как такое проделать с главной страницой или любыми другими? Зарание Спасибо

Answer 1

Для модуля редактор страниц / страницы сайта, в шаблон Страницы сайта в блок хеад можно прописать такой код:

<!--OG meta!-->
<meta property="og:locale" content="ru_RU" /> 
<meta property="og:url" content="$HOME_PAGE_LINK$<?substr($REQUEST_URI$,1)?>" /> 
<meta property="og:type" content="article" />
<meta property="og:title" content="$MODULE_NAME$" />
<meta property="og:description" content="$SEO_DESCRIPTION$" />
<?if($IMG_URL1$)?>
<meta property="og:image" content="$HOME_PAGE_LINK$<?substr($IMG_URL1$,1)?>" />
<meta property="og:image:type" content="image/jpeg" />     
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="315" />
<?endif?>
<!--OG end meta!--> 

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

Comments

Спасибо. А если так, то норм, или лучше как Вы написали?  <meta property="og:image" content="https://filmtime.do.am/images/sitephoto.png" />

---

TosTep,

Соц-сетям нужно указать все данные корректно, чтобы все подгрузилось как положено. Лучше как привели в примере выше.

---

Yuri_Geruk,

Спасибо. Я там немного поспешил с предыдущей темой по футеру, а Вы уже тему закрыли.. Что-то не встал футер на место после добавления "clear: both;". Если зайти например сюда: https://filmtime.do.am/load/year/2018/44 то видно, что футер не внизу, а сместился вверх :-(

---

TosTep,

поправить в стилях строку 85:

.footer {background: #090a11;border-radius:4px;font-size: 13px;font-family: Tahoma;font-weight: bold;color:#808080!important;padding: 20px 0px 30px 0px;margin: -8px 50px 4px 40px;clear: both;}

добавить аналогично выделенное.