My Open Graph tags (og:image og:description og:title) have stopped working.
I use “JFBConnect > Social Meta > Objects” to control these tags. I created an object and set it to “Meta” for Description and “article intro image” for Image. This worked for a long time but it recently stopped (it uses a different description and a different image).
I recently updated from Joomla 3.7.3 to 3.7.5 and updated JFBConnect 7.2.1 to 7.2.3. I suspect that this is when the Open Graph tags stopped working.
For testing I use Facebook Sharing Debugger and use the 'Scape Again' button. My “Open Graph - Content” plugin is enabled.
Can you let us know a URL where the tags aren't working properly along with what you expect to be seeing and the setting / tag you're using to try and control those tags? With that, we can help investigate and let you know what's going on.
My website is http://capeoffun.co.za
I have about 100 pages, each setup with JFBConnect social share buttons which each seem to still be working. But if I use the share button on any page then it has wrong open graph tags.
Sometimes when I test a new page (with Facebook Sharing Debugger) it looks right but if I “scape again” then it is wrong from then after. I have a similar result if I use my facebook share button then sometimes it works the first time, but if I do it again then it is wrong from then after.
Virtually all my open graph images have a blue border.
Attached is a doc with some screenshots and more info as requested.
Below are a few pages I have not tested yet, but you can test with any page
The issue I'm seeing is that JFBConnect is scanning for the first image in the content and finding the 'Prev' button. That's not a great image, and when you scrape the page, Facebook shows the following warning:
Provided og:image URL, http://capeoffun.co.za/images/Website-General/Previous.png was not valid because it did not meet the minimum size constraint of 200px by 200px
Since the image is too small, Facebook picks the image that they think is best for the page (generally the biggest image on the page). You can use the following tag in the article content to specifically set an image to use:
Your Open Graph object looks setup correct, but it doesn't seem to be applying to your content for some reason. It seems like the meta description was being used at one point for the share content, but now the introtext on the page is being used instead. One thing I do notice is that you don't have an Object Type set. In the Object settings, please set "Object Type" to "article" and check the "Built-in Facebook Object" box.
Beyond that, are there any other open graph objects you've created in JFBConnect? The one in your picture should apply to all content, but if you've created another object in a sub-category, that would override the Root object setting.
I hope that helps get you started, but please let us know if you need anything else.
I have set the “Object Type set” as suggested (p.s. it was not set before and it worked.) I only have one open graph object.
I think I am going to uninstall and then install the extension again.
Is that a good idea and is there anything I should know before doing this?
To do this I plan to uninstall the following modules under joomla Extensions > Manage > Manage
Authentication - JFBConnect Social Integration
Content - JFBCContent
JFBC Social Share
System - JFBCSystem
User - JFBConnect Social Integration
I only use 2x JFBConnect features:
1) Social Meta > Objects (to control open graph tags for each page)
2) Social share buttons at the bottom of each page
PS: I use JFBConnect on another website for the same features and the same thing happened there (also stopped working after I did the same Joomla and JFBConnect updates).
Uninstalling and re-installing shouldn't be a problem. It almost never actually fixes anything though, just so you know. Usually, there's some configuration error that just needs to be understood to get things going.
When you install JFBConnect, it will install all of it's modules and plugins again. Instead of going through the process of uninstalling each piece, you may just want to install the .zip file again which checks all installed files and updates them automatically in case something is out of date.
As for your other site, that's a good clue. One thing I noted in your original post was:
I recently updated from Joomla 3.7.3 to 3.7.5
Is there a reason you aren't upgrading to Joomla 3.8? The 3.7.5 version was released in August. 3.8.0 was released in September and 3.8.3 in December. We do a lot of testing with the most recent releases and it's possible (though I don't know this for certain) that there's an issue with Joomla 3.7.5 and our Open Graph integration.
From what I can tell above, it seems like the main problem is that JFBConnect isn't properly finding the meta description on your page and using that for the description text. Is that correct? The behavior we use for finding the first image in the article hasn't changed in more than a year, so I don't know how it would have been selecting a different image than the "Prev" button unless something in the layout actually changed to make those images appear before more meaty images.
My apologies; I read my change log incorrectly (feel like a real idiot). Let me give you the correct info:
On 03 Sep 2017 I updated Joomla from 3.7.3 to 3.7.5
On 30 Dec 2017 I updated Joomla from 3.7.5 to 3.8.3 and updated JFBConnect from 7.2.1 to 7.2.3
On capeoffun.co.za I have 100 pages, each page is a menu item pointing to a single article. The description I want Facebook to use, for a link to the page, I define in the “Meta Description” field of the Menu Item (I do this on every page). The image I want Facebook to use, for a link to a page, I define in the “Intro Image” field of the Article. I do this for every article.
Then under “JFBConnect > Social Meta > Objects” I set “Meta” for Description Type and “article intro image” for Image Type.
This worked really well, ever since I installed JFBConnect (Mar 2017). It worked on all 100 pages, whether I used them in a post on Facebook or tested them in the Facebook Sharing Debugger tool. The last time I used it successfully was when I did a Facebook post on 19 Nov 2017. The next time I tried to a do a Facebook post was 12 Jan 2018 and then discover Facebook uses the intro text in the article for description and the first image in the article for the image (this is on all 100 pages).
I then checked my other website (b2dstudios.co.za) also on 12 Jan 2018 and it was doing the same thing - also now not working correctly. Did the same updates on both websites on the same dates. The last time I successful posted on Facebook to a link on b2dstudios.co.za was 9 Dec 2017. On b2dstudios.co.za I don’t really use Pages I use articles in a kind of blog (under my “Galleries” page for example). For Facebook posts I don’t worry about the description but I use “JFBConnect > Social Meta > Objects” and I set the Image Type to “article intro image” to control what image I want Facebook to use. But now that also uses the first image in the article, which is seldom desirable.
I must say it’s difficult to explain things in text writing. I hope I made sense.
I think you've made perfect sense. We're going to have to setup a development site with the following:
* Articles with an intro image and meta description set
* Menu items that point to that article
* An Open Graph object for the root category set to use the intro image and meta description
Then, go to the menu item SEF URL and try to share that article.
Once we do that, we'll know if we can recreate it (in which case it should be easy to fix) or not (in which case we'll need to investigate your site further). Either way, we'll take a look over the next few days and try to get you a resolution soon.
Hi Alex, I set the “Meta Description” in the menu item (not the Article).
PS: Thank you so much for all you time so far.
Attached please find more info on how I set the meta description and intro image.
I'm very glad to hear things are working for you now. I don't think the changes we put in this release should have fixed the problem you were having, but there's always some updates that could have had an effect.
If you run into anything else or need any further support, please don't hesitate to get in touch!
Melissa just informed me that there were changes in this release to fix some issues with Open Graph tags in some cases where certain tags wouldn't have been picked up. So, hopefully it is fixed for good for you!