Site icon

What Basic HTML Tags Are Needed for SEO Website Promotion? [чек-лист]

admin


HTML is a standardized document markup language for the Internet. Browsers interpret the HTML language and display the already formatted text to the user. To mark up documents, you need HTML tags that assign certain properties to texts and images.

Promoting a website does not require a thorough understanding of HTML and being a layout guru. But there are tags with which work is inextricably linked SEO. And you need to know about them.

Table of contents

When you read articles about SEO, you’ll probably come across these terms. However, they are often confused by referring to tags as elements and elements as attributes.

Let’s start with tags. These are basic HTML constructs. All are in parentheses <…> included. Tags can be single or double. In the second case there is an opening and closing tag, denoted by <…/>.

Examples of tags:

There is text in the tag. Along with the day is this text HTML element. An element is the basic structural unit of a document written in HTML.

Here are examples of elements:

This tag marks the beginning and end of a paragraph

The text enclosed in this tag is visible to the user in the browser

Items can have Attributes (properties). They have default values ​​or those specified by the user. The attribute is written in the opening tag after the element name and before the closing bracket (>).

Here is an example of an attribute:

This element contains the href attribute

Types of tags are Meta tags. These are tags that are intended to represent structured metadata about a website. They are written between tags

and – that is, users do not see their content.

Here are examples of meta tags:

So we clarified the concepts. Let’s move on to the most important HTML tags for SEO.

HTML document structure tags

Every HTML document has this structure:

…

…

Let’s find out what it includes:

  • At the top is the HTML version declaration line. It starts with a document that conforms to the HTML specification of a particular version (for example, in our case it is HTML 5).
  • Then the day comes. It tells the browser that what follows is HTML text.
  • After the opening day comes the opening day. Inside is service information (it is not displayed to users) – meta tags, statistics counter scripts and resource validation codes Yandex webmaster, Google Search Console and other services.
  • However, the information within the tag is precisely visible to users – this is where the main content is located (texts, images, videos, etc.). This means that if you want the content to appear on the page, you need to put it in the tag.

Of course, this is not a complete list of structure tags. There’s more

,
,
,
and other. But for understanding Basic website SEO optimization The tags considered are sufficient.

Don’t want to waste time optimizing your website? Automate SEO in the PromoPult system. Key selection, clustering, internal optimization, link building, website content – ​​everything happens fully automatically. SEO in PromoPult can be tested Free for 2 weeks. Evaluate the result and decide for yourself whether you want to continue.

Advertising. LLC “Klik.ru”, INN: 7743771327, ERID: 2VtzqxdVnit

HTML header tags

Headings are important for a website’s search engine optimization because they help search engines determine the relevance of documents to user queries.

title

First day –

. It is written between the tags and. This means that the information it contains is not displayed on the page, but is taken into account by search engines and displayed as a title in the search results. <p>The most important information in </p> <p></p><title> should fit in 60 characters – this is roughly reflected in the headings of search engine snippets. The general text in <title> may take longer. <p>The syntax is:</p> <p></p><title>Page title

Only one heading is allowed per page

. <p>And here is the text of </p> <p></p><title> appears in the snippet title in Yandex search: <p>label </p> <p></p><title> Often called a meta tag because it is placed in the service area. In fact, it is essentially similar to a meta tag. And if you call it a meta tag, nothing bad will happen. But technically this is a document title tag. That’s why we talked about it in this section. <figure class="similar"> </figure> <h3 id="heading_tegi-zagolovkov-h1-h6">Heading tags h1 – h6</h3> <p>Interior labels </p> <p></p>… there are headers that are displayed in the browser. The main heading is enclosed in a paired tag

Syntax:

Second level heading

Second level heading

Third level heading

Third level heading

Second level heading

To display text formatted with headings in the browser:

HTML formatting tags

If you don’t use them, the text will look like a hard-to-read “sheet”. Thanks to formatting, you can highlight the text and make it readable. Search engines recognize formatting tags and prefer “friendly” text.

For SEO purposes it is enough to use the following tags:

  • …

    (a paired tag denoting a paragraph);

  • (bullet list);
    • …

    (numbered list;

      can be nested inside each other);
  • …

    • (list item);

  • … (highlighted in bold);
  • … (emphasis in italics);

  • …

    (Quote tag, usually quotation marks appear as a horizontal line to the left of the text and move to the right).

Of course, these are not all tags, but in order to format the text yourself and not turn to a layout designer, this set is enough for an SEO specialist.

