How do I change the preview image for every page on my site?

[abdullah_soomro]

I have a site with pages related to different categories but they all display the same picture.I know this is caused by the og:image tag in the header but there is one header file that works for all pages. I want a different image for my every page and if possible I also want to change the color of my header across my webpages.

Any help would be appreciated.

My site: 

https://thekhandiaries.weebly.com

[Adam7 · Accepted solution]

If you include standard image elements on all the pages of your site, it should give Facebook more to work with when deciding what image it will use. Usually it uses the first image it finds on the page that meets its criteria.

[abdullah_soomro]

Actuaully I added a meta og:image tag to every page in the SEO>Header Code and it seems to work perfect. Thanks for replying

[bskalak]

Hey there, I'm interested about utilizing this technique, can you give a bit more information or a link? Thanks!