Open Graph

The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.

Settings#

You can set in config/_default/params.toml:

# Hugo
title = "Hyas"
subTitle = "SEO"
description = "Congrats on setting up a new Doks project!"
images = ["cover.png"]

[social]
  facebook_admin = ""

You can set in the frontmatter of a page:

---
title = "Example Guide"
description = "Guides lead a user through a specific task they want to accomplish, often with a sequence of steps."
date = 2024-03-08T08:18:11-08:00
images = ["post-cover.png"]
audio = []
videos = []
series = []
tags = []
---

Generated meta tags#

Hyas SEO uses the page title and description for the title and description metadata. The first 6 URLs from the images array are used for image metadata. If page bundles are used and the images array is empty or undefined, images with file names matching *feature*, *cover*, or *thumbnail* are used for image metadata.

Hyas SEO also uses various optional metadata set:

• Date, published date, and last modified data are used to set the published time metadata if specified.
• audio and videos are URL arrays like images for the audio and video metadata tags, respectively.
• The first 6 tags on the page are used for the tags metadata.
• The series taxonomy is used to specify related “see also” pages by placing them in the same series.

Hyas SEO generates the following meta tags — for example:

<meta property="og:title" content="Welcome to Doks">
<meta property="og:description" content="Congrats on setting up a new Doks project!">
<meta property="og:type" content="website">
<meta property="og:url" content="https://getdoks.org/">
<meta property="og:image" content="https://getdoks.org/cover.png">
<meta property="og:site_name" content="My Docs">

Resources#

• Meta Tags Toolkit