WhatsApp OpenGraph not working...

[ktauchathuranga]

Select Topic Area

Question

Body

<!-- Facebook Meta Tags -->
		<meta property="og:url" content="https://quran-frontend-ochre.vercel.app/">
		<meta property="og:type" content="website">
		<meta property="og:title" content="Al Quran">
		<meta property="og:description" content="Explore the Al Quran website for accessing specific verses and chapters. Discover personalized verses based on mood and dive into the beauty of the Quran.">
		<meta property="og:image:secure_url" content="https://quran-frontend-ochre.vercel.app/images/opengraph.jpg">

		<!-- Twitter Meta Tags -->
		<meta name="twitter:card" content="summary_large_image">
		<meta property="twitter:domain" content="quran-frontend-ochre.vercel.app">
		<meta property="twitter:url" content="https://quran-frontend-ochre.vercel.app/">
		<meta name="twitter:title" content="Al Quran">
		<meta name="twitter:description" content="Explore the Al Quran website for accessing specific verses and chapters. Discover personalized verses based on mood and dive into the beauty of the Quran.">
		<meta name="twitter:image:secure_url" content="https://quran-frontend-ochre.vercel.app/images/opengraph.jpg">
		<meta property="og:updated_time" content="1739938220"> <!-- https://www.epochconverter.com/ -->

when i share the link via whatsapp, og image is not showing, i am not sure what the problem is, can any let me know please...

[damoves005]

1. you should use the standard og:image tag instead of or in addition to og:image:secure_url. Add this line:

2. Make sure to specify the image dimensions using these tags:

Additional troubleshooting steps:
-Verify that the image URL is directly accessible (try opening it in a browser)
-Ensure the image is in a supported format (JPG, PNG, or GIF)
-Check that the image size is appropriate (WhatsApp recommends 1200 x 630 pixels)

[ktauchathuranga]

i was able to fix,

i just removed secure_url and i reduced the img size, the article i read said it should be lower than 300kb...