6 metatags to use in every website

single-image

Metatags are a very valuable tool for positioning in all search engines. However, 99% of network traffic comes from Google and we will focus on it.

The <head> element is a container for metadata. It’s located above the <body> element and is one of several elements allowed in the <html> tag. HTML metadata is information about the document and is not displayed to the user until the source source is examined.

1. The <title>

Is the tag <title> a meta tag? Technically no, but it is. Of course, we often encounter this interpretation, because its purpose is very similar to metatags – it provides the browser and search engine with information about the website, and it has slightly more functions:

  • defines the title of the web page in the browser window
  • defines the title of the website when adding it to favorites
  • defines the page title for search engines

Info about <title>

  • The minimum number of characters: 5
  • Maximum number of characters: 70
  • The <title> tag is mandatory (otherwise the W3C Validator will show an error)!

Sample <title> tag:

<title> Netowo | Making internet </title>

2. Charset

Defines the character encoding system in the document. The usual meta tag looks like this:

<meta charset="UTF-8">

3. Description

Supported by most search engines (including Google). Describes the content of the document, the content of the page. It is displayed under the title of the item on search engine pages, and is invisible to the user.

W3C does not define its maximum length, however, recommended by specialists is 155 characters.

Sample description meta tag:

<meta name="description" content="Creative about websites. See our blog. It's great.">

4. Keywords

This method has been widely used in search engines since 1995 (such as Infoseek or Altavista). Today, however, it does not exert significant influence. As early as 2009, Google officially announced that it was no longer positioning.

You can ask yourself: “Is it worth it then?”. It’s worth it because other search engines still support this meta tag (e.g. yahoo), come on, its meaning is marginal. Here’s what the keywords tag should look like:

<meta name="keywords" content="HTML, CSS, XML, JavaScript">

5. Author

Of course, as the name implies, this meta tag describes the author of the document. May be relevant to search engines. It is worth using it because, unlike keywords and description, it should be repeated on every subpage. It may include our name or our company name.

Sample meta tag author:

<meta name="author" content="John Doe">

6. Viewport

The viewport meta tag is new in HTML 5. It allows programmers to take control of the correct display of elements in devices where the CSS pixel does not match the display pixel dimension (one CSS pixel can consist of many display pixels). Specifies both the size of elements and their scale.

It should be placed on every page and subpage. Fortunately, it is repetitive. Has the form:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

The width=device-width part defines the width of the page to the width of the device window.

The initial-scale=1.0 part specifies the initial page scale to be 1.0

Summary

Metatags are key to achieve high Google position. They are one of the most important elements on the document side. You should and should even use them on every page and subpage.

There are other metatags that are worth placing on many websites – social media metatags and Google News metatags. However, about them in subsequent entries.


Please leave me comment if you have any question. If you liked this post, go to my instagram and follow me to stay up to date!

You may like