I am trying to make a user-created page using s3. The user submits a photo and a page gets created with a unique id.
My bucket Strucuture:
S3 BUCKET
-231(user-unique id)
-index.html (generated template. code below)
-shared.png (user generated canvas image)
-1231
-343
...
Shared link look like this:
https://cloudfront-url-to-my-s3-bucket.com/user-unique-id/
And this is index.html file at the location:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<title>title</title>
<meta name="description" content="description"/>
<meta name="viewport" content='width=device-width, initial-scale=1.0, minimum-scale=1.0, target-densityDpi=device-dpi, shrink-to-fit=no'/>
<meta property="og:title" content="ogtitle"/>
<meta property="og:description" content="ogdescription"/>
<meta property="og:type" content="website" />
<meta property="og:url" content="some URL for the project" />
<meta property="og:image" content="http://url-to-s3bucket/476/shared.png" />
<meta property="fb:app_id" content="556853245636152" />
<meta property="fb:pages" content="123172157879988" />
</head>
<body>
This is page
<img src="./shared.png"/>
</body>
</html>
Problem is that when shared, only Facebook is not picking up the meta data for social sharing. Twitter, iMessage, and other platforms I could test picked up fine. Is there a solution for this?
screenshots of the test(thumbnail is not displayed because I mistyped URL. but still shows the case):
og:
andfb:
meta data has no impact on SEO. That metadata is solely for social sharing. I edited your question to remove "SEO"