Meta Tags

SEO Meta tags and OG Meta tags are generated automatically. But can also be overridden on a per page basis.

SEO Meta Tags

By default all pages use the frontmatter title, description fields to generate the most important meta tags used by the Google search results.

<title>Services - Hugo Lever</title>
<meta name="description" content="We deliver a complete range of digital services.">

• <title> is derived from the frontmatter title or meta.title
• <meta name="description"> is derived from the frontmatter description or meta.description

OG Meta Tags (Twitter, Facebook)

The theme also generates OG Meta data for each page. OG Meta data is what is used in social media sites like Facebook, Twitter etc when you post a link, this info makes up the image, title and summary of the social preview.

The following OG Meta tags are generated automatically.

<meta property="og:type" content="website">
<meta property="og:url" content="https://www.mysite.com">
<meta property="og:title" content="Services - Huge Lever">
<meta property="og:description" content="We deliver a complete range of digital services.">
<meta property="og:image" content="https://www.mysite.com/images/gen/services/service-12-large.webp">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@zerostaticio">
<meta name="twitter:creator" content="@zerostaticio">

• og:type is automatically generated.
• og:url is automatically generated and will be the pages .Permalink as an absolute url
• og:title is derived from the frontmatter title or meta.og_title
• og:description is derived from the frontmatter description or meta.og_description
• og:image is derived from the frontmatter image or meta.og_image
• twitter:card can be configured in config.toml under [params.seo] meta_twitter_card
• twitter:site can be configured in config.toml under [params.seo] meta_twitter_site
• twitter:creator can be configured in config.toml under [params.seo] meta_twitter_creator