Как настроить изображение, отображаемое при размещении URL сайта на сайтах социальных сетей - PullRequest
Новая
       11

Как настроить изображение, отображаемое при размещении URL сайта на сайтах социальных сетей

0 голосов
/ 20 мая 2018

Я видел, что когда мы помещаем URL-адрес веб-сайта, для этого URL появляется изображение.Примеры включают сайты социальных сетей, такие как Google+, Facebook, Instagram.Мне нужно знать, как добавить такое изображение на мой сайт.Есть ли определенный тег или сценарий, который нужно применить, чтобы показать это изображение?

Когда я делюсь ссылкой на свой сайт, я не получаю такой.Мне нужно знать, почему и как это сделать.

Ответы [ 2 ]

0 голосов
/ 15 ноября 2018

OG-теги используются этими социальными сайтами, как показано ниже:

Информация о сайте OG-теги Начало 

<meta property="og:site_name" content="$site_name" />
<meta property="og:url" content="$site_url" />
<meta property="og:type" content="website" />
<meta name="title" property="og:title" content="$the_title" />
<meta name="image" property="og:image" content="$site_logo"/>
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1024">
<meta property="og:image:height" content="1024">
<meta name="description" property="og:description" content="$site_description" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" description="@username" />
<meta name="twitter:title" content="$the_title" />
<meta name="twitter:description" content="$site_description" />
<meta name="twitter:image:src" content="$site_logo">
<meta name="twitter:domain" content="$site_url">

Информация о сайте OG-теги Окончание

0 голосов
/ 20 мая 2018

Добавьте следующие теги в раздел <head> HTML-кода страницы, которой вы хотите поделиться: 

<link rel="image_src" href="{image}" />
<meta name="twitter:image" property="og:image" content="{image}" />

И замените {image} URL-адресом изображения страницы.

Когда вы добавляете теги, сайты социальных сетей все еще могут делиться страницей без изображения.Это происходит потому, что сайты кэшируют данные страниц.Вам нужно подождать, пока кэш очистится, или почистить его вручную (некоторые сайты, например, Facebook, предоставляют такую ​​возможность; это тема для другого вопроса).

...