No bug Blog image not showing

Hello,

I need to program an Open Graph image for a blog page on Joomla 4.

I chose a Fallback image that displays on all pages except the ones where I put an intro image, and that's what I want. It works very well.

For the blog page :

- The image displayed is the company logo and that is not what I want. Open Graph does not take the fallback image.
- I tried to create a module and display it in the blog page, but Open Graph doesn't take the module image either (maybe I didn't configure the plugin well for that it takes the image of the module).

Other questions :

- I don't know where I should put an image for Custom image and Custom field image.

- I can't choose an option in fields that have an arrow to their right.

I read other threads in the forum and saw a screenshot of a user. He has an ochOpenGraph tab in his articles, which I don't. Maybe my problems come from there? 

Goodmorning Patrick,

Let's see if we can get this figured out :0

for the blog page:
ochOpenGraph automatically works on article pages: there it will set the og: metatags and because you are on an article page it will also get the image from the article (in the priority you configured).

What I think is the case here is that the blog page is not an article, but e.g. a featured / or category blog.

ochOpenGraph will not be activated there automatically (as it is not an article). You can check that by looking that the page source in your browser: ctrl-U
if ochOpenGraph is activated you will see the og: metatags
you need to look specifically for this one:
If it is NOT enabled, you can still share to e.g. facebook, but then Facebook will visit the blog page and pick the first image that is usable: likely that is your site logo.

If ochOpenGraph is NOT enabled, you need to create a custom module as described in the documentation.

onlinecommunityhub.nl/documentation/ochopengraph-content-plugin Tab Documentation > Tab Manual Settings

That module you can then assign to the blog page (on any template position). The custom module will then trigger ochOpenGraph and because you are not on an article page, ochOpenGraph will use the fallback image you configured, or the image you specified in the custom module in the ochOpenGraph tag
could you check this / give this a try?

as for the Custom fields:
these you need to create yourself (as described in the documentation: this is Joomla Core functionality). When created they will show in ochOpenGraph plugin.
onlinecommunityhub.nl/documentation/ochopengraph-content-plugin tab Documentation > tab Custom Image fields

When configured as described in the documentation you will also have the ochOpenGraph tab in your articles (you can name the tab anything you like)

Hello,

1. I successfully set up custom fields. Thank you.

2. For the blog page, I had understood that the image used is that of the article and that since there is no article in this page, the image used is the first usable image.

So I made a module in which I put an image (in the module tab) and I also added an image in the Parameters tab. I assigned the module to the blog page.

Facebook debugger still displays the company logo.

In your instructions (Manually add OpenGraph and TwitterCard meta tags to other (non-article) pages) you say to go to the Options tab and select Yes to prepare content. I don't have the Options tab.

Is this why I can't fully configure the open graph for a module?

3. Is your plugin compatible with FaLang?

Thank you for your availability!

Hi Patrick

Patrick Gaulin wrote:

2. For the blog page, I had understood that the image used is that of the article and that since there is no article in this page, the image used is the first usable image.



 

to make this more clear: when ochOpenGraph is triggered on that page (it will set the first suitable image in the og:image tag), Now when this page is shared on facebook, facebook will use the image set in the og:image tag. But... if ochOpenGraph is NOT triggered then no og:image is set. Now when the page is shared on facebook, facebook itself will try to find an image on the page (and that is usually the first image it sees > logo)

So I made a module in which I put an image (in the module tab) and I also added an image in the Parameters tab. I assigned the module to the blog page.
Facebook debugger still displays the company logo.

In your instructions (Manually add OpenGraph and TwitterCard meta tags to other (non-article) pages) you say to go to the Options tab and select Yes to prepare content. I don't have the Options tab.

Is this why I can't fully configure the open graph for a module?
 

so you do not need to set an image in the module tab or parameters tab. The only thing you need to do is add {_ochopengraph} in the module content (text) (without the underscore in this example: I need to set that here as otherwise the tag is rendered here as well and will not show )
Now it is important that you set this module to 'prepare content' as you didn´t have this option, let me show you via an image (J4)
 
By turning that to yes, the {_ochopengraph} tag is rendered on the page where the module is displayed (your blog page) and ochOpenGraph will run and set the tags (and likely set the og:image to the configured fallback image).
If you manually want to use a different image, then you can do so via the tag: {_ochopengraph image="https:[yoursite]linktoyourimage.png¨}
now when ochOpenGraph runs it will set the image specified in the tag.

3. Is your plugin compatible with FaLang?
 

ochOpenGraph takes the information (title / description / etc.) from Joomla. So if Falang translates these before (!) ochOpenGraph is run, then you should have translated titles / descriptions / etc.

Thank you for your availability!
 

You are welcome,
feel free to followup here if things are not clear / not working.

Hello,

It still does not work...

- I inserted {_ochopengraph} in the Module tab (without the underscore).
- I don't have the Options tab, nor Prepare Content.
- I have the Settings tab and Plugins Elements and I have selected Yes. Is it the same thing?

Hi Patrick, you have configured it correct (french )

did you assign this module to a template position on the blog page? (tab 'Conditions')

if so: do you have a URL for the blog page so i can quickly check?

Hello,

I assigned the module to the Blog page.

You can go see the page here: dev2022.gestimark.com/blog

Thanks for the link, I see that the module is assigned and working correct, the following information is added by ochOpenGraph to this page:

So with the correct image.
Now when i go to the Facebook debugger I see that when Facebook visits that URL, it gets a different page.

This is what I (and you) get:
 
This is what facebook gets (notice that the page has different information on it):
  
So the issue is not with the plugin, but you have something installed / configured that displays the page differently to facebook / bots?
Maybe a 'feature' of Easyblog, or I have read once something of a 'SEO' trick to strip pages from bloated code when serving to bots (like google) to get a high as possible speed)?

just updated the facebook image in previous post as it was to large to display and it inserted the first image again :S

We are going to check the features of Easyblog.

Is ochOpenGraph compatible with Hikashop and Zoo?