SEO issue . Twitter or facebook cannot recognise meta tags
I need different meta tags for the pages so that they are currently recognised as cards and shared properly on twitter or facebook. Both of the platforms don't identity proper card information .
This is the example page
https://dappermark.com/page-curations/3ef6c26c-28e5-4092-a5ef-36f8bc4e2cb9
Facebook complains missing og:image property , which infact exists and same with twitter.
Facebookx says it sees below information only , while when the above link is inspected in browser it has many more meta property
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta charset="utf-8">
<link rel="shortcut icon" href="/favicon.ico">
<meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<link rel="manifest" href="/manifest.json">
<meta property="og:type" content="website">
<title>DapperMark</title>
<script type="module" crossorigin src="/assets/index-BV2qfFnk.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-YFTCFr2B.css">
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
</body>
</html>
This is the example page
https://dappermark.com/page-curations/3ef6c26c-28e5-4092-a5ef-36f8bc4e2cb9
Facebook complains missing og:image property , which infact exists and same with twitter.
Facebookx says it sees below information only , while when the above link is inspected in browser it has many more meta property
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta charset="utf-8">
<link rel="shortcut icon" href="/favicon.ico">
<meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<link rel="manifest" href="/manifest.json">
<meta property="og:type" content="website">
<title>DapperMark</title>
<script type="module" crossorigin src="/assets/index-BV2qfFnk.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-YFTCFr2B.css">
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
</body>
</html>
