Skip to main content
  1. SEO glossary/

Meta Tags

5 mins

What is it? #

Meta Tags:

Meta tags are HTML elements used to provide structured metadata about a web page. They are placed in the head section of the HTML document and are used to describe the content, author, publication date, and other relevant information about the page. Meta tags are essential for search engine optimization (SEO), as they help search engines understand the context and relevance of the page. Some common meta tags include:

  1. <meta charset="UTF-8">: This meta tag specifies the character encoding for the HTML document. It is essential for proper rendering of the page and should be placed as the first meta tag in the head section.

  2. <meta name="description" content="A brief summary of the page's content">: This meta tag provides a brief summary of the page’s content. It is often used by search engines as the description displayed in search results, making it an important factor in attracting users to visit the page.

  3. <meta name="keywords" content="keyword1, keyword2, keyword3">: This meta tag lists the main keywords for the page. It helps search engines understand the topic of the page and can improve the page’s visibility in search results for those keywords.

  4. <meta name="author" content="John Doe">: This meta tag specifies the name of the page’s author. It is useful for attributing the content to a specific person or organization.

  5. <meta name="published" content="2021-01-01T12:00:00-08:00">: This meta tag specifies the date and time the page was published. It is useful for indicating the page’s recency and can help improve the page’s visibility in search results.

  6. <meta name="updated" content="2021-01-01T12:00:00-08:00">: This meta tag specifies the date and time the page was last updated. It is useful for indicating the page’s freshness and can help improve the page’s visibility in search results.

  7. <meta name="generator" content="HTML Editor">: This meta tag specifies the tool or software used to create the HTML document. It is useful for indicating the source of the content.

  8. <meta name="viewport" content="width=device-width, initial-scale=1.0">: This meta tag is used to control the layout and appearance of the page on mobile devices. It is essential for responsive web design and should be placed as the last meta tag in the head section.

In addition to these common meta tags, there are several other meta tags available for specific purposes, such as geotagging, character set declaration, and linking to external files. Proper use of meta tags can significantly improve a web page’s visibility and performance in search engine results, making them an essential component of any HTML document.

Here are some examples: #

Meta tags are used in the HTML code of a website to provide additional information about the website or a specific page. They are placed within the <head> tag of the HTML document. Here are some examples of where meta tags are used:

  1. meta charset: This meta tag is used to specify the character encoding for the HTML document. It is essential for proper rendering of the website in different browsers.
<meta charset="UTF-8">
  1. meta name="viewport" content="width=device-width, initial-scale=1.0": This meta tag is used to control the viewport, which is the visible area of the website on a device. It is essential for responsive web design.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
  1. meta name="description" content="A brief description of the website or page": This meta tag is used to provide a brief description of the website or a specific page. It is often used by search engines to display a summary of the website in search results.
<meta name="description" content="A brief description of the website or page">
  1. meta name="keywords" content="keywords, separated, by commas": This meta tag is used to provide a list of keywords that are relevant to the website or a specific page. It is often used by search engines to understand the topic of the website.
<meta name="keywords" content="keywords, separated, by commas">
  1. meta name="author" content="Your Name": This meta tag is used to specify the author of the website or a specific page. It is often used to provide credit to the creator of the website.
<meta name="author" content="Your Name">
  1. meta name="copyright" content="Copyright © Your Name": This meta tag is used to specify the copyright information for the website or a specific page. It is often used to protect the intellectual property of the website.
<meta name="copyright" content="Copyright © Your Name">
  1. meta name="robots" content="index, follow": This meta tag is used to provide instructions to search engine robots on how to crawl and index the website or a specific page. In this example, the robots are instructed to index the page and follow all links on the page.
<meta name="robots" content="index, follow">
  1. meta name="og:title" content="The Title of Your Website or Page": This meta tag is used to provide a title for the website or a specific page when shared on social media platforms like Facebook and Twitter. It is part of the Open Graph protocol.
<meta name="og:title" content="The Title of Your Website or Page">
  1. meta name="og:image" content="https://www.example.com/path/to/image.jpg": This meta tag is used to provide an image for the website or a specific page when shared on social media platforms like Facebook and Twitter. It is part of the Open Graph protocol.
<meta name="og:image" content="https://www.example.com/path/to/image.jpg">
  1. meta name="og:url" content="https://www.example.com/path/to/page": This meta tag is used to provide a URL for the website or a specific page when shared on social media platforms like Facebook and Twitter. It is part of the Open Graph protocol.
<meta name="og:url" content="https://www.example.com/path/to/page">

In Summary #

Meta tags are HTML elements that provide structured data about a web page, enabling search engines and other platforms to understand and classify the content more effectively. They include meta title, meta description, and meta keywords tags, which respectively specify the title, description, and keywords for the page. By using meta tags, webmasters can improve their website’s search engine optimization (SEO) and increase the chances of their content being discovered and ranked higher in search engine results.