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.
Related
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.
I'm building an image on the fly to attach to page to be shared on facebook. Everything seems to be going great until it hits the share dialog. Facebook doesn't seem to be scraping, because the image isn't showing up. If I refresh that dialog page, it does load the image (having crawled it from the first go?).
I've read several pages that say I need only specify og:image:width and og:image:height to allow for immediate rendering, but that doesn’t seem to be working. Here are my meta tags:
<meta property="fb:app_id" content="###"/>
<meta property="og:type" content="website" />
<meta property="og:url" content="###" />
<meta property="og:title" content="My Page Title" />
<meta property="og:description" content="My Page Description" />
<meta property="og:image" content="http://the-domain/the-image.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:type" content="image/jpeg" />
Am I missing something here?
For these kinds of issues, I recommend checking out the debugging tool that Facebook provides. It's great for quick identification of show stopping errors like you're receiving.
https://developers.facebook.com/tools/debug/
Just a couple of things to keep in mind, sometimes the image or page will time out if Facebook finds that it's taking longer than 1s to fetch the data. I've also found issues with my own implementations if the og:url is different than the page you're expecting Facebook to fetch. The two values must match, because ultimately it's the og:url value that facebook is trying to scrape.
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 have created a like button on my website, http://www.divecerts.com.
Screen shots of the problem found at http://www.divecerts.com/screen.html
the top screenshot shows the Like button being pressed with the FB popup and the correctly scraped information. The bottom screenshot shows what the actual post looks like on Facebook. There you can see that everything is correct except that the descrition is blank.
I have cleared the cache at using the Facebook debug tool (linter) a few times with no luck on solving the problem. The debugger shows the description fine BUT it does not show on the Facebook post. I have tried viewing/liking from different Facebook accounts on different computers using different browsers with the same results.
Here is my meta code
<head>
<meta property="og:title" content="DiveCerts.com | Diver Certification Record Search" />
<meta property="og:description" content="Search for SCUBA diving certifications records from the major training agencies in one click."/> <meta property="og:url" content="http://www.divecerts.com" />
<meta property="og:type" content="website" />
<meta property="og:image" content="http://www.divecerts.com/img/logofb.jpg" />
<meta property="og:image:width" content="300">
<meta property="og:image:height" content="300">
any help would be greatly appreciated.
I want to share a video with a thumbnail of only one image via sharer.php
I understand that most of people use Feed dialog with flexible UI but I need advanced options in this case.
A dialog looks like this and I want to have only one thumbnail the on I specify with og:image on a relative page
My OG tags look like this:
<meta property="fb:admins" content="*admins*" />
<meta property="fb:app_id" content="*app_id*" />
<meta property="og:type" content="movie" />
<meta property="og:video:height" content="*height*" />
<meta property="og:video:width" content="*width*" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:title" content="*title*" />
<meta property="og:description" content="*description*" />
<meta property="og:image" content="*image*" />
<meta property="og:url" content="*url*" />
<meta property="og:video" content="*video*" />
And I use a basic function to call a Share This Link dialog
u = $(*link*).html();
t = $(*name*).html();
window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=*width*,height=*height*');
return false;
My question is how can I modify my code / add code to have only 1 thumbnail instead of 1 of 2 message
I tried changing my code, removing og:url, checking og:image, etc, using facebook debugger to clear its cache. And I could find nothing on net either.
I've been told you have to modify the code in (meta property="og:image" content="image" /) to
(meta property="og:image" content="http://www.yoursite.location of the image" /)
I've personally messed with this for several days and finally accomplished it! The way I did it was to publish the image I wanted FB to use for my site to my server. Then, in my browser, I did a right-click on the newly published image and chose "Copy image location". Then I added the above code to my page html between the header tags, and pasted the copied image location between the quotes. Be sure that your image is at least 200 x 200 px - they say the bigger the better, but not more that 5MB in size. I was having a lot of trouble getting FB to pick my specified image because I was making it too small. I've finally gotten success just now by resizing my image to 1000x712, and it's working.
In my case, Facebook has still not recognized my specified image as the ONLY image I want used, but I've also been told that FB will "scrape" my site every 24 hours and, hopefully, once that's done, the multiple images option will disappear. Hope this helps.