HTML SEO tags: the essentials to know
- Melanie Robin
- November 2, 2023
- 8:50 p.m.
- 0 comments
Updated January 20, 2024
HTML tags in SEO are like the foundation of a house. They are the foundation on which your website rests. You want your visitors and web crawlers to like and recommend your content, right? In this article, we will see the tags to know in natural referencing and how tagging plays an essential role in improving the visibility of your content. Because these tags represent much more than simple lines of code: they are one of the keys to making your site shine on the Web.
HTML attributes
HTML tags can also have attributes that provide additional information.
➡️ Example to code a hyperlink :
<a href="https://www.exemple.com">Visit our website</a>
Here, the href attribute has the value of the URL to which the link redirects.
➡️ Example to code a picture :
<img src="appartement.jpg" alt="Modernize a Haussmannian apartment">
Here, the img attribute has the value of the displayed image. The src (source) attribute indicates the path to the image (here, "apartment.jpg"). The ALT attribute designates alternative text which is displayed if the image cannot be loaded due to a technical problem or if the user is using a screen reader (visually impaired people). In SEO, the ALT attribute is essential for referencing images.
HTML tags in SEO to structure your pages
In web writing, the editor uses on-page and off-page HTML tags to create structured and optimized content. They indicate the importance and hierarchy of content to search engines (Google, Bing, etc.). Markup also improves the readability and understanding of content for Internet users. What HTML Markers Should You Know? Overview !
The tag </span></h3></div></div></div><div id="" class="brz-css-i3EOG brz-css-qz7mA brz-wrapper"><div class="brz-rich-text brz-rich-text__custom brz-css-pY4CK" data-brz-custom-id="wybaiqaowhlhixgatfqmosrpfzhukluqqheh"><div data-brz-translate-text="1"><p class="brz-text-lg-left brz-lh-sm-1_9 brz-lh-xs-1_9 brz-fs-sm-15 brz-fs-xs-15 brz-fw-sm-400 brz-fw-xs-400 brz-fs-lg-17 brz-fss-lg-px brz-fw-lg-400 brz-ls-lg-0 brz-lh-lg-1_7 brz-tp-lg-empty brz-ff-palanquin brz-ft-google brz-css-flNic" data-uniq-id="kaoR9" data-generated-css="brz-css-ujrYH"><span style="color: rgb(100, 105, 111);">There </span><a class="link--external brz-cp-color5" style="color: rgba(var(--brz-global-color5),1);" href="https://www.ouiscribe.com/en/balise-title-la-recette-seo-pour-loptimiser/" data-brz-link-type="external">title tag</a><span class="brz-cp-color7" style="opacity: 1;"> </span><span style="color: rgb(100, 105, 111);">is represented by </span><strong style="color: rgb(100, 105, 111);">a clickable blue link</strong><span style="color: rgb(100, 105, 111);"> in the Google results page. It plays a major role in SEO and must attract the attention of Internet users. </span></p><p class="brz-text-lg-left brz-lh-sm-1_9 brz-lh-xs-1_9 brz-fs-sm-15 brz-fs-xs-15 brz-fw-sm-400 brz-fw-xs-400 brz-fs-lg-17 brz-fss-lg-px brz-fw-lg-400 brz-ls-lg-0 brz-lh-lg-1_7 brz-tp-lg-empty brz-ff-palanquin brz-ft-google brz-css-l22e2" data-uniq-id="znNIl" data-generated-css="brz-css-x1tZX"><span class="brz-cp-color7" style="opacity: 1;"> </span></p><p class="brz-text-lg-left brz-lh-sm-1_9 brz-lh-xs-1_9 brz-fs-sm-15 brz-fs-xs-15 brz-fw-sm-400 brz-fw-xs-400 brz-fs-lg-17 brz-fss-lg-px brz-fw-lg-400 brz-ls-lg-0 brz-lh-lg-1_7 brz-tp-lg-empty brz-ff-palanquin brz-ft-google brz-css-x7pg_" data-uniq-id="a90Ct" data-generated-css="brz-css-sOE4w"><span class="brz-cp-color3" style="opacity: 1;">Example</span><span style="opacity: 1;" class="brz-cp-color7"> </span><span style="opacity: 1;" class="brz-cp-color3">:</span><span style="opacity: 1;" class="brz-cp-color7"> </span><span style="color: rgb(100, 105, 111);"><title>Interior Decorating Tips – Your Guide to a Stylish Interior
The tag <meta description>
The meta description tag summarizes the content of a web page and must arouse the interest of Internet users. This brief description is visible under the blue link in the SERP (results page).
Example : <meta name="description" content="Découvrez des secrets de décoration intérieure pour créer un chez-vous élégant et chaleureux. Transformez votre espace avec nos astuces." />
The tag <h1>
The H1 tag represents the main title of the web page (editorial title visible on the page). The H1 can be identical to the title.
Example : <h1>Discover interior design trends</h1>
Tags <h2>, <h3>, <h4>, <h5>, <h6>
THE subtitle tags <h2>, <h3, <h4>, etc. prioritize content to guide readers and web crawlers through your words.
Example : <h2>Bedroom decoration</h2>
💡 Please note: remember to respect the order of the H1 to H6 tags to structure your page. Start with H1 for the headline, then H2 for section titles, and so on. For example, avoid going directly from H2 to H4, as this can disorganize the structure and harm accessibility as well as SEO.
The tag <p>
The tag paragraph aerates the content of the page. It creates pauses for fluid and understandable reading of your text.
Example : <p>Transform your living space into a haven of peace with our interior design ideas.</p>
Tags And
The tag bulleted list makes the content more visually appealing and catches the eye of internet users.
Example :
Tags And
The ordered list tag creates numbered lists and indicates the order of the elements.
Example :
The tag <strong>
The tag of bolding, highlights the key message and has a significant semantic impact.
Example : <p>For a striking effect, <strong>accent a wall with a contrasting color</strong>.</p>
The tag
The tag italics highlights words or phrases for understated emphasis.
Example : <p>Tissues <i>velvet</i> bring a touch of luxury to your decoration.</p>
Why mark up a web page?
HTML SEO tags allow you to create quality websites, adapted to the needs of Internet users and the requirements of search engines. Web page markup appears to be essential for several reasons:
- Structuring content : contribute to the visual and logical organization of a web page.
- Accessibility : facilitate navigation and understanding of content for people with specific needs (screen readers, etc.).
- SEO referencing : make web robots understand the structure and content of a page so that they classify it in the SERP. You should place the main keyword in the tags the most relevant.
- Improved user experience : help visitors quickly find the information they need.
How to see the SEO tags of a page?
How to identify the title? How to inspect HTML elements on a web page? Before publishing an article or web page, it is a good idea to preview the content to ensure that the markup is applied correctly and that it looks as expected.
Check the source code of the page
To check the source code of a web page, follow these simple steps:
- Open the web page you want to inspect.
- Right-click anywhere on the web page.
- Select “Inspect”. to display the HTML source code of the page.
It's a good way to understand how a web page is built and identify possible problems.
Download the SEO META IN 1 CLICK extension
The SEO META IN 1 CLICK extension is a tool that allows you to check meta tags and other SEO information on a web page at a glance.
- Open the Google Chrome browser.
- Go to the Chrome Web Store or type the extension name directly into the search bar.
- Click “add extension”. The extension will be downloaded and installed on your browser.
Use the w3schools online tool
W3Schools allows, among other things, to edit and test live code. A handy tool for checking how HTML markers are arranged in web page content. To do this, nothing could be simpler: go to the W3Schools website.
HTML and SEO comments
“HTML comments” are elements of code in web pages. They provide space for developers to add annotations, reminders, tips, etc. Think of them as “post-its” that are invisible to site visitors. So, are they read by search engine bots (Googlebot)? According to Google Search team member John Mueller, HTML comments are ignored during indexing contents. They therefore do not serve as a hiding place for keywords that could boost your SEO! HTML comments don't change SEO head-on, but behind the scenes they can have benefits.
💡 Are you interested in the subject? Read my article to know everything.
What you must remember
In web writing, HTML tags in SEO represent the invisible foundations of web pages. They make it possible to prioritize content, optimize organic referencing, and improve the visitor experience (UX). The art of markup is a valuable skill for creating quality web content that will appeal to both readers and web crawlers.
Consultant in natural referencing (SEO) and digital strategies in Paris. I help businesses optimize their online visibility.
Share on
