On this page
SEO Features Demo
This page demonstrates the SEO features available in shipyard through frontmatter.
Title Meta Override
This page uses title_meta to provide a custom title for SEO and the browser tab:
title_meta: "SEO Frontmatter Features | shipyard Documentation"
The title_meta value is used in the <title> tag and meta tags, while the regular title is displayed in the sidebar.
Keywords Support
This page includes keywords in its frontmatter:
keywords:
- SEO
- meta tags
- keywords
- social sharing
- open graph
These keywords are rendered as a <meta name="keywords"> tag in the HTML head.
Social Card Image
This page also specifies a social card image:
image: https://picsum.photos/1200/630
This generates the following meta tags:
<meta property="og:image"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:image">
Checking the Meta Tags
You can view the generated meta tags by:
- Opening the browser’s Developer Tools (F12)
- Going to the Elements tab
- Looking inside the
<head>element
You should see the keywords and image meta tags.