Common mistakes in HTML4 / HTML5 semantics and why they should be avoided - Profit Hunter

Just as well-structured content makes communication with the site more convenient for the visitor, so semantic markup, in my opinion, makes communication with the site more convenient for the search engine.

No, I do not mean that for SEO it is a matter of life and death - this is not even close - but if you share my opinion and consider that the correct structuring of information complements the content with context and promotes beneficial indexing and ranking - never take the time to thoroughly check the semantics of your code.

A markup article recently appeared on springboardseo. com, which I diligently and translated.

Common Semantic Mistakes

Div's Abuse

Div is used to break a pattern into logical segments when it is not possible to apply a semantically correct tag. Before HTML5, there were no tags like. header. and footer. , so when using DOCTYPEHTML4 or XHTML, do not forget to come up with IDs for the relevant sections, as well as for sidebars, main columns and other logical partitions of the template. You should never lose the opportunity to bring semantics to mind.

Multiple H1

In XTML and earlier HTML versions of HTML (which, by and large, are still the most common versions of HTML), one of the most common semantic errors was the use of multiple H1 on one page. The H1 tag is used exclusively for the main page title and should be used only once just before the content part - similar to a newspaper article in which there can be subtitles, but there is always only one main title.

The HTML5 specification adds a new dimension to this problem: the fact is that it recommends that from the point of view of HTML 4. 01 was a semantic error, namely, the use of more than one H1. Multiple headers are quite appropriate in HTML5, since the pages in it are segmented more (and otherwise), but in versions before HTML5 there should be only one H1 on the page.

Skipping header levels

If H4 is present in your markup, it is better to replace it with H3. Do not miss the headline levels. If you need the subtitle font to be smaller, open the style sheet and make the necessary changes.

Patterns based on tables

We have been living in the 21st century for more than ten years, so this, by and large, could have been silent. However: in HTML tables are intended for tabular data. That is: for the image tables - please. For the page template - not worth it.

CSS positioning is not as difficult to master as it seems at first glance - especially if it is possible to turn to an experienced specialist who can overcome incompatibility with the main browsers with two or three elegant corrections.

The main thing you need to remember about CSS positioning is that it is 90% attainable through the float and margin properties alone. For most templates, there is no need to clutter up style sheets with overly detailed positioning properties - so it will be difficult for you to understand your own styles later.

Block elements inside line elements

For beginners, the difference between line elements and block elements often turns out to be a source of considerable confusion.

Abuse BR

If you insert a line break, or. br. After every few words, you probably need to apply the list. If you enter a lot. br. in a row, it's probably time you think about adding styles.

But how does semantic markup affect SEO? . I, of course, generalize, but this is solely to bring my thought to you, namely:

The structure of the text is a concept of visual perception that makes sense only to people. Search engines receive contextual stimuli from semantic meanings contained in headings, subheadings, definition lists and other semantically rich HTML elements.

Semantics, SEO and the future

If you are not already writing your own HTML and CSS codes, then you should take care to start doing this in the near future. Why? With the advent of the controversial system Schema. The org, created by three search giants, the advent of the Semantic Web is increasingly moving from the area of ​​ideas, where it has been found for more than a decade, to the area of ​​reality.

The Semantic Web is a new level of influence of semantics on search, as well as on many other aspects of network life, and one who does not keep pace with the changes risks being in an extremely unenviable position.

Like articles? Subscribe to the newsletter!


Related Articles