NickName:Nitin Ask DateTime:2019-10-04T20:13:52

Open graph description meta tag is not working in LinkedIn

As per this article, LinkedIn is supporting open graph meta tags for link preview. I have added all required meta tags in the head section of my HTML page.

ie.

<!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>

But when I share my link on LinkedIn, LinkedIn does not fetch a description in the link preview.

The same link is working fine on Facebook as Facebook also supports open graph meta tags.

Am I missing something?

Is there any type of validation for description?

Copyright Notice：Content Author:「Nitin」，Reproduced under the CC 4.0 BY-SA copyright license with a link to the original source and this disclaimer.
Link to original article：https://stackoverflow.com/questions/58236219/open-graph-description-meta-tag-is-not-working-in-linkedin

Answers

HoldOffHunger 2020-06-16T18:49:56

Only one of these tags will display...\n(list here is with higher-priority items at the top)\n\n<meta property='og:image' content='//media.example.com/ 1234567.jpg"/>\n<meta property='og:description' content='Description that will show in the preview"/>\n\nYou CANNOT display image AND description. You can display image, or description, but not both.\nSource: LinkedIn Support Ticket #200531-001886.\nThat is probably your problem.\nIf you're absolutely uncertain why the LinkedIn preview for sharing your page isn't populating correctly, try each of the following:\n\nLinkedIn Post Inspector: Inspect your URL and the inspector will tell you what it found, why it used what content, and how. Added bonus: This should invalidate LinkedIn's cache of your page (though the invalidation happens after the request, so, you'll need to re-request if you want the invalidation results).\nOpenGraph Checker: Validate your og: tags.\nManually Refresh LinkedIn's Cache: Don't check example.com, check example.com?someFakeArgument=Fake, which is a different URL and should trigger a cache miss.\n\nThere are many ways to set this data. I have seen the following picked up: standard HTML <head> tags, oEmbed data, API post config (requires appid), and the classic og: tags, as we are dealing with.\nYou may have any of the following tags....\n\n<meta property='og:title' content='Title of the article"/>\n<meta property='og:url' content='//www.example.com/URL of the article" />\n\nSource: Official Microsoft LinkedIn Documentation.",

nikant25 2019-10-05T05:56:33

In your meta elements for all the open graph you specified, you missed the namespace to ogp which is indicated with the use of the prefix element: prefix=\"og: http://ogp.me/ns#\". Check out the example from the Open Graph guide:\n\n\r\n\r\n<html prefix=\"og: http://ogp.me/ns#\">\r\n<head>\r\n<title>The Rock (1996)</title>\r\n<meta property=\"og:title\" content=\"The Rock\" />\r\n<meta property=\"og:type\" content=\"video.movie\" />\r\n<meta property=\"og:url\" content=\"http://www.imdb.com/title/tt0117500/\" />\r\n<meta property=\"og:image\" content=\"http://ia.media-imdb.com/images/rock.jpg\" />\r\n...\r\n</head>\r\n...\r\n</html>",

Nitish Kaila 2020-02-10T11:10:57

I had same problem for my site using property=\"og:description\". I think this issue from the linked in side. So I was updated from open graph description to meta name description and it's working fine for me. Please try with following.\n\nFrom:\n\n<meta property=\"og:description\" content='sample description'>\n\n\nTo:\n\n<meta name=\"description\" content='sample description'>\n",