{"id":521,"date":"2023-09-13T04:32:00","date_gmt":"2023-09-13T04:32:00","guid":{"rendered":"https:\/\/serpmantics.com\/?p=521"},"modified":"2025-07-02T13:26:44","modified_gmt":"2025-07-02T13:26:44","slug":"balise-semantique","status":"publish","type":"post","link":"https:\/\/serpmantics.com\/en\/beacon-semantics\/","title":{"rendered":"HTML5 semantic tags to improve your SEO"},"content":{"rendered":"<p>The SEO approach offers multiple benefits. Implementing such a strategy optimizes the quality of a merchant's sales pages. As a result, investing in SEO allows you to<strong>save money and be productive at the same time<\/strong>. It also provides <strong>long-term visibility<\/strong> and obtain <strong>qualified leads<\/strong>. What's more, SEO offers a high conversion rate and good brand awareness. However, pages need to be well structured, starting with semantic tags. These have a significant impact on search engines. Discover the different steps to improve your SEO.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Defining a semantic tag in HTML5<\/h2>\n\n\n\n<p>An HTML5 semantic tag is a <strong>enhanced HTML tag<\/strong> which provides precise information on the content of a web page. To this end, it makes it much easier for<strong>search engine indexing<\/strong>. It also guides the browser to ensure a user-friendly presentation for readers.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The role of HTML5 semantic tags in search engine optimization<\/h2>\n\n\n\n<p>HTML tags give a visual presentation to a web page, indicating its structure to browsers. However, unlike HTML5 semantic tags, they don't provide any details about the page's content. In fact, these tags give meaning to content, making it easier for search engines to understand. Moreover, their use <strong>influences natural referencing and indexing by structuring the latter<\/strong>. What's more, they promote a better user experience thanks to a <strong>smooth playback<\/strong>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The SEO benefits of HTML5 semantic markup<\/h2>\n\n\n\n<p>HTML5 semantic tags are an essential asset for SEO. First of all, they allow search engines to <strong>quickly understand the subject and structure<\/strong>. This promotes indexing and improved page positioning. What's more, they facilitate code maintenance. As a result, developers can easily modify them even after weeks or months. All they have to do is modify the CSS while targeting the <article> tag.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Comparing HTML and HTML5 markup<\/h2>\n\n\n\n<p>HTML5 semantic tags differ from traditional tags in a number of ways. First of all, HTML5 semantic tags offer new features such as <strong>multimedia support<\/strong>. Unlike older tags, HTML5 tags natively integrate image formats, including vector graphics. What's more, their use is broader, allowing users to draw a variety of shapes. In addition to a short document declaration, HTML5 tags optimize syntax rules for greater compatibility.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The different types of semantic tags you need<\/h2>\n\n\n\n<p>In HTML code, semantic tags are written with an opening  tag and a closed tag containing a slash . As for content, it is inserted in the middle of the two tags in this way: <article>content<\/article>.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The <header> tag<\/h3>\n\n\n\n<p>The <header> tag defines <strong>content header<\/strong> which includes the company logo and the site's main navigation. It transmits repetitive information from each page to the indexing robots. However, this tag is unique in HTML code. In other words, one <header> tag can't contain another on a page. Here's how it's coded in HTML5:&nbsp;<\/p>\n\n\n\n<p><header><\/p>\n\n\n\n<p>&nbsp;&nbsp;&lt;h1&gt;... &lt;\/h1&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&lt;img src=&quot;&nbsp;&raquo;image&thinsp;&raquo;&quot; alt=&quot;&nbsp;&amp;quot;The&quot; logo du site&nbsp;&raquo;&gt;<\/p>\n\n\n\n<p><\/header><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The <nav> tag<\/h3>\n\n\n\n<p>The <nav> tag contains the <strong>navigation menu<\/strong>. In HTML coding, its location is variable. It can be in the header, the footer or a sidebar. In practice, here's the HTML5 code:<\/p>\n\n\n\n<p><nav class=\"menu \"><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <ul><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;ahref=&nbsp;&raquo;#Accueil&nbsp;&raquo;&gt;Home&lt;\/a&gt;&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;ahref=&nbsp;&raquo;#Apropos&nbsp;&raquo;&gt;About us&lt;\/a&gt;&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;ahref=&nbsp;&raquo;#Contact&nbsp;&raquo;&gt;Contact&lt;\/a&gt;&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/ul><\/p>\n\n\n\n<p><\/nav><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The <main> tag<\/h3>\n\n\n\n<p>The <main> tag designates the <strong>main content<\/strong> of the web page. It's essential to note that this element forms the basis for coding a site's content. It also groups together the <section> and <article> tags. Thus, the <article> tag tells search engines the text of the content. In other words, it can be a blog post, a forum massage or a product sheet.<\/p>\n\n\n\n<p>In general, it groups together the title, publication details, category, content and linked articles. As for the <section> tag, it designates the more defined structuring of the latter. It should also be noted that this tag can contain several <section>. Here's how to write it:<\/p>\n\n\n\n<p>&lt;body&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;<header>... <\/header><\/p>\n\n\n\n<p>&nbsp;&nbsp;<main><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;... &lt;\/p&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;... &lt;\/p&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;<\/main><\/p>\n\n\n\n<p>&lt;\/body&gt;<\/p>\n\n\n\n<p>The <article> tag is written as :<\/p>\n\n\n\n<p><article><\/p>\n\n\n\n<p><header><\/p>\n\n\n\n<p>&lt;h2&gt;...&lt;\/h2&gt;<\/p>\n\n\n\n<p>&lt;p&gt;...&lt;time datetime=&quot;&nbsp;&raquo;&hellip;&nbsp;&raquo;&quot;&gt;...&lt;\/time&gt;&nbsp;...&lt;\/p&gt;<\/p>\n\n\n\n<p><\/header><\/p>\n\n\n\n<p>&lt;p&gt;...&lt;\/p&gt;<\/p>\n\n\n\n<p>&lt;p&gt;&lt;ahref=&nbsp;&raquo;lien du site&nbsp;&raquo;&gt; ...&lt;\/a&gt;&lt;\/p&gt;<\/p>\n\n\n\n<p><\/article><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The <aside> tag<\/h3>\n\n\n\n<p>The <aside> tag deals with the <strong>additional or ancillary content<\/strong> tag to the main content, such as sidebars or additional information. Note that there are no strict rules for the placement of the <aside> tag. It can be inserted at various points on the website. In HTML5, it is expressed as follows:<\/p>\n\n\n\n<p><aside><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;... &lt;\/p&gt;<\/p>\n\n\n\n<p><\/aside><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The <footer> tag<\/h3>\n\n\n\n<p>The <footer> tag <strong>delimits the footer<\/strong>. It includes the logo, navigation links and legal information. It is generally located at the bottom of the page or in a block. In HTML5, the tag is written :<\/p>\n\n\n\n<p><footer><\/p>\n\n\n\n<p>&nbsp;&nbsp;&lt;img src=&quot;&thinsp;&raquo;&quot; image&nbsp;&raquo;&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&lt;p&gt;... &lt;\/p&gt;<\/p>\n\n\n\n<p><\/footer><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The Hn tag<\/h3>\n\n\n\n<p>Visit<a href=\"https:\/\/serpmantics.com\/en\/h1-h2-h3\/\"> Hn beacons<\/a> <strong>fill in content titles<\/strong> of the page, while also being crucial for search engines. In fact, they improve readability for these browsers. In addition, they contain main and secondary keywords to provide key information on the subject. These title tags are classified into 6 levels.<\/p>\n\n\n\n<p>The &lt;h1&gt; indicates the main, most important title of the page or article. The &lt;h2&gt; tags subheadings and segments text into distinct paragraphs. Subparagraphs can be created using the &lt;h3&gt; and &lt;h4&gt; tags for an extra level of detail. The tags &lt;h5&gt; and &lt;h6&gt; also exist, but are rarely used to go into even greater detail.<\/p>\n\n\n\n<p>It's essential to have just one &lt;h1&gt; tags per page, while the number of &lt;h2&gt;, &lt;h3&gt;, &lt;h4&gt; can be higher. The aim is to structure the content in a coherent and fluid way.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><dl><dt> and <dd> description tags<\/h3>\n\n\n\n<p>The <dl>, <dt> and <dd> tags are used to <strong>create structured description lists<\/strong>. Unlike the classic <ul> and <li> lists, these tags can be used to present detailed definitions, ideal for explaining complex terms or creating a glossary on a website.<\/p>\n\n\n\n<p><dl><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;<dt>Fruit<\/dt><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;<dd>Apple<\/dd><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;<dt>Tree<\/dt><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;<dd>Apple tree<\/dd><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;<dt>Family<\/dt><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&lt;Rosaceae<\/dd><\/p>\n\n\n\n<p><\/dl><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><blockquote> and <cite> tags<\/h3>\n\n\n\n<p>The <blockquote> tag indicates a <strong>content citation<\/strong> and the <cite> tag <strong>designates its name and source<\/strong>. It's important to note that it's inserted inside the <blockquote> tag. Here's how to code them in HTML : &nbsp;<\/p>\n\n\n\n<p><blockquote><\/p>\n\n\n\n<p>&nbsp;&nbsp;&lt;p&gt;... &lt;\/p&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;<footer><cite>... <\/cite>... <\/footer><\/p>\n\n\n\n<p><\/blockquote><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><code> and <pre> tags<\/h3>\n\n\n\n<p>The <code> tag <strong>highlights code extracts<\/strong> tag, enabling search engines to recognize them. The <pre> tag displays pre-formatted text, preserving the structure of the original code. These tags indicate to indexing robots the specific nature of the content.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Other important semantic tags for SEO<\/h2>\n\n\n\n<p>HTML meta tags do <strong>reference to title, author, keywords and content description<\/strong>. These tags are essential for search engines to index your site and content. For example, the <title> tag describes the purpose of the page and is crucial for indexing. The meta-description tag, meanwhile, offers a detailed description of the page and encourages clicks from search results.<\/p>\n\n\n\n<p>Beacons &lt;p&gt;&lt;\/p&gt; tags indicate self-contained paragraphs, while the &lt;a&gt;&lt;\/a&gt; designate <strong>hyperlinks between pages<\/strong>. Beaconing &lt;em&gt;&lt;\/em&gt; highlights text and tags &lt;strong&gt;&lt;\/strong&gt; emphasize the latter.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The <address> tag<\/h3>\n\n\n\n<p>The HTML <address> tag <strong>your company address<\/strong>. It is located in the footer or on the contact page. In short, this tag simply frames the address elements for appropriate formatting. In HTML5, it is written: <address>your address<\/address>.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The  tag<\/h3>\n\n\n\n<p>This tag displays time data, such as the <strong>date of publication of an article or future event<\/strong>. It includes a datetime attribute numerically, while the format displayed to the user can vary between  and  tags. Here's a typical usage example: Thursday, August 10 at 12:30.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The <figure> tag<\/h3>\n\n\n\n<p>The <figure> tag indicates media such as <strong>illustrations, diagrams, code examples or photos<\/strong>. These elements are associated with the content without interrupting the document flow. Images &lt;figure&gt; don't need the &lt;p&gt;and bulleted lists can be omitted for image lists. You can also use &lt;figcaption&gt; for <strong>describe these media<\/strong>. Note that this tag must not be used for every image in an article, and it can be confused with <aside>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The <summary> tag<\/h3>\n\n\n\n<p>The <summary> tag is generally used within the  tag. It provides a <strong>brief description, caption or title<\/strong>e to an element.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Strategy for implementing semantic tags in HTML5<\/h2>\n\n\n\n<p>There are two ways to implement semantic markup in HTML5. Using Google's HTML markup tool, which requires no manipulation of source code. This method involves several simple steps.<\/p>\n\n\n\n<p>First, <strong>select the type of data to be structured<\/strong> in Google's HTML markup tool. The next step, <strong>enter the URL of the page<\/strong> or copy and paste the article's HTML code. Add the new tags by clicking on the \"Name\" for <strong>display title in tab<\/strong> \"My data elements\". <strong>Create HTML code with highlighted tags<\/strong> in yellow by clicking on \"Create HTML\". Finally, click on <strong>insert tags into source code<\/strong> of the page via the back-office.<\/p>\n\n\n\n<p>Alternatively, you can install plugins such as Yoast SEO or Schema Pro to integrate these semantic tags. After downloading the plugin, simply fill in the fields with the appropriate values and click on \"insert\". The HTML5 tags will be automatically added to your page's source code.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The semantic structure of HTML5 code for good SEO ranking<\/h2>\n\n\n\n<p>Although there are many different combinations of HTML5 tags, there is a precise organization that you need to follow to optimize your SEO. Here's the right structure to improve your SEO:&nbsp;<\/p>\n\n\n\n<p><!doctype html><\/p>\n\n\n\n<p>&lt;html&nbsp;lang=\u00a0\u00bbfr\u00a0\u00bb&gt;<\/p>\n\n\n\n<p>&lt;head&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;metacharset=\u00a0\u00bbutf-8\u2019 \/&gt;<\/p>\n\n\n\n<p>&lt;\/head&gt;<\/p>\n\n\n\n<p>&lt;body&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<header><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<nav class=\"menu \"><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <ul><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;ahref=&nbsp;&raquo;#Accueil&nbsp;&raquo;&gt;Home&lt;\/a&gt;&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;ahref=&nbsp;&raquo;#Apropos&nbsp;&raquo;&gt;About us&lt;\/a&gt;&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;ahref=&nbsp;&raquo;#Contact&nbsp;&raquo;&gt;Contact&lt;\/a&gt;&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/ul><\/p>\n\n\n\n<p><\/nav><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/header><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<main><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<article><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<section>... <\/section><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<section>... <\/section><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/article><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<aside>... <\/aside><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/main><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<footer><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/footer><\/p>\n\n\n\n<p>&lt;\/body&gt;<\/p>\n\n\n\n<p>&lt;\/html&gt;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">HTML5 markup best practices to improve SEO<\/h2>\n\n\n\n<p>First, use the <strong>CSS style for formatting<\/strong>. Although browsers apply styles to these tags, they should not be used to format text. For example, don't use title tags simply to change font size. Instead, use them in a semantic manner. Similarly, don't use &lt;blockquote&gt; for indentation, or &lt;strong&gt; or &lt;em&gt; to bold or italicize for no reason.<\/p>\n\n\n\n<p><strong>Organize titles in a coherent hierarchy<\/strong>. For example, subtitles&nbsp;&lt;h3 &gt; must follow the &lt;h2&gt; appropriate. This structure creates a logical hierarchy in your content, making it easier for readers and search engines to understand. You can use Semrush's site audit tool to detect problems with titles&nbsp;&lt;h1&gt; and other SEO errors. Note that this hierarchical approach also applies to all other HTML semantic tags.<\/p>\n\n\n\n<p>We recommend <strong>make reasonable use of title tags<\/strong> so as not to compromise page legibility and comprehension. In addition, it is strongly recommended to avoid titles that are too long, or abused for formatting purposes. Finally, inappropriate combinations with other tags and visually inconsistent title sizes are not recommended.<\/p>","protected":false},"excerpt":{"rendered":"<p>The SEO approach offers multiple benefits. Implementing such a strategy optimizes the quality of a merchant's sales pages. As a result, investing in SEO saves money while being productive. It also ensures long-term visibility and qualified leads. What's more, [...]<\/p>","protected":false},"author":3,"featured_media":522,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-521","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Balises s\u00e9mantiques en HTML5 pour am\u00e9liorer votre SEO - SERPmantics<\/title>\n<meta name=\"description\" content=\"Une bonne structuration du contenu d&#039;une page est essentielle pour l&#039;aspect SEO. Utiliser les balises s\u00e9mantiques est essentiel \u00e0 cet effet\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/serpmantics.com\/en\/beacon-semantics\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Balises s\u00e9mantiques en HTML5 pour am\u00e9liorer votre SEO - SERPmantics\" \/>\n<meta property=\"og:description\" content=\"Une bonne structuration du contenu d&#039;une page est essentielle pour l&#039;aspect SEO. Utiliser les balises s\u00e9mantiques est essentiel \u00e0 cet effet\" \/>\n<meta property=\"og:url\" content=\"https:\/\/serpmantics.com\/en\/beacon-semantics\/\" \/>\n<meta property=\"og:site_name\" content=\"SERPmantics\" \/>\n<meta property=\"article:published_time\" content=\"2023-09-13T04:32:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-02T13:26:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/serpmantics.com\/wp-content\/uploads\/2023\/08\/balise-semantique.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"426\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"ranto\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ranto\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/serpmantics.com\/balise-semantique\/\",\"url\":\"https:\/\/serpmantics.com\/balise-semantique\/\",\"name\":\"Balises s\u00e9mantiques en HTML5 pour am\u00e9liorer votre SEO - SERPmantics\",\"isPartOf\":{\"@id\":\"https:\/\/serpmantics.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/serpmantics.com\/balise-semantique\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/serpmantics.com\/balise-semantique\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/serpmantics.com\/wp-content\/uploads\/2023\/08\/balise-semantique.jpg\",\"datePublished\":\"2023-09-13T04:32:00+00:00\",\"dateModified\":\"2025-07-02T13:26:44+00:00\",\"author\":{\"@id\":\"https:\/\/serpmantics.com\/#\/schema\/person\/1217e103a8962fd29fac88009bee8d96\"},\"description\":\"Une bonne structuration du contenu d'une page est essentielle pour l'aspect SEO. Utiliser les balises s\u00e9mantiques est essentiel \u00e0 cet effet\",\"breadcrumb\":{\"@id\":\"https:\/\/serpmantics.com\/balise-semantique\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/serpmantics.com\/balise-semantique\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/serpmantics.com\/balise-semantique\/#primaryimage\",\"url\":\"https:\/\/serpmantics.com\/wp-content\/uploads\/2023\/08\/balise-semantique.jpg\",\"contentUrl\":\"https:\/\/serpmantics.com\/wp-content\/uploads\/2023\/08\/balise-semantique.jpg\",\"width\":640,\"height\":426,\"caption\":\"balise s\u00e9mantique\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/serpmantics.com\/balise-semantique\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/serpmantics.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Balises s\u00e9mantiques en HTML5 pour am\u00e9liorer votre SEO\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/serpmantics.com\/#website\",\"url\":\"https:\/\/serpmantics.com\/\",\"name\":\"SERPmantics\",\"description\":\"L&#039;Optimisation S\u00e9mantique pouss\u00e9e pour passer 1er sur Google\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/serpmantics.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/serpmantics.com\/#\/schema\/person\/1217e103a8962fd29fac88009bee8d96\",\"name\":\"ranto\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/serpmantics.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/15495535b021c7560fc21fdd8da4f2fe673a4a5c455e8f7e941672e65d4ee1c3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/15495535b021c7560fc21fdd8da4f2fe673a4a5c455e8f7e941672e65d4ee1c3?s=96&d=mm&r=g\",\"caption\":\"ranto\"},\"url\":\"#\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Balises s\u00e9mantiques en HTML5 pour am\u00e9liorer votre SEO - SERPmantics","description":"Une bonne structuration du contenu d'une page est essentielle pour l'aspect SEO. Utiliser les balises s\u00e9mantiques est essentiel \u00e0 cet effet","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/serpmantics.com\/en\/beacon-semantics\/","og_locale":"en_US","og_type":"article","og_title":"Balises s\u00e9mantiques en HTML5 pour am\u00e9liorer votre SEO - SERPmantics","og_description":"Une bonne structuration du contenu d'une page est essentielle pour l'aspect SEO. Utiliser les balises s\u00e9mantiques est essentiel \u00e0 cet effet","og_url":"https:\/\/serpmantics.com\/en\/beacon-semantics\/","og_site_name":"SERPmantics","article_published_time":"2023-09-13T04:32:00+00:00","article_modified_time":"2025-07-02T13:26:44+00:00","og_image":[{"width":640,"height":426,"url":"https:\/\/serpmantics.com\/wp-content\/uploads\/2023\/08\/balise-semantique.jpg","type":"image\/jpeg"}],"author":"ranto","twitter_card":"summary_large_image","twitter_misc":{"Written by":"ranto","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/serpmantics.com\/balise-semantique\/","url":"https:\/\/serpmantics.com\/balise-semantique\/","name":"Balises s\u00e9mantiques en HTML5 pour am\u00e9liorer votre SEO - SERPmantics","isPartOf":{"@id":"https:\/\/serpmantics.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/serpmantics.com\/balise-semantique\/#primaryimage"},"image":{"@id":"https:\/\/serpmantics.com\/balise-semantique\/#primaryimage"},"thumbnailUrl":"https:\/\/serpmantics.com\/wp-content\/uploads\/2023\/08\/balise-semantique.jpg","datePublished":"2023-09-13T04:32:00+00:00","dateModified":"2025-07-02T13:26:44+00:00","author":{"@id":"https:\/\/serpmantics.com\/#\/schema\/person\/1217e103a8962fd29fac88009bee8d96"},"description":"Une bonne structuration du contenu d'une page est essentielle pour l'aspect SEO. Utiliser les balises s\u00e9mantiques est essentiel \u00e0 cet effet","breadcrumb":{"@id":"https:\/\/serpmantics.com\/balise-semantique\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/serpmantics.com\/balise-semantique\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/serpmantics.com\/balise-semantique\/#primaryimage","url":"https:\/\/serpmantics.com\/wp-content\/uploads\/2023\/08\/balise-semantique.jpg","contentUrl":"https:\/\/serpmantics.com\/wp-content\/uploads\/2023\/08\/balise-semantique.jpg","width":640,"height":426,"caption":"balise s\u00e9mantique"},{"@type":"BreadcrumbList","@id":"https:\/\/serpmantics.com\/balise-semantique\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/serpmantics.com\/"},{"@type":"ListItem","position":2,"name":"Balises s\u00e9mantiques en HTML5 pour am\u00e9liorer votre SEO"}]},{"@type":"WebSite","@id":"https:\/\/serpmantics.com\/#website","url":"https:\/\/serpmantics.com\/","name":"SERPmantics","description":"L&#039;Optimisation S\u00e9mantique pouss\u00e9e pour passer 1er sur Google","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/serpmantics.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/serpmantics.com\/#\/schema\/person\/1217e103a8962fd29fac88009bee8d96","name":"ranto","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/serpmantics.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/15495535b021c7560fc21fdd8da4f2fe673a4a5c455e8f7e941672e65d4ee1c3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/15495535b021c7560fc21fdd8da4f2fe673a4a5c455e8f7e941672e65d4ee1c3?s=96&d=mm&r=g","caption":"ranto"},"url":"#"}]}},"_links":{"self":[{"href":"https:\/\/serpmantics.com\/en\/wp-json\/wp\/v2\/posts\/521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/serpmantics.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/serpmantics.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/serpmantics.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/serpmantics.com\/en\/wp-json\/wp\/v2\/comments?post=521"}],"version-history":[{"count":4,"href":"https:\/\/serpmantics.com\/en\/wp-json\/wp\/v2\/posts\/521\/revisions"}],"predecessor-version":[{"id":3020,"href":"https:\/\/serpmantics.com\/en\/wp-json\/wp\/v2\/posts\/521\/revisions\/3020"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/serpmantics.com\/en\/wp-json\/wp\/v2\/media\/522"}],"wp:attachment":[{"href":"https:\/\/serpmantics.com\/en\/wp-json\/wp\/v2\/media?parent=521"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/serpmantics.com\/en\/wp-json\/wp\/v2\/categories?post=521"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/serpmantics.com\/en\/wp-json\/wp\/v2\/tags?post=521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}