Meta tags are used in an HTML document for the following purposes:

  • Identification of authorship. The “Author” meta tag serves this purpose:
  • Submitting information to search engines to generate titles and index documents. For example, the robots meta tag’s noindex directive can prevent search robots from indexing the page:
  • Creating a card for displaying content on social networks (we wrote in detail about how to prepare a site for traffic from social networks Here);
  • Effects on page display mode. For example, the viewport tag sets the mode of displaying a website page with adaptive layout on devices with different screen resolutions:

Let’s take a closer look at important search engine optimization meta tags.

Robot meta tag

The most important meta tag for SEO is Robots. With its help, you can block or allow indexing of a page and links on it. The syntax is:

The index value indicates that robots can index the page (otherwise, change the value to noindex). The follow value allows links to be indexed (otherwise we use nofollow).

Read in which cases noindex and nofollow should be used This article.

Meta description tag

The “Description” meta tag is also important for SEO purposes. Information from this is used by Google to form a description in the snippet (but this happens). not always). But Yandex generates the snippet at its own discretion. But all search engines consider information from the description to determine the relevance of the page content to the search query. Therefore, you should definitely include key phrases here.

The syntax looks like this:

To quickly check the title, h1-h6 headings, description and keyword meta tags on the website, use PromoPult parser. Useful life hacks for working with it – Here.

Advertising. LLC “Klik.ru”, INN: 7743771327, ERID: 2VtzqxdVnit

Other important meta tags

Meta tag Keywords When search engines determine the relevance of a page, it is not taken into account. But some optimizers still mandate it. It looks like this:

What other meta tags are useful to know:

  • Viewport — used to customize website layout for mobile devices.
  • Content type – specifies the page encoding (must be UTF-8).

or in HTML5:

  • Content Language – specifies the language of the page. An incorrectly specified language will result in a lower ranking in the promotion region.

or in HTML5:

Meta tags are also used to ensure that the page is displayed correctly on social networks. For example, Open Graph Protocol supports property meta tags. These meta tags are understood by VK, Pinterest, Twitter, Telegram and other social networks and instant messengers.

Meta tags for SEO are a vast topic. In the article “Important Meta Tags for Website SEO Optimization” everything is described in detail.

HTML tag and link attributes

Hyperlinks are created using tags. The syntax is:

Anchor links

attribute href indicates the address of the document on the Internet.

A link tag has attributes. For example, the target attribute determines how a new document is opened. Possible values ​​for this attribute are:

  • _top (in current window);
  • _blank (in new window);
  • _self (in current frame);
  • _parent (in the parent frame).

If the target attribute is not set, the default is _self.

When using the target attribute with the value _blank (opening a link in a new tab), it is important to also specify the rel attribute with the value noopener. This closes the security vulnerability associated with partial control of the page by the resource to which the transition was made.

The syntax is:

Anchor links

For SEO purposes, it is often necessary to block a link from being indexed by search robots. To do this, use the rel attribute with the value nofollow.

The syntax is:

Anchor links

HTML tag and image attributes

A special tag is also used to insert and describe images. Attributes are particularly important for SEO purposes old.

Image tag syntax:

The attributes used here are:

  • src — an attribute that specifies the path to the image file.
  • old is the most important attribute for SEO. Alt’s text is used in image searches and this text also appears in place of images when their display is disabled in the browser.
  • title — This description appears as a tooltip when you hover over the image. it does not affect SEO.
  • Width And Height – the width and height of the image.

In-Depth Guide to Image SEO: “13 Image Optimization Techniques: How to Get to the Top of Image Search”

Checklist of the most important HTML tags for SEO

  • HTML document structure tags: , ,
  • Title tags: ,
  • Text formatting tags:

    ,

      ,
    1. , , ,

    2. Meta tags: description, robot, viewport, author, property, content type, content language
    3. Link tags and attributes: Attributes href, target, rel
    4. Image tags and attributes: Attributes src, alt, title, width, height

Of course, there are many more HTML tags – and knowing how to use them is just a plus. But for basic SEO, the ones we tested are completely sufficient.

Are you “swimming” in HTML and having difficulty assessing the correctness of the code? command SEO audit in PromoPult. In addition to determining the validity of the code, it contains a lot of useful information that you can build on when promoting your website.

Advertising. LLC “Klik.ru”, INN: 7743771327, ERID: 2VtzqxdVnit



Source link

Exit mobile version