Title, Description, Image missing

[shtefcs]

Many times I came across empty title, description, image in Moonly Extension, while the page have both Title/Description meta tags and OG tags aswell.

Here is example to investiagate:

url:https://www.wanderingaimfully.com/blog/challenges

Source of page:

<title>The Challenges of Building Something Won't Get Us Down — Wandering Aimfully </title>
--
  | <link rel="shortcut icon" type="image/x-icon" href="https://static1.squarespace.com/static/5aa1a6cc5ffd2017e8cc379c/t/5ab6d12cf950b7f8f14d6bab/favicon.ico"/>
  | <link rel="canonical" href="https://www.wanderingaimfully.com/blog/challenges"/>
  | <meta property="og:site_name" content="Wandering Aimfully "/>
  | <meta property="og:title" content="The Challenges of Building Something Won't Get Us Down"/>
  | <meta property="og:latitude" content="40.7207559"/>
  | <meta property="og:longitude" content="-74.00076130000002"/>
  | <meta property="og:url" content="https://www.wanderingaimfully.com/blog/challenges"/>
  | <meta property="og:type" content="article"/>
  | <meta property="og:description" content="We’ve been tested and challenged more than ever these past few weeks, both by business and life stuff. But we’re handling it the only way we know how: as a team."/>
  | <meta property="og:image" content="http://static1.squarespace.com/static/5aa1a6cc5ffd2017e8cc379c/5aa1aa3724a6947560967ff9/5aef746d352f535b34de90a5/1525742903577/challenges-min.png?format=1000w"/>
  | <meta property="og:image:width" content="1000"/>
  | <meta property="og:image:height" content="750"/>
  | <meta itemprop="name" content="The Challenges of Building Something Won't Get Us Down"/>
  | <meta itemprop="url" content="https://www.wanderingaimfully.com/blog/challenges"/>
  | <meta itemprop="description" content="We’ve been tested and challenged more than ever these past few weeks, both by business and life stuff. But we’re handling it the only way we know how: as a team."/>
  | <meta itemprop="thumbnailUrl" content="http://static1.squarespace.com/static/5aa1a6cc5ffd2017e8cc379c/5aa1aa3724a6947560967ff9/5aef746d352f535b34de90a5/1525742903577/challenges-min.png?format=1000w"/>
  | <link rel="image_src" href="http://static1.squarespace.com/static/5aa1a6cc5ffd2017e8cc379c/5aa1aa3724a6947560967ff9/5aef746d352f535b34de90a5/1525742903577/challenges-min.png?format=1000w" />
  | <meta itemprop="image" content="http://static1.squarespace.com/static/5aa1a6cc5ffd2017e8cc379c/5aa1aa3724a6947560967ff9/5aef746d352f535b34de90a5/1525742903577/challenges-min.png?format=1000w"/>
  | <meta name="twitter:title" content="The Challenges of Building Something Won't Get Us Down"/>
  | <meta name="twitter:image" content="http://static1.squarespace.com/static/5aa1a6cc5ffd2017e8cc379c/5aa1aa3724a6947560967ff9/5aef746d352f535b34de90a5/1525742903577/challenges-min.png?format=1000w"/>
  | <meta name="twitter:url" content="https://www.wanderingaimfully.com/blog/challenges"/>
  | <meta name="twitter:card" content="summary"/>
  | <meta name="twitter:description" content="We’ve been tested and challenged more than ever these past few weeks, both by business and life stuff. But we’re handling it the only way we know how: as a team."/>
  | <meta name="description" content="We’ve been tested and challenged more than ever these past few weeks, both
  | by business and life stuff. But we’re handling it the only way we know how:
  | as a team." />

[shtefcs]

This can be used https://facebook-preview.netlify.com/. From the tutorial https://dev.to/hugodias/facebook-post-preview-with-reactjs-and-aws-lambda-38kk

[shtefcs]

Moonly: https://imgur.com/Z3Tgb2j
Facebook OG Preview: https://i.imgur.com/Wvxqqj5.png

I think it should work this way.

When the page is shared with Moonly Extension, extension should directly check in source code the OG's.

If the OG is not available, check the meta Title and Meta description.
If that fail to, use callback etc.