title: facebook says that The following required properties are missing: og:url, og:type, og:title, og:image, og:description, fb:app_id
body: <p>I have created a web application (<a href="https://www.atalki.com/" rel="nofollow noreferrer">https://www.atalki.com/</a>) and testing the application with facebook debugger tools just to make sure the urls are appearing properly and perfect in whatsapp and other social media channels.
  But for some reason, all my og tags are ignored.</p>
  <p>The only of meta tag which I have not mentioned is
  </p>
  <p>The other tags are mentioned.</p>
  <p><a href="https://i.stack.imgur.com/z87Ul.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/z87Ul.jpg" alt="enter image description here" /></a></p>
  <pre><code>&lt;meta property=&quot;og:title&quot; content=&quot;atalki&quot; data-react-helmet=&quot;true&quot;&gt;
  &lt;meta property=&quot;og:description&quot; content=&quot;Documents to shareable websites, within seconds&quot; data-react-helmet=&quot;true&quot;&gt;
  &lt;meta property=&quot;og:url&quot; content=&quot;https://www.atalki.com/&quot; data-react-helmet=&quot;true&quot;&gt;
  &lt;meta property=&quot;og:image&quot; content=&quot;https://www.atalki.com/static/media/Logo_For_Whatsapp.c3b71cbc.jpg&quot; data-react-helmet=&quot;true&quot;&gt;
  &lt;meta property=&quot;og:site_name&quot; content=&quot;atalki&quot; data-react-helmet=&quot;true&quot;&gt;
  &lt;meta property=&quot;og:type&quot; content=&quot;website&quot; data-react-helmet=&quot;true&quot;&gt;
  &lt;meta property=&quot;og:image:type&quot; content=&quot;image/jpeg/png/svg/jpg&quot; data-react-helmet=&quot;true&quot;&gt;
  &lt;meta property=&quot;og:image:width&quot; content=&quot;312&quot; data-react-helmet=&quot;true&quot;&gt;
  &lt;meta property=&quot;og:image:height&quot; content=&quot;312&quot; data-react-helmet=&quot;true&quot;&gt;
  &lt;meta property=&quot;og:image:alt&quot; content=&quot;atalki&quot; data-react-helmet=&quot;true&quot;&gt;
  &lt;meta property=&quot;og:locale&quot; content=&quot;en_GB&quot; data-react-helmet=&quot;true&quot;&gt;
  &lt;meta name=&quot;twitter:card&quot; content=&quot;summary&quot; data-react-helmet=&quot;true&quot;&gt;
  &lt;meta name=&quot;twitter:site&quot; content=&quot;@doc2qa&quot; data-react-helmet=&quot;true&quot;&gt;
  &lt;meta name=&quot;twitter:creator&quot; content=&quot;@doc2qa&quot; data-react-helmet=&quot;true&quot;&gt;
  </code></pre>
  <p>Not sure where I am going wrong here.
  Also, when echoed the whole code, I am not able to see any of the meta tags.</p>
  <p><a href="https://developers.facebook.com/tools/debug/echo/?q=http%3A%2F%2Fwww.atalki.com%2F" rel="nofollow noreferrer">https://developers.facebook.com/tools/debug/echo/?q=http%3A%2F%2Fwww.atalki.com%2F</a></p>
  <p>I am pretty sure, I am doing something silly but not sure what it is . Can any one please help me here.</p>