Sobes.tech
Intern

What are meta-tags?

sobes.tech AI

Answer from AI

Meta tags are HTML tags that provide metadata about the HTML document. They are placed inside the <head> and are not directly visible on the page.

Main purposes of meta tags:

  • Content description: Indicating the page title (<title>) and a brief description (<meta name="description">).
  • Keywords: Listing keywords related to the content (<meta name="keywords"> - less relevant for modern SEO).
  • Encoding: Defining the character set of the document (<meta charset="utf-8">).
  • Author: Indicating the author of the page (<meta name="author">).
  • Viewport: Managing scaling and view area dimensions on mobile devices (<meta name="viewport">).
  • Robots: Providing instructions for search engine robots (whether to index or not, follow links or not) (<meta name="robots">).
  • Open Graph and Twitter Cards: Providing information for social media when sharing the page (<meta property="og:...">, <meta name="twitter:...">).

Examples:

<meta charset="utf-8">
<meta name="description" content="Description of my web page.">
<meta name="keywords" content="html, css, javascript">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<meta property="og:title" content="Title for social media">

They are important for SEO, proper display on different devices, and convenient content sharing on social networks.