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:

params.toml
# Hugo
title = "Thulite"
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

Thulite 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.

Thulite 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.

Thulite 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