Отображение ссылки сайта Вконтакте Инстаграмме?

Question

[newhacke]

Проблема в том, что не подгружаются фотографии которые отображаются в ссылке ( соц сетях, если кидать в личном сообщении )

На хабре нашел пару ссылок, но дефольный код на этих сайтах так же не рабочий) Может что поменялось? Помогите пжл, а то подгружается вообще левая инфа с сайта если кидать ссылку в инстаграмме. Очень важный момент что бы работало в инстаграмме!!!

Но в ватсапе вроде мета теги работают, title description но фотка не прогружается ни в какую.

Если кто шарит, киньте готовый код, что бы тупо подставить картинку не из content="http....." а что бы content src img/logo.png короче локальную картинку. Потому что вообще не понимаю к чему это относиться)) Толи к сео толи к социальным сетям толи к разработке.
Вот дефольный код который не пашет)) Заранее благодарен!

<meta property="og:title" content="Как задать картинку для сайта при публикации в соцсетях или мессенджерах. ">
<meta property="og:site_name" content="Дизайн и разработка сайтов">
<meta property="og:url" content="http://gnatkovsky.com.ua/kak-zadat-kartinku-dlya-sajta-pri-publikacii-v-socsetyax-ili-messendzherax.html">
<meta property="og:description" content="Сегодня речь пойдет о том, как сделать, чтобы при публикации ссылки на сайт в соцсетях, там выводилась нужная картинка, текст и описание.">
<meta property="og:image" content="http://gnatkovsky.com.ua/wp-content/uploads/2017/08/01092017001.jpg">

Comments

[ProjectSoft]

Работает на всех соц. сетях.

<meta name="title" content="Заголовок" />
<meta name="keywords" content="ключевые слова" />
<meta name="description" content="Описание" />
<meta name="short_link" content="ссылка на данную страницу" />
<meta itemprop="image" content="url_изображения" />
<!-- Open Graph -->
<meta property="og:title" content="Заголовок" />
<meta property="og:description" content="Описание" />
<meta property="og:url" content="ссылка на данную страницу" />
<meta property="og:locale" content="ru_RU" />
<meta property="og:type" content="website" />
<meta property="og:image" content="url_изображения_640х320" />
<meta property="og:image:width" content="640" />
<meta property="og:image:height" content="320" />
<meta property="og:image" content="url_изображения_537х240" />
<meta property="og:image:width" content="537" />
<meta property="og:image:height" content="240" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image" content="url_изображения_400х400" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="400" />
<meta property="og:image:type" content="image/jpeg" />
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@Логин_В_Twitter" />
<meta name="twitter:site:id" content="summary_large_image" />
<meta name="twitter:creator" content="@Логин_В_Twitter" />
<meta name="twitter:title" content="Заголовок" />
<meta name="twitter:description" content="Описание" />
<meta property="twitter:image0" content="url_изображения" />
<meta property="twitter:image1" content="url_изображения_640х320" />
<meta property="twitter:image2" content="url_изображения_537х240" />
<meta property="twitter:image3" content="url_изображения_400х400" />

Если не работает, то нужно посмотреть htaccess. Возможно в нём есть какой-либо запрет.

PS:
Попробуйте проверить в Twitter Card Validator https://cards-dev.twitter.com/validator

[newhacke]

спасибо большое, а можно там делать локальный адресс
типа этого?
картинка просто не подгружается)

и ответь в новом сообщении, я отмечу как решение

[newhacke]

<meta property="twitter:image0" content="img/logo.svg" />