<zhead>

HTML Tag Collections

SEO Starter

Tags vital for improving web page visibility in search engine results as they provide valuable information to both users and search engines.

Get Started

<html lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>About Us | Company</title>
  <meta name="description" content="Learn how to bake delicious, moist cupcakes with our easy-to-follow guide. Featuring tips and tricks for beginners.">
  <meta name="robots" content="index, follow">
  <link rel="canonical" content="https://www.example.com/product">
</html>
useHead({
  title: 'About Us | Company',
  meta: [
    {
      name: 'description',
      content: 'Learn how to bake delicious, moist cupcakes with our easy-to-follow guide. Featuring tips and tricks for beginners.'
    },
    {
      name: 'robots',
      content: 'index, follow'
    }
  ],
  link: [
    {
      rel: 'canonical',
      content: 'https://www.example.com/product'
    }
  ]
})

Recommendations

  • 01
    Keywords meta tag is not used
    You can safely omit the keywords meta tag. It is not used by search engines anymore.
  • 02
    Use a unique title and description for each page
    Each page on your website should have a unique title and description. This helps search engines understand what each page is about.
  • 03
    Verify your canonical tags
    Make sure your canonical tags point to the correct version of your page. This helps search engines understand which version of your page to index.

Explanation

title

Specifies the title of the document, shown in a browser's title bar or on the page's tab. It can only contain text and any contained tags are not interpreted.

<html lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>About Us | Company</title>
</html>
Setting the page title and including the brand name.

description

name

Provides a brief and concise summary of a web page’s content. This summary is often used by search engines to display snippet previews in search results, influencing click-through rates.

<html lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Learn how to bake delicious, moist cupcakes with our easy-to-follow guide. Featuring tips and tricks for beginners.">
</html>
A well-crafted description for a page about baking cupcakes, incorporating relevant keywords and staying within the recommended character limit.

robots

name

Provides search engines with directives for indexing and following links on your webpage. It plays a crucial role in SEO strategy by helping control crawler access and behavior.

<html lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="robots" content="index, follow">
</html>
Instructs search engines to index the page and follow all its links. This is usually the desired default behavior.

canonical

rel

The canonical link element is used to indicate the preferred version of a set of duplicate pages to search engines. This helps prevent content duplication issues in search engine indexing, ensuring the correct page is ranked.

<html lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="canonical" content="https://www.example.com/product">
</html>
Sets the preferred URL for a product page, ensuring search engines consolidate ranking signals to this URL.

HTML Tag Collections

Ready to use <head> code samples to get started, and finished quickly.

Essentials

Social Share

Icons & Colors

PWA

Article