SEO

This guide will help you configure SEO for your Vermeer project.

General#

Update the general settings.

1. In config/_default/params.toml, update seo.schemas.name and seo.schemas.sameAs:

   # SEO (@thulite/seo)
   [seo]
     [seo.title]
       separator = "|"
       suffix = ""
     [seo.favicons]
       sizes = []
       icon = "favicon.png" # favicon.png (default)
       svgIcon = "favicon.svg" # favicon.svg (default)
     [seo.schemas]
       type = "Person" # Organization (default) or Person
       logo = "favicon-512x512.png" # Logo of Organization — favicon-512x512.png (default)
       name = "Johannes Vermeer" # Name of Organization or Person
       sameAs = [] # E.g. ["https://github.com/thuliteio/thulite", "https://fosstodon.org/@thulite"]
       images = ["cover.png"] # ["cover.png"] (default)
       article = [] # Article sections
       newsArticle = [] # NewsArticle sections
       blogPosting = [] # BlogPosting sections
       product = [] # Product sections

Title#

Set your title.

1. In content/_index.md, update seo.title:

   ---
   seo:
     title: "Johannes Vermeer" # custom title (optional)
     description: "" # custom description (recommended)
     canonical: "" # custom canonical URL (optional)
     robots: "" # custom robot tags (optional)
   ---

Description#

Set your description.

1. In content/_index.md, update description and seo.description:

   ---
   description: "Vermeer is a one-page profile theme for Thulite. It features a unique design, easy setup, and 13 different color schemes."
   seo:
     title: "Johannes Vermeer" # custom title (optional)
     description: "" # custom description (recommended)
     canonical: "" # custom canonical URL (optional)
     robots: "" # custom robot tags (optional)
   ---

2. In config/_default/params.toml, update description:

   description = "Vermeer is a one-page profile theme for Thulite. It features a unique design, easy setup, and 13 different color schemes."

Favicon#

Add your favicon file(s).

1. Add a favicon.png and favicon.svg (optional) to your projects’ assets directory. Make sure favicon.png is at least 512x512 pixels.

Social preview#

Add your image for social media preview.

1. Add a cover.png to your projects’ static directory. Make sure cover.png is at least 640×320px (1280×640px for best display).