don't use images/OG_thumb.jpgĢ.Case sensitive file extension: If the image extension name on your hosting provider is '.JPG' then do not use '.jpg' or '.jpeg'. These 8 tags ( 6 in head, 2 in body) worked perfectly.ġ.Use the exact image location URL instead of directory format i.e. Here are the 8 html tags that I used on my web page to get the preview working : Had the same issue, I finally got it working after some trying. use full path, relative path won't work.og:image domain should match with your website's domain, you cannot use image link of another website.In my case page url was but my og:url was Make sure page url is equal to what you are passing in og:url.If your website is https make sure your image url should also have https.

Width of the image should be 600px maximum, it's fine if height is less than 600px but maximum it should be 600px.Image should be less than 200kb in size.It's fine if you don't include og:image:width and og:image:height meta tags. No need to clear cache, and NO NEED TO CLEAR DATA.

Here is my solution: Ĭopy the above, paste in head area of website.ĬLOSE your Whatsapp app, re-open, THEN test. You also need to specify og:type as it is one of the four base required parameters.Īfter spending months trying to figure this out, I finally solved the issue. If you are going to specify an image by a HTTP-Secure link, you need to use og:image:secure_url instead of og:image. If you can see all your tags there, then the sites/apps where your tags are not showing properly might have different requirements for Open Graph tags.

You can debug/verify Open Graph meta tags from the Facebook's Sharing Debugger You can see these meta tags in action on for example Google Maps.Īfter you have changed your meta tags, you might need to wait a while for possible caches to update. The introduction of XML was an important step in the shift from document markup languages (such as SGML) to data markup languages.I belive you need to add itemprop to the og:image meta tag, have the image size set to 256x256 and also it would not harm to add the site_name, type and updated_time properties either :) XML is a markup language designed to provide a standard way to structure data. This XML Linter helps a developer who works with XML data to test and verify.XML Validator works well on Windows, MAC, Linux, Chrome, Firefox, Edge, and Safari.It helps to save your validated XML online and Share it on social sites or emails.It validates SOAP, WSDL, POM, RSS, SVG, SGML, RDF files.This functionality also referred to as XML File validator Users can also validate XML Files by uploading the file.Click on the Load URL button, Enter URL and Submit. This tool allows loading the XML URL to validate.It also works as XML Checker and XML syntax checker.XML Lint helps to validate your XML data.What can you do with XML Validation Online? XML documents must have a top level element, must end with a close tag, XML tags are case insensitive, must be nested correctly XML attributes must be quoted. XML syntax rules are not simple, but with a few guidelines and examples, it’s easy to start using XML in your projects. This is because XML was designed for storage and transfer of data in both human-readable form as well as machine-readable form. The XML syntax rules are less stringent compared to the formal rules of well-known languages like Java or C. It will also give you helpful error messages so you can fix any issues in your XML. XML validator will check for both well-formedness and validity. Read more about xml validation in next section. Validation of a document and its syntax is important to ensure that the XML implementation has correctly and accurately reflected the user's intentions. XML Validator Online is easy to use the XML Validate tool.

Viber online checker