7 HTML Tags Essential

Index of contents

If you are developing a web site, it is essential that you know and use the 7 essential HTML tags for every page. It will not be enough with a hosting efficient or some of the tools of optimization half-employed. With the labels you will add particular characteristics to the contents of your page. Below, we will explain what you need to understand the importance of this language. 

What is an HTML tag?

HTML tags are short code structures that send the browser instructions on how to present certain content. They are part of the computer language known as "hypertext".from which web platforms are commonly created.

With them it is possible to incorporate basic information in your virtual site and provide it with particular characteristics. You will be able to add titles or paragraphs with a specific color to your page, as well as links, menus and other sections.  

How do the labels work?

The functions indicated by the tags depend on the information embedded in them according to certain formats. Thus, the browser reads the code and acts according to what the tag indicates. They are made up of basic parts that create in turn elements with attributes and content.

In other words, tags enclose and determine other segments of HTML code called "elements". Together, they form lines of code that structure your website. These are the fragments that constitute and encompass a tag:

Opening and closing labels

There are two basic forms of labels, the one that indicates where an element starts and the one that indicates where it ends. Both enclose in angle brackets () some letter or word that represents the action to be performed. For example, the tag that marks where a paragraph starts looks like this:

.

The closing tag also includes a slash before the letter or word. Continuing with the same example, a tag indicating where a paragraph ends should look like this:

.

Attributes

They are the additional data or information added to an element. They are made up of the word indicating the attribute and another one indicating its value. They go inside the opening tag, marking a space between them and the tag name.

The attribute name is followed by the equals sign (=), then the attribute value in quotation marks. Finally, the greater than sign is added to close the tag. For example, if you want to put the letter of a paragraph with a certain color, the initial tag would be: .

Item content

It is the text that will vary according to what the tags indicate. It goes between the opening tag and the closing tag. Look at the following HTML line: I like strawberry ice cream. This constitutes an elementThe text that we have included is the content that we set to appear in red.

Why is it important to use HTML tags?

In the development of a web page, the use of HTML tags is of the utmost importance for the optimization. These are some of the reasons why its use is relevant:

  • Structure of your siteTags: The structure of your website depends largely on the tags. With them the content is organized and identified. That is to say, affect both the appearance and the performance of your site. Imagine them as the gears that project the virtual image of your company or organization to the user.
  • SEO ToolsTags provide information to search engines that influence the positioning of your website. Through them, browsers can identify keywords and place your site in the search listings. Needless to say that if you get a good positioning you gain visits and make your products and services known.

However, you don't have to worry about doing this on your own. At Geekobitwe have everything you need to make it happen for you. 

What are the 7 essential HTML tags to position your content?

There are many tags used in the development of a web space, as many as features and functions can be added to it. However, there are some whose key elements you can specifically take advantage of to optimize the positioning of your page. Here we will point out and describe what we consider to be the 7 essential HTML tags for positioning all content.

  1. Title Label

The title tag corresponds to the following structure: to start and to end. With it you you indicate to search engines the page title. At the same time, they are an alternative to highlight the keywords of your content.

  1. Header Labels

There are several tags you can use for headings, but the most common ones are H1 and H2. They would follow the following structure:

to start,

as closing. These are decisive in the hierarchy of the parts of your content, because they divide it into sections.

  1. Meta description tag

With it, a summary of the information you are developing is integrated to your page. They should appear after the title and ideally you should include the keywords. This is a way to include a meta description on your website: .

  1. Robot Label

This type of label is required for signal to the search engines the indexing of your site. It also tells the search engine which links to follow and which links not to follow.

This is one of the meta robots tags indicating that they can index the page: . On the other hand, this is the opposite: .

  1. Open Graph label

These labels are functional for properly display the content of your page on social networks. If you do not use them, the information will be displayed with random images and descriptions. The name used for this tag in HTML language corresponds to its abbreviation "og". It is added to the tags of the content to be shared on networks.

Here is an example of how to use it: .

  1. Alternate Text Label

It is a tag used to describe images. Through it you get search engines to consider the visual content of your website. It also allows reading software to describe the image to visually impaired users. An example of how to use it would be: <img src="“formato" de imagen” alt="&quot;Description." la>.

  1. Canonical Label

This type of tag is especially useful if you manage two pages with similar content. Through it you prioritize the one that you want to stand out in search engines. This is one way to use it: .

> Share it to whoever may be interested: