Start with the page, not the tags
Write down what a visitor will find on this particular page. “Home” gives someone less information than “Studio Fern — Handmade Ceramics.” A description should add a useful detail rather than repeat the title. Google recommends descriptive, concise titles and page-specific descriptions; its systems choose the title and snippet actually shown.
A small, practical head block
This fictional ceramics collection is a working example. Replace the text and example URLs with your own.
<title>Studio Fern — Handmade Ceramics</title>
<meta name="description" content="Explore small-batch cups, bowls, and everyday ceramics from Studio Fern. See the latest collection and care instructions.">
<link rel="canonical" href="https://example.com/ceramics/">
<meta property="og:type" content="website">
<meta property="og:title" content="Studio Fern — Handmade Ceramics">
<meta property="og:description" content="Small-batch cups, bowls, and everyday ceramics.">
<meta property="og:url" content="https://example.com/ceramics/">
<meta property="og:image" content="https://example.com/ceramics.jpg">
<meta property="og:image:alt" content="Three handmade ceramic cups on a wooden shelf">What each part does
The title element names the document. Google lists the title element, prominent page text, headings, and references from other pages among its possible sources for a search title link. Writing a title is an input to that process, not a command to display it verbatim.
The meta description summarizes the page. Google primarily creates snippets from page content and may use the description when it offers a better summary for a particular search. Give it accurate copy, while making sure the visible page also explains the topic well.
The canonical link identifies your preferred URL among duplicate or similar pages. It is a signal, not a guarantee that Google will select that URL. Use the address you intend to publish and link to consistently. Do not point every page at the homepage.
The Open Graph fields describe a link’s title, type, image, and URL. Those four fields are the protocol’s basic required properties. An image is optional in our editor so you can create the other tags first; without an image, the generated block does not contain all four basic Open Graph properties. Use an actual accessible image before expecting an image-based share preview.
Install without creating duplicates
- Find where your site manages page metadata: a template, an SEO plugin, or a page settings panel.
- Change the existing values there. If you directly edit HTML, place the generated fragment inside the document’s head.
- Remove older versions of the same tags. A CMS plugin and a handwritten block can otherwise compete.
- Publish and inspect the resulting HTML. Confirm that the canonical URL and image URL are real, public addresses.
- Test the actual link on the platforms you care about. A local preview cannot confirm their fetch, cache, or rendering behavior.
What this generator leaves out
It does not add a meta keywords field, blanket indexing instructions, or a fabricated SEO score. It does not create an image or visit your URL. For repeatable review across many pages, use the CSV batch workflow. For length questions, read how to use a search preview.
Sources & verification
Official documentation reviewed October 27, 2026. Organization authorship; no independent expert review is claimed.
- Google — Influencing title links (official documentation)
- Google — Control your snippets (official documentation)
- Google — Canonical URLs (official documentation)
- The Open Graph protocol (protocol specification)
Update history
- — Initial working example and installation checklist.
Put it to work
Create and preview your tags ↗ · Review a CSV ↗ · Read the other field guides ↗