<zhead>
HTML tag collections

SEO Starter

A small set of page signals for search results, indexing rules, and duplicate URLs.

Give each indexable page a useful title and description. Add robots directives only when you need to change crawler behaviour, and use canonical when several URLs represent the same content.

Get started

<title>About Acme | Acme</title>
<meta name="description" content="Bake 12 vanilla cupcakes in 35 minutes. Includes metric measurements, storage notes, and fixes for cakes that sink.">
<meta name="robots" content="noindex">
<link rel="canonical" href="https://www.example.com/products/widget">
useHead({
  title: 'About Acme | Acme',
  meta: [
    {
      name: 'description',
      content: 'Bake 12 vanilla cupcakes in 35 minutes. Includes metric measurements, storage notes, and fixes for cakes that sink.'
    },
    {
      name: 'robots',
      content: 'noindex'
    }
  ],
  link: [
    {
      rel: 'canonical',
      href: 'https://www.example.com/products/widget'
    }
  ]
})

Recommendations

  • 01
    Skip meta keywords
    Google ignores the keywords meta tag. Other search engines may treat it differently, so check the crawler you care about before relying on it.
  • 02
    Write for the specific page
    Use a distinct, descriptive title. A useful description may become the search snippet, but search engines can choose other page text.
  • 03
    Check the canonical target
    Point canonical at the preferred, indexable URL. Search engines treat it as a signal, not a command.

Explanation

title

Names the document in browser tabs, history, bookmarks, and often search results. The element accepts text only.

<title>About Acme | Acme</title>
Names the page first, followed by the site.

description

name

Summarizes the page for directories and search engines. Google may use it as a search result snippet when it describes the page better than the visible content does.

<meta name="description" content="Bake 12 vanilla cupcakes in 35 minutes. Includes metric measurements, storage notes, and fixes for cakes that sink.">
Specific details tell the reader what the recipe covers.

robots

name

Sets page-level rules for compliant search crawlers, including whether the page may appear in results and what previews may be shown. It does not block access to the page.

<meta name="robots" content="noindex">
Prevents compliant search engines from showing the page in their results.

canonical

rel

Names the preferred URL for the current document. Search engines can use it to consolidate duplicate URLs and their signals.

<link rel="canonical" href="https://www.example.com/products/widget">
Declares one absolute preferred URL for the current page.

More collections

Start with the closest collection, then trim it to match your page.

Essentials

Social Preview

Icons & Colors

PWA

Article