I have been having an ongoing issue with a site I work on. The site in question is:
http://guysboroughjournal.com/
The issue is that the main article image (and sometimes description) does not get automatically picked up by Facebook when sharing the website. I have the following meta OG tags in the site:
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="The Guysborough Journal" />
<meta property="og:image" content="http://www.guysboroughjournal.com/_uploads/image/142957_2017-08-09.jpg" />
<meta property="og:description" content="<p><strong>AHOY:</strong> The Mist of Avalon made a big impression on sailors and landlubbers alike when it tied up at the Guysborough Marina on Wednesday, August 2. The two-masted schooner is part of the Tall Ships RDV 2017 event continuing throughout the Maritimes this summer.</p>
" />
<meta property="og:url" content="http://www.guysboroughjournal.com/" />
But for whatever reason when anyone puts the site URL in to try to share on Facebook, the image from last weeks edition appears. Sometimes the descriptive text from last weeks featured article also appears. You can see that both the image and description tags are pointing to the correct image and showing the correct text.
I should not have to run the site through the Facebook debug tool manually everytime they update that main story.
What am I doing wrong???
Thanks.
Related
I'm running a Joomla 3.4 CMS for my website and I recently enabled gzip and caching in order to speed it up, but now when I post a link to any page on my site from Facebook, it doesn't grab any of the information I'd like to see there (photo, page title, text/description/meta). After doing a bit of research I learned that gzip is known for causing problems with Facebook's bot, so disabled gzip and retested, but it didn't seem to make a difference. I found a plugin (https://github.com/dgt41/facebookfix) and installed it, but that hasn't helped either. I'm at a loss at this point. I'm wondering if maybe something else is going on, but I can't see it. My website is here.
These are all OpenGraph Social Meta Tag settings you have to do. Try these inside the <head> section of every page. You can use other extension also to do this automatically for you.
<meta property="og:site_name" content="My Website Name"/>
<meta property="og:title" content="Your Title Here"/>
<meta property="og:description" content="Your Description Here" />
<meta property="og:image" content="http://www.example.com/images/image.png" />
<meta property="og:locale" content="en_US"/>
<meta property="og:type" content="article"/>
<meta property="og:url" content="http://www.example.com/blog/article-name"/>
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:
But when I click on the send button, this shows up on my FB feed:
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.
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.
add this two lines to your code after og:image
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />
it must work
A few hours ago every og tag was working properly, showing correct og:images and so (even though the images were small). I didn't change nothing in the tags or images size, but now when I share an url on facebook it doesn't show the og:image
<meta property="og:type" content="article" />
<meta property="og:title" content="my title" />
<meta property="og:description" content="my description" />
<meta property="og:image" content="my image url"/>
<meta property="og:site_name" content="My web name" />
Its important that yesterday everything was ok even though the image sizes and now without change nothing it doesn't work.
-Edited: On Google+ everything is ok with the og:image.
I had this problem when using mod_pagespeed with apache, facebook linter said image was too small but it wasn't, afyer disabling mod_pagespeed it now shows perfect on the debugger with no errors but it still doesn't show on facebook, but I guess there's nothing I can do if it works perfectly on the debugger, maybe wait.
If you have recently installed mod_pagespeed on your server it might help disabling it.
I have tried some of the older responses already posted on the site, but am still struggling to get the code to work.
I have developed a site using iweb, its basic - I am no coder, www.ondulinetileeffectroofingsheets.com , i have easily managed to insert a working video from youtube, and thought that simply copying and inserting the HTML snippet for the facebook like button would also work but the image fails to work, so when I copy and paste the from the facebook developers site, the Facebook image doesn't not appear. - any ideas - thanks in advance x ?
You are going to want to take a look at this link :
https://developers.facebook.com/docs/opengraph/
In there there are details of how to implement og:tags on your page. These tags help the Facebook to decide what image, text and links will be taken from your page to be displayed in the "like" dialog.
The tags look something like this :
<meta property="fb:app_id" content="YOUR_APP_ID" />
<meta property="og:type" content="YOUR_NAMESPACE:recipe" />
<meta property="og:title" content="Stuffed Cookies" />
<meta property="og:image" content="http://example.com/zhen/cookie.jpg" />
<meta property="og:description" content="The Turducken of Cookies" />
<meta property="og:url" content="http://example.com/zhen/cookie.html">
I'm following the advise of FB's tutorial here and I even used their open graph generator:
http://developers.facebook.com/docs/reference/plugins/like/
but my like message does not use this data. It uses outdated info from the site that I've changed awhile ago.
I've just added my open graph tags and they look like this:
<meta property="og:title" content="Test Title" />
<meta property="og:type" content="activity" />
<meta property="og:url" content="http://foo.com" />
<meta property="og:image" content="http://foo.com/images/image.jpg" />
<meta property="og:site_name" content="Foo" />
<meta property="og:description" content="Hey, check out this thing" />
<meta property="fb:admins" content="Foo" />
And yet when I enter my site into Linter, it says I'm missing all the required meta tags (title, type url, etc).
It says it takes 24 hours to scrape so maybe I just need to wait but it also said that if I enter my site into Linter that it'll work right away.
What am I doing wrong?
If you run your url through the linter it will automatically scrape your page and update facebook's cache with your new OG tags. If you're not seeing this behavior, it's either a bug or you're not entering the exact url where your page exists containing these OG tags, or your like button references an outdated URL.