💡 If you want to add a different title than the page title then add document-title property to page.

The page component title will be treated as a document title if document-title property is not added to the page component. And same page title will be added to <meta> tag og-title and twitter:title in rendered HTML.

If you add the document-title property to the ds.page component, then the same title will be added into <meta> og-title and twitter:title

In the below example, we have added document-title which is different from that page title.

-- ds.page: This is page title
document-title: Custom SEO title

To add page description use below example code.

If you add the document-description property to the ds.page component, then the same will be added into <meta> og-description and twitter:description

-- ds.page: This is page title
document-description: Custom SEO description

To add page document-image use below example code.

If you add the document-image property to the ds.page component, then the same will be added into <meta> og-image and twitter:image

-- ds.page: This is page title
document-image: https://fastn.com/-/fastn.com/images/featured/midnight-storm.png