How to write SEO-friendly meta tags

Updated September 2026 · Beginner-friendly guide

Write a unique title and description

Describe the actual page for people, not algorithms. Search engines may rewrite snippets, but good metadata gives them a strong option.

<title>Accessible HTML Forms for Beginners | Web School</title>
<meta name="description"
      content="Learn to build HTML forms with labels, helpful input types, and accessible validation.">

Set canonical and robots directives

<link rel="canonical" href="https://example.com/html/forms/">
<meta name="robots" content="index,follow">

Add social sharing tags

Open Graph metadata controls common link previews. Use an absolute image URL and an image you are entitled to publish.

<meta property="og:type" content="article">
<meta property="og:title" content="Accessible HTML Forms">
<meta property="og:description" content="A practical beginner guide.">
<meta property="og:url" content="https://example.com/html/forms/">
<meta property="og:image" content="https://example.com/images/forms-card.jpg">

Focus on content quality

Keep titles descriptive and page-specific
Do not use the obsolete keywords meta tag or repeat keywords unnaturally
Use one canonical URL that matches the preferred public page
Ensure headings, link text, performance, and mobile usability support the metadata's promise