Topic-icon Open Graph plugins - understanding

Active Subscriptions:

None
3 years 5 months ago #66854 by joomleb
Hi Alex,
before to going on, I have again to put in evidence 2 things because it seems I'm not able to explain them in the right way:

A - the Crop 1200 x 630 pixels png image BUG, as you can see:
- it is happening with Facebook and Twitter > so, it should not be Facebook related
- It is not happening, for example, by using the same 1200 x 630 pixels png image with SP Page Builder Open Graph (for examples) > so, it seems to be a JFBConnect issue
- we are using the JFBConnect Social Meta "Object" plugin

B - Social Meta > Object > New ... > Object Type: I cannot find the default "Website" attribute into the list > see the image
When og:type is no set, it is considered as "website". But there is no way to don't set it through the dropdown menu > see the image above
Please, Am I missing anything or do you missed it ?
(For example, a "login" and/or a "register" page are "website", cannot be "article")
The topic has been locked.
Support Specialist
3 years 5 months ago #66863 by alzander
A) Please help us perform some tests to understand the differences. Setup JFBConnect to set the Open Graph Tags and then setup SP Page Builder with the same image tags. Then, view the source of the page and post the og: tags that are produced by both. Seeing the differences in the tags generated by SP Page Builder and JFBConnect will hopefully help us determine where the problem lies.

B) Thank you for the picture, that helped us understand what you were setting. When we first implemented Open Graph tags, the 'website' type was meant only for the home page of your site. I just searched around and don't find any real recommendations of when to use 'website', so possibly it can be used on other pages. By default, we use 'article', which is acceptable for all content as well. We can add Website as an option in the future. You may also want to simply add the following tag to your Login template:
{SCOpenGraph type="og:website"}

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
3 years 4 months ago #66910 by joomleb
Okay Alex, so,
PHP 7.4.13 + Joomla 3.9.23 + JFBConnect 8.4.6 + SP Page Builder Pro 3.7.7

A - png Image bad cropping
Tested with Facebook Sharing Debugger and Twitter Card Validator having back the same issue.
Inspecting the code:

- SP Page Builder page where the 1200x630 png image is cropped well - image
- Joomla Registration page where the 1200x630 jpg image is cropped well - image
- Joomla Registration page where the 1200x630 png image is NOT cropped well - image
- by enabling "JFBC > Social Meta > Configuration > Image Size Tags: Yes" > - Joomla Registration page where the 1200x630 png image is NOT cropped well - image

Being that "the mysteries of the universe are infinite", the only thing I see is a bit of "clutter" (disorder) in the JFBC code, and the Twitter definitions should always be placed after the generic og. Here an example following the Socials priority. I don't know if this can solve the problem, but in my opinion it's the first thing to do. I'm going to send you by PM a Super Admin access on a Test site.

B - Social Meta > Object > New ... > Object Type:
Sorry, but, as you can read here , og:type: "...The type of media of your content. This tag impacts how your content shows up in News Feed. If you don't specify a type,the default is website. Each URL should be a single object, so multiple og:type values are not possible. Find the full list of object types in Object Types Reference...".
So, og:type "website" should be added and there are two ways to do it:
B1 - As far as I can understand , when og:type is no set, it is considered as "website", so, by adding a way to don't set it through the dropdown menu.
B2 - simply by adding the "website" value into the dropdown menu
Please, Can you add it in the upcoming update ?
The topic has been locked.
Support Specialist
3 years 4 months ago #66915 by alzander
The tags on all those pages should be equivalent and show the same. I don't see anything that JFBConnect is doing incorrectly there and am unsure why Facebook is handling them differently. Even on the registration page, the Twitter image tag is first and works, so I don't think re-ordering them would have an effect. Facebook may be using the Twitter tags, but would only expect that if no og tags exist, which isn't the case.

I think you're correct about the 'website' type. We should likely move to that as our default instead of article. We'll have to look into some options to best do that while keeping Joomla content and other pages properly as 'article'.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
3 years 4 months ago #66919 by joomleb
Hi Alex,

A - There must be something, because the result is different and we are in a binary system.
Trying to reorder the Twitter Tags does not cost us much and would be useful to rule out a doubt.
Anyway, Please, Can you investigate it also from a code point of view? Do you have the SP Page Builder Pro to compare it ?

B - Thanks. I stay tuned...
The topic has been locked.
Support Specialist
3 years 4 months ago #66923 by alzander
I don't have SP Page Builder Pro. As noted though, on the SP Pro page, the tags are in the opposite order of what you recommend (unless I'm seeing incorrectly) and behaving differently.

If you want to test without code, the easiest steps I'd recommend are:
* In your browser, save the HTML for the page
* Edit the HTML file and re-arrange the tags in various configurations
* Upload the file(s) to your server and run them through the Facebook Debugger
* Determine if there is a difference between the different pages
That doesn't take any coding and would be a quick way to narrow down possible differences

I hope that helps,
Alex
The topic has been locked.