Не работает метатег описания открытого графика в LinkedIn - PullRequest
Новая
       59

Не работает метатег описания открытого графика в LinkedIn

2 голосов
/ 04 октября 2019

Согласно этой статье LinkedIn поддерживает метатеги открытого графика для предварительного просмотра ссылок. Я добавил все требуемые метатеги в разделе head моей HTML-страницы.

т.е.. 

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <!-- Primary Meta Tags -->
        <title>This is sample title</title>

        <!-- Open Graph / Facebook / LinkedIn -->
        <meta property="og:type" content="website">
        <meta property="og:title" content="This is sample title">
        <meta property="og:description" content='sample description'>
        <meta property="og:image" content="image path">

    </head>
    <body></body>
</html>

Но когда я делюсь своей ссылкой на LinkedIn, LinkedIn не получает описание в ссылкепредварительный просмотр.

На Facebook работает та же ссылка, что и на Facebook, также поддерживает метатеги открытого графика.

Я что-то упустил?

Существует ли какой-либо тип проверки для описания?

1 Ответ

0 голосов
/ 05 октября 2019

В ваших метаэлементах для всего указанного вами открытого графа вы пропустили пространство имен до ogp , что указывается с использованием префиксного элемента: prefix="og: http://ogp.me/ns#". Посмотрите пример из руководства Open Graph : 

<html prefix="og: http://ogp.me/ns#">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />
...
</head>
...
</html>

Таким образом, ваши метаэлементы не имеют ссылки на библиотеку для определения их значений. Следующий синтаксис может помочь для вашей разметки: 

<!DOCTYPE html prefix="og: http://ogp.me/ns#">
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <!-- Primary Meta Tags -->
        <title>This is sample title</title>

        <!-- Open Graph / Facebook / LinkedIn -->
        <meta property="og:type" content="website">
        <meta property="og:title" content="This is sample title">
        <meta property="og:description" content='sample description'>
        <meta property="og:image" content="image path">

    </head>
    <body></body>
</html>
...