I have added tag realted to open graph on my website. Website is build in Next.JS
<meta property="og:type" content="website" />
<meta property="og:title" content="titlehere" />
<meta property="og:description" content="description"/>
<meta property="og:url" content="https://domainname/" />
<meta property="og:site_name" content="domainname" />
<meta property="og:image" itemProp="image" content="imagepath"/>
<meta property="og:image:width" content="550" />
<meta property="og:image:height" content="420" />
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png"/>
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png"/>
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png"/>
i have tried to share following link on WhatsApp on different device : format of url:
- domainname.extension (example.com)
- www.domainname.extension (www.example.com)
- https://domainname.extension (https://example.com)
- https://www.domainname.extension (https://www.example.com)
On Android device og image and description is visible for
- domainname.extension (example.com)
- www.domainname.extension (www.example.com)
For iOS device og image and description is visible for
- https://domainname.extension (https://example.com)
- https://www.domainname.extension (https://www.example.com)
- domainname.extension (example.com)
For iOS and android these are different behaviors'. These are expected behavior's from device . It depend on OS and device like iphone 13 will behave differently as compare to iphone 14.iOS behaves differently than andriod Or i need to update metatag ?