Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

og:description not showing up in Facebook feed

I'm trying to implement a basic Facebook like functionality to a site. I've triple-checked & more the meta tags, but the og:description -text doesn't show up in the FB news feed. The title and the image work fine.

Here's the code:

<meta property="og:type" content="article" />
<meta property="og:title" content="SOG – VEITSIÄ VIIDAKOSTA ARKITÖIHIN" />
<meta property="og:url" content="http://www.finnprotec.fi/webshop/news/2" />
<meta property="og:description" content="Kunhan kirjoitan vaan jotain tekstia nyt." />
<meta property="og:site_name" content="Finnprotec.fi" />
<meta property="og:image" content="http://www.finnprotec.fi/webshop/kuvat/kuva517a8539a91f1.jpg" />
<meta property="fb:admins" content="6700009220" />
<meta property="fb:app_id" content="348235131938688" />

When I click on the link on the page, the description shows up nicely under the title:

When I click on the link on the page:

But when I click on the send button, this shows up on my FB feed:

But when I click on the send button, this shows up on my FB feed:

This is what I'm trying to get:

This is what I'm trying to get:

The url of the current page is: http://www.finnprotec.fi/webshop/news/2

I have tried to clear facebook's cache with the facebook linter, but that hasn't helped.

like image 586
Apeli Avatar asked Sep 11 '13 13:09

Apeli


People also ask

Why is OG not showing?

This could be one of the reasons of your post data, not getting shared properly on Facebook. If there are no Open graph meta tags on Page, then Facebook might pick random data from Page for Image. If you find the og:tags then it is not the case. Then it might be caching or Crawler getting blocked issue.

How do I add OG tags on Facebook?

Just go to Page Settings > Social Image > Upload. If you need to add other OG tags and customize the default settings, go to Page Settings > Advanced > Page Header Code Injection. Read the following section on adding the tags manually and copy-paste the code there.

What is OG description in meta tag?

The 'og:' in your website's HTML code stands for 'Open Graph'. It is an acronym of an Open Graph protocol which enables you to tell Facebook how your shared content should be displayed.

What is Facebook OG image?

og:image. The URL of the image that appears when someone shares the content to Facebook.


1 Answers

I just ran into this. I found that the description is actually there - you have to hover over the image to see it. It shows it in the format you want sometimes, depending on the size of the post where you're viewing it.

For example, after I've liked my post, I don't see the description in the post shown when I click on my name and view my wall (where the posts are smaller).

But I do see it when I just go to facebook.com and I view the larger version shown in my stream.

I realize this isn't really answering the question; I couldn't find a way to get it to show the description consistently.

like image 92
Ross117 Avatar answered Oct 06 '22 06:10

Ross117