A webpage I am currently working on needs to have preview images when sending a link through WhatsApp. That by itself is not an issue, as I am following the OG Protocol specified here. The issue is that depending on which device the link is sent from, the images are displayed differently. Here are a few examples:
WhatsApp Desktop on MacOS Ventura 13.1
WhatsApp Web (Chrome 108.0.5359.124) and WhatsApp on Android
(For some reason, this time it decided to take the Favicon instead of the specified image.)
Here are the relevant Meta-Tags from the Page <head>
<meta name="description" content="Wir treten mit Regierungsrätin Jacqueline Fehr und Nationalrätin Priska Seiler Graf zu den Regierungsratswahlen an – ein hochkarätiges Duo mit langjähriger Erfahrung und ausgewiesener Kompetenz.">
<meta property="og:image" content="https://wahlen-kanton-zuerich.ch/wp-content/uploads/2023/01/SPZH-KR-Wahlen23-RR-Bilder-–-WEB4-Kopie.jpg">
<meta property="og:image:width" content="1720">
<meta property="og:image:height" content="1200">
<meta property="og:locale" content="de_DE">
<meta property="og:type" content="website">
<meta property="og:title" content="Priska Seiler Graf und Jacqueline Fehr in den Regierungsrat!">
<meta property="og:description" content="Wir treten mit Regierungsrätin Jacqueline Fehr und Nationalrätin Priska Seiler Graf zu den Regierungsratswahlen an – ein hochkarätiges Duo mit langjähriger Erfahrung und ausgewiesener Kompetenz.">
<meta property="og:url" content="https://wahlen-kanton-zuerich.ch/regierungsrat/">
<meta property="og:site_name" content="Wir ergreifen Partei.">
It is baffling to me that the same code would result in different preview Images depending on the sender. Am I missing something?