Many elements in HTML5 have semantic value that helps search engines in indexing!
Posted: Sun Jan 05, 2025 9:17 am
Now that we have seen the main features of <head>e <body>I think it is time to discover some curiosities about the tags we have just learned.
I will also insert some more HTML5 tags for you to have a complete overview of the structural tags of this new language:
<header>and <footer>– as you might guess from the name, these are the header and footer (of the entire page or a single section and can be repeated on the page);
<section>– identifies a section of the document and can contain <header> and <footer>;
<nav>– it is the page menu and can be repeated, better not to abuse it because it is an element senegal phone number data that is of great interest to search engines;
<aside>– is the sidebar and is used to differentiate content not related to the page itself.
These tags replace the divthat have no semantic value within the page. If you have worked with HTML before, you should know that the divis a block element that serves to create a box in your page and that has value only for creating the layout. All the tags that I have just described to you for the browser are equivalent to the div, they create boxes that help it to draw the page. From the browser's point of view, they just have another name.
For a search engine it is different because they allow it to understand what the content is inside and how the page is organized.
This is one of the great novelties of HTML5: high readability of tags (the audioand tags videoare self-explanatory for example) and simplified processing for search engines.
NB: Using HTML5 does not make your site optimized for search engines because there are many other tricks and tags to use (OpenGraph for social networks and Schema.org to add additional semantic information), but they help spiders a lot to identify what content to index.
These tags should be inserted inside the tag <body>because they better describe the content, of course the tag <div>can always be used because using only these tags does not allow the creation of a complete and graphically satisfying layout.
I will also insert some more HTML5 tags for you to have a complete overview of the structural tags of this new language:
<header>and <footer>– as you might guess from the name, these are the header and footer (of the entire page or a single section and can be repeated on the page);
<section>– identifies a section of the document and can contain <header> and <footer>;
<nav>– it is the page menu and can be repeated, better not to abuse it because it is an element senegal phone number data that is of great interest to search engines;
<aside>– is the sidebar and is used to differentiate content not related to the page itself.
These tags replace the divthat have no semantic value within the page. If you have worked with HTML before, you should know that the divis a block element that serves to create a box in your page and that has value only for creating the layout. All the tags that I have just described to you for the browser are equivalent to the div, they create boxes that help it to draw the page. From the browser's point of view, they just have another name.
For a search engine it is different because they allow it to understand what the content is inside and how the page is organized.
This is one of the great novelties of HTML5: high readability of tags (the audioand tags videoare self-explanatory for example) and simplified processing for search engines.
NB: Using HTML5 does not make your site optimized for search engines because there are many other tricks and tags to use (OpenGraph for social networks and Schema.org to add additional semantic information), but they help spiders a lot to identify what content to index.
These tags should be inserted inside the tag <body>because they better describe the content, of course the tag <div>can always be used because using only these tags does not allow the creation of a complete and graphically satisfying layout.