Add link preview metadata

Question

Add link preview metadata

Closed this issue 2 years ago · 2 comments

Done.

Answer 1 · 2022-12-08T00:33:12.000Z

To add Open Graph (OG) link preview metadata to a webpage, you can use the <meta> tag in the <head> section of the HTML code for the page. The <meta> tag should have the property property="og:url" and the content attribute should be set to the URL of the page. For example:

Copy code
<head>
  <meta property="og:url" content="https://www.example.com/page.html" />
</head>
You can also add other OG metadata to the page, such as the title, description, and image that should be used when the page is shared on social media. For example:

Copy code
<head>
  <meta property="og:url" content="https://www.example.com/page.html" />
  <meta property="og:type" content="website" />
  <meta property="og:title" content="Page Title" />
  <meta property="og:description" content="Page description" />
  <meta property="og:image" content="https://www.example.com/image.jpg" />
</head>
You can read more about the OG metadata and the various options that are available on the Open Graph Protocol website: https://ogp.me/