Issue with OG image showing

Helpdesk Website Builder
1

Hi, it’s my first time using SiteJet and I have designed this site, but I’m having an issue seeing OG image when site is shared anywhere (whatsapp, facebook etc.).
Could you please have a look into it if I’m doing something wrong or is there anything on your end that needs fixing?

Thanks!

URL: https://bojan.pro.rs/

2

Hey Bojan,

have you tried the Facebook Debugger? Also https://www.opengraph.xyz/?

3

Hallo Bojan! :man_raising_hand:

Have you created an Open Gaph image and uploaded it in the website builder?
(click on the image to enlarge)

Sitejet Open Graph
Sitejet Open Graph1700×1047 268 KB

Ideal OG image size is 1200 x 630 pixels, and smaller than 100kb for fast loading.

4

Yes I have uploaded image, and resized it to correct resolution, it’s just not 100kb, it’s ~400kb.
I have tried copying Facebook Debugger code into metadata, now it’s not coming up with white blank square as thumbnail, but rather nothing, just text (headline).
And yea, I have replaced the code with my image URL. I have uploaded image to File manager on site, created folder for it there, and replaced its direct URL with the one in code provided by Facebook Debugger.

5

Bojan, your image is white text on a transparent background, saved as a png.
Use this jpg instead:

Signature_White-ROKqYYlxfX4hXIlA3JIjDg
Signature_White-ROKqYYlxfX4hXIlA3JIjDg1120×630 39.2 KB

6

The image I’ve set is a photo at my computer desk. Signature is logo. Image i wanted to use and that I’ve uploaded as OG is actually called OG resized or something similar, but has OG in the name. Sorry I can’t be precise with it, I’m not at my computer at the moment.

Bojan Debeljakovic

7

From your website:

<meta property="og:image" content="/images/1200x630/22984473/Signature_White-ROKqYYlxfX4hXIlA3JIjDg.png" />