Optimization of the Description Tag

What is the description tag?

The description tag is a HTML element that should be placed in the head section of your webpage. It provides a full description of the page it is included on. The Internet of Bots offers a full tutorial about how to correctly implement this description tag, by which users and search engines can make the best use of this essential part of a website.


How is it used?

  1. The description tag should be placed within the <head> section.
  2. As a HTML Meta element, the tag should be declared by name and content. Remember to place the information between quotation marks: <meta name="description" content="Text">
  3. Don´t use HTML elements, such as anchors <a>, paragraph marks <mark>, or highlighting <b> <i> <u> within the description tag.
  4. You don´t have to close the tag: <meta></meta>.
  5. Make sure there is (only) one description tag per page.

<head>
<meta name="description" content="The description tag is a HTML element that should be placed in the head section of your webpage. It provides a full description of the page it is included on. The Internet of Bots offers a full tutorial about how to correctly implement this description tag, by which users and search engines can make the best use of this essential part of a website.">
</head>

Why is it important?

  • The description tag is used by search-engines to enlist your website.
  • Users will see your description tag displayed in the search engine results.
  • When your page is linked to in social media, the description tag is shown for all recipients.

What can I do to check if my description is good?

  1. Make sure every page of the site has a unique description tag
  2. Try to limit the tag from 150 up to 600 characters
  3. Have the tag give a full description of the page
  4. Have the name of your website / company included
  5. Make the description correspond to the title, keywords, H elements, and / or the text of the page
  6. Make sure the tag is defined correctly (see ´How is it used?´)

What is the exact position to place the tag?

This is a difficult question, since different developers have different opinions. The main thing is to place the title tag in (the top) of the head section. The Internet of Bots uses the following order as proposed bij Bootstrap 3:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Optimization of the title tag - The Internet of Bots</title>
<meta name="description" content="The description tag is a HTML element that should be placed in the head section of your webpage. It provides a full description of the page it is included on. The Internet of Bots offers a full tutorial about how to correctly implement this description tag, by which users and search engines can make the best use of this essential part of a website.">
[...]

Suggestions:

  • Search for something in Google. Every result starts with a blue and green line. Below these you can find the descriptions of the various webpages.
  • Open a website and view its sourcecode. Here you can see how the website has defined its description tag.

External references:

  1. W3schools explaining the description tag
  2. Google on creating good description tags
  3. Google search for HTML description tag