Эскиз сайта в ссылке Viber.

Сообщение **cemah** » 23 июл 2019, 12:43

Добрый день! Проблема такого рода. Раньше, когда я скидывал ссылку на сайт в Viber, то эскиз этой ссылки имел вид главного изображения из head. После того, как я поменял изображение на другое, то эскиз, почему-то, теперь состоит из картинки, которая отвечает за выбор языка (левый угол страницы). Страница построена на сетке. Там где язык - указан тег "div". В блоке с изображением указан тег "header". Что предпринять, чтобы всё-таки эскиз брал главную картинку? Спасибо.
Собственно сама страница https://liya-studio.com.ua

За главное изображение, которое передается вместе со ссылкой в соцсетях, месенджерах и т.д. отвечает метатег микроразметки opengraph
Попробуйте сделать так (пусть коллеги поправят, если ошибаюсь)
1) Page html > inside html tag вставляем это:
<html xmlns:og="http://ogp.me/ns#">
2) Между тегами head вставляем это:
<meta property="og:image" content="http://ваш_сайт/og-image.jpg">
og-image.jpg - ваша картинка, которая лежит в корне сайта

Сообщение **cemah** » 23 июл 2019, 13:53

MasterOfPuppets, Спасибо за наводку. Проделал данную процедуру, но теперь просто заголовок (без изображения). Предполагаю, что надо как-то правильней прописать путь к изображению. Перепробовал разные варианты, пока не получается.

Я неправильно написал про подключение opengraph. Он сейчас у вас вот так <html html xmlns:og="https://ogp.me/ns#"> Один хтмл лишний))
Вставьте в html вот это:
xmlns:og="http://ogp.me/ns#"

И попробуйте в хеад еще этот добавить
<meta content="http://ваш_сайт/og-image.jpg">

Сообщение **cemah** » 23 июл 2019, 20:24

Упорство и терпение победило! :ya_hoo_oo:

Оставляю инструкцию и для себя и для тех, кому тоже пригодится :-):

1) Заходим в исходники страницы и во вкладке "Inside <html> tag" вставляем вот это:

xmlns:og="https://ogp.me/ns#"

2) Потом переходим во вкладку "Между тегами <head></head>" и вставляем вот это:

<meta property="og:image" content="https://ВАШ САЙТ/og-image.jpg"/>

Всё это подразумевает, что Вы уже положили в корень сайта картинку og-image.jpg
Картинка у меня размером 800х354. Для полного фен-шуя прогнал её ещё через оптимизатор :hi_hi_hi:

Заметьте, что в коде у меня проставлен https, так как страница у меня на защищённом соединении. Я не знаю на сколько это важно, но на всякий случай прописал именно https.

Отдельная благодарность пользователю MasterOfPuppets, который ткнул носом в правильном направлении. Я так понял, что у меня не получалось лишь из-за того, что в <meta property......... не был закрыт тег. Так как я в коде не разбираюсь, то не сразу это заметил.
Более подробную информацию нашёл вот в этой статье https://webformyself.com/open-graph-ber ... yx-setyax/

Сообщение **anonimus** » 24 июл 2019, 01:39

Вы прикалываетесь? Ну ведь в свойствах страниц есть раздел метатеги и опенграф, где вы и укажите ссылку на файл нужного изображения
Типа мы не ищем лёгких путей?))

Сообщение **cemah** » 24 июл 2019, 03:11

Где ж ты раньше был, добрый человек??? ))))))))))))))) Спасибо!!! ))))))

Сообщение **Vitamin701** » 24 июл 2019, 14:25

anonimus,

тоже видел это в свойствах. Поэтому не совсем понял, что за советы тут дают