How to add og and featured image for each page to display in a social media? 
Author: Mandar V.
Visited 311,
Followers 1,
Shared 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
Posted on the
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.
Author
Thanks.
I'll try it as per your suggestion.
Author
Its done as you suggested.
Thank you.
Now what can be done for a blog post's OG and featured image? Please guide.
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
-----
-----
-----
The image for the blog cover and use in og:image is defined here.
-----
Author
Thanks, but the image is not appearing in this case. Kindly confirm and guide me.
https://www.ambabai.com/blog/index.php?jagdamba
Regards
Mandar
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 ...>
Hello Mandar,
what resolution are you using for the cover image of the post? I would recommend using a 1200x630 image, such as in this test blog post:
https://eric-c.websitex5.me/progetti/blog-test/blog/index.php?qui-ratione-voluptatem-sequi-nesciunt
Author
Thanks.
I'll try it.