WebSite X5Help Center

 
Mandar V.
Mandar V.
User

How to add og and featured image for each page to display in a social media?  en

Auteur : Mandar V.
Visité 313, Followers 1, Partagé 0  

How to add OG and featured image for each page to display in a social media?  What should be the resolution and size of the image? Can I add separate image for each web page?

Please guide.

Regards

Posté le
9 RéPONSES
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

A) An image can be selected for the homepage in WebSite X5 under ...

     1 Settings > General Information - Share it on social media (see screenshot)

----- WebSite X5 (German version)  -----

------------------------

B) For example, the code (see example in the screenshot below) can be copied from the source code and saved in Notepad to use with different image addresses on the website pages.

----- Code example -----

--------------------------

C) However, the image must then be deleted using the "Share on social media" function in WebSite X5, otherwise the same code for this single image will be displayed on all pages.

D) The code customized for each page (including the code for the homepage) can then be inserted into WebSite X5 under "3 Sitemap" by selecting the relevant page and clicking on "Properties" at the top, then clicking the "Advanced" tab and inserting it in the "Before the closing <HEAD> tag" section.

E) Now all images must be uploaded to the web space so that they can be accessed in the browser using the image addresses in the corresponding code; otherwise the image address will be incorrect.

Note: These are only theoretical considerations, as I have not yet added different images for the different pages of the website for the social channels.

Perhaps other users who have already done something like this will chime in and offer tips. Or the Incomedia staff can offer tips tomorrow.

Lire plus
Posté le de Daniel W.
Mandar V.
Mandar V.
User
Auteur

Thanks.

I'll try it as per your suggestion.

Lire plus
Posté le de Mandar V.
Mandar V.
Mandar V.
User
Auteur

Its done as you suggested. 

Thank you.

Now what can be done for a blog post's OG and featured image? Please guide.

Lire plus
Posté le de Mandar V.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

In the blog, the information for og:image is generated automatically and the respective images of the blog posts are used for this purpose, see screenshot with excerpt from the source code of the blog post

-----

-----

-----

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

The image for the blog cover and use in og:image is defined here.

-----

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

An older version of WebSite X5 is being used. This may be the reason why the image is listed in the source code under og:image but hasn't been uploaded to the /files directory.

Wait for a response from Incomedia staff. They can tell you if this is a bug and how to fix it.

----- Source code -----

<metaname="generator" content="Incomedia WebSite X5 Pro 2024.2.8 ...>

Lire plus
Posté le de Daniel W.
Mandar V.
Mandar V.
User
Auteur

Thanks.

I'll try it.

Lire plus
Posté le de Mandar V.