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 tosave money and be productive at the same time. It also provides long-term visibility and obtain qualified leads. 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.
Defining a semantic tag in HTML5
An HTML5 semantic tag is a enhanced HTML tag which provides precise information on the content of a web page. To this end, it makes it much easier forsearch engine indexing. It also guides the browser to ensure a user-friendly presentation for readers.
The role of HTML5 semantic tags in search engine optimization
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 influences natural referencing and indexing by structuring the latter. What's more, they promote a better user experience thanks to a smooth playback.
The SEO benefits of HTML5 semantic markup
HTML5 semantic tags are an essential asset for SEO. First of all, they allow search engines to quickly understand the subject and structure. 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
Comparing HTML and HTML5 markup
HTML5 semantic tags differ from traditional tags in a number of ways. First of all, HTML5 semantic tags offer new features such as multimedia support. 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.
The different types of semantic tags you need
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:
The tag
The
<h1>... </h1>
<img src=" »image »" alt=" "The" logo du site »>
The
The
<li><ahref= »#Accueil »>Home</a></li>
<li><ahref= »#Apropos »>About us</a></li>
<li><ahref= »#Contact »>Contact</a></li>
The tag
The
In general, it groups together the title, publication details, category, content and linked articles. As for the
<body>
<p>... </p>
<p>... </p>
</body>
The
<h2>...</h2>
<p>...<time datetime=" »… »">...</time> ...</p>
<p>...</p>
<p><ahref= »lien du site »> ...</a></p>
The
The
<p>... </p>
The
The
<img src=" »" image »>
<p>... </p>
The Hn tag
Hn markup fills in content titles of the page, while also being crucial for search engines. It improves readability for these browsers. In addition, it contains main and secondary keywords to provide key information on the subject. These title tags are classified into 6 levels.
The <h1> indicates the main, most important title of the page or article. The <h2> tags subheadings and segments text into distinct paragraphs. Subparagraphs can be created using the <h3> and <h4> tags for an extra level of detail. The tags <h5> and <h6> also exist, but are rarely used to go into even greater detail.
It's essential to have just one <h1> tags per page, while the number of <h2>, <h3>, <h4> can be higher. The aim is to structure the content in a coherent and fluid way.
- and
- description tags
The
- ,
- and
- tags are used to create structured description lists. Unlike the classic
- and
- lists, these tags can be used to present detailed definitions, ideal for explaining complex terms or creating a glossary on a website.
- Fruit
- Apple
- Tree
- Apple tree
- Family
<Rosaceae
- lists, these tags can be used to present detailed definitions, ideal for explaining complex terms or creating a glossary on a website.
and tags
The
tag indicates a content citation and the tag designates its name and source. It's important to note that it's inserted inside thetag. Here's how to code them in HTML :<p>... </p>
andtagsThe
tag highlights code extracts tag, enabling search engines to recognize them. Thetag displays pre-formatted text, preserving the structure of the original code. These tags indicate to indexing robots the specific nature of the content.Other important semantic tags for SEO
HTML meta tags do reference to title, author, keywords and content description. These tags are essential for search engines to index your site and content. For example, the
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> <p>Beacons <p></p> tags indicate self-contained paragraphs, while the <a></a> designate <strong>hyperlinks between pages</strong>. Beaconing <em></em> highlights text and tags <strong></strong> emphasize the latter. </p> <h3 class="wp-block-heading">The <address> tag</h3> <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>. </p> <h3 class="wp-block-heading">The tag</h3> <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. </p> <h3 class="wp-block-heading">The <figure> tag</h3> <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 <figure> don't need the <p>and bulleted lists can be omitted for image lists. You can also use <figcaption> 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> <h3 class="wp-block-heading">The <summary> tag</h3> <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> <h2 class="wp-block-heading">Strategy for implementing semantic tags in HTML5</h2> <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> <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> <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> <h2 class="wp-block-heading">The semantic structure of HTML5 code for good SEO ranking</h2> <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: </p> <p><!doctype html></p> <p><html lang= »fr »></p> <p><head></p> <p> <metacharset= »utf-8’ /></p> <p></head></p> <p><body></p> <p> <header></p> <p> <nav class="menu "></p> <p> <ul></p> <p> <li><ahref= »#Accueil »>Home</a></li></p> <p> <li><ahref= »#Apropos »>About us</a></li></p> <p> <li><ahref= »#Contact »>Contact</a></li></p> <p> </ul></p> <p></nav></p> <p> </header></p> <p> <main></p> <p> <article></p> <p> <section>... </section></p> <p> <section>... </section></p> <p> </article></p> <p> <aside>... </aside></p> <p> </main></p> <p> <footer></p> <p> </footer></p> <p></body></p> <p></html></p> <h2 class="wp-block-heading">HTML5 markup best practices to improve SEO</h2> <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 <blockquote> for indentation, or <strong> or <em> to bold or italicize for no reason.</p> <p><strong>Organize titles in a coherent hierarchy</strong>. For example, subtitles <h3 > must follow the <h2> 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 <h1> and other SEO errors. Note that this hierarchical approach also applies to all other HTML semantic tags.</p> <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> </div> </div><div class="et_pb_column et_pb_column_1_3 et_pb_column_3_tb_body et_pb_css_mix_blend_mode_passthrough et-last-child"> <div class="et_pb_module et_pb_image et_pb_image_0_tb_body"> <span class="et_pb_image_wrap"><img fetchpriority="high" decoding="async" width="640" height="426" src="https://serpmantics.com/wp-content/uploads/2023/08/balise-semantique.jpg" alt="semantic tag" title="search-icon-mobile" srcset="https://serpmantics.com/wp-content/uploads/2023/08/balise-semantique.jpg 640w, https://serpmantics.com/wp-content/uploads/2023/08/balise-semantique-480x320.jpg 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 640px, 100vw" class="wp-image-522" /></span> </div><div class="et_pb_module et_pb_text et_pb_text_4_tb_body et_pb_text_align_left et_pb_bg_layout_light"> <div class="et_pb_text_inner"><p><span><div class="lwptoc lwptoc-autoWidth lwptoc-baseItems lwptoc-light lwptoc-notInherit" data-smooth-scroll="1" data-smooth-scroll-offset="24"><div class="lwptoc_i"> <div class="lwptoc_header"> <b class="lwptoc_title">Contents</b> <span class="lwptoc_toggle"> <a href="#" class="lwptoc_toggle_label" data-label="show">hide</a> </span> </div> <div class="lwptoc_items lwptoc_items-visible"> <div class="lwptoc_itemWrap"><div class="lwptoc_item"> <a href="#Definition_dune_balise_semantique_en_HTML5"> <span class="lwptoc_item_number">1</span> <span class="lwptoc_item_label">Defining a semantic tag in HTML5</span> </a> </div><div class="lwptoc_item"> <a href="#Les_roles_des_balises_semantiques_HTML5_dans_le_referencement_naturel"> <span class="lwptoc_item_number">2</span> <span class="lwptoc_item_label">The role of HTML5 semantic tags in search engine optimization</span> </a> </div><div class="lwptoc_item"> <a href="#Les_avantages_du_balisage_semantique_en_HTML5_pour_le_referencement_naturel"> <span class="lwptoc_item_number">3</span> <span class="lwptoc_item_label">The SEO benefits of HTML5 semantic markup</span> </a> </div><div class="lwptoc_item"> <a href="#Comparatif_entre_le_balisage_HTML_et_celui_HTML5"> <span class="lwptoc_item_number">4</span> <span class="lwptoc_item_label">Comparing HTML and HTML5 markup</span> </a> </div><div class="lwptoc_item"> <a href="#Les_differents_types_de_balises_semantiques_incontournables"> <span class="lwptoc_item_number">5</span> <span class="lwptoc_item_label">The different types of semantic tags you need</span> </a> <div class="lwptoc_itemWrap"><div class="lwptoc_item"> <a href="#La_balise_header"> <span class="lwptoc_item_number">5.1</span> <span class="lwptoc_item_label">The <header> tag</span> </a> </div><div class="lwptoc_item"> <a href="#La_balise_nav"> <span class="lwptoc_item_number">5.2</span> <span class="lwptoc_item_label">The <nav> tag</span> </a> </div><div class="lwptoc_item"> <a href="#La_balise_main"> <span class="lwptoc_item_number">5.3</span> <span class="lwptoc_item_label">The <main> tag</span> </a> </div><div class="lwptoc_item"> <a href="#La_balise_aside"> <span class="lwptoc_item_number">5.4</span> <span class="lwptoc_item_label">The <aside> tag</span> </a> </div><div class="lwptoc_item"> <a href="#La_balise_footer"> <span class="lwptoc_item_number">5.5</span> <span class="lwptoc_item_label">The <footer> tag</span> </a> </div><div class="lwptoc_item"> <a href="#La_balise_Hn"> <span class="lwptoc_item_number">5.6</span> <span class="lwptoc_item_label">The Hn tag</span> </a> </div><div class="lwptoc_item"> <a href="#Les_balises_de_description_dldt_et_dd"> <span class="lwptoc_item_number">5.7</span> <span class="lwptoc_item_label"><dl><dt> and <dd> description tags</span> </a> </div><div class="lwptoc_item"> <a href="#Les_balises_blockquote_et_cite"> <span class="lwptoc_item_number">5.8</span> <span class="lwptoc_item_label"><blockquote> and <cite> tags</span> </a> </div><div class="lwptoc_item"> <a href="#Les_balises_code_et_pre"> <span class="lwptoc_item_number">5.9</span> <span class="lwptoc_item_label"><code> and <pre> tags</span> </a> </div></div></div><div class="lwptoc_item"> <a href="#Les_autres_balises_semantiques_importantes_pour_le_SEO"> <span class="lwptoc_item_number">6</span> <span class="lwptoc_item_label">Other important semantic tags for SEO</span> </a> <div class="lwptoc_itemWrap"><div class="lwptoc_item"> <a href="#La_balise_address"> <span class="lwptoc_item_number">6.1</span> <span class="lwptoc_item_label">The <address> tag</span> </a> </div><div class="lwptoc_item"> <a href="#La_balise_time"> <span class="lwptoc_item_number">6.2</span> <span class="lwptoc_item_label">The tag</span> </a> </div><div class="lwptoc_item"> <a href="#La_balise_figure"> <span class="lwptoc_item_number">6.3</span> <span class="lwptoc_item_label">The <figure> tag</span> </a> </div><div class="lwptoc_item"> <a href="#La_balise_summary"> <span class="lwptoc_item_number">6.4</span> <span class="lwptoc_item_label">The <summary> tag</span> </a> </div></div></div><div class="lwptoc_item"> <a href="#Strategie_de_mise_en_place_des_balises_semantiques_en_HTML5"> <span class="lwptoc_item_number">7</span> <span class="lwptoc_item_label">Strategy for implementing semantic tags in HTML5</span> </a> </div><div class="lwptoc_item"> <a href="#La_structure_semantique_dun_code_HTML5_pour_un_bon_referencement_SEO"> <span class="lwptoc_item_number">8</span> <span class="lwptoc_item_label">The semantic structure of HTML5 code for good SEO ranking</span> </a> </div><div class="lwptoc_item"> <a href="#Les_bonnes_pratiques_de_balisage_HTML5_pour_ameliorer_le_SEO"> <span class="lwptoc_item_number">9</span> <span class="lwptoc_item_label">HTML5 markup best practices to improve SEO</span> </a> </div></div></div> </div></div></span></p></div> </div><div class="et_pb_button_module_wrapper et_pb_button_1_tb_body_wrapper et_pb_button_alignment_center et_pb_module"> <a class="et_pb_button et_pb_button_1_tb_body sticky et_pb_bg_layout_light" href="/en/go/signup/" data-icon="" data-wpel-link="internal">I get more traffic and more customers by optimizing my SEO content for free.</a> </div> </div> </div> </div><div class="et_pb_section et_pb_section_2_tb_body et_section_regular" > <div class="et_pb_row et_pb_row_2_tb_body"> <div class="et_pb_column et_pb_column_4_4 et_pb_column_4_tb_body et_pb_css_mix_blend_mode_passthrough et-last-child"> <div class="et_pb_module et_pb_text et_pb_text_5_tb_body et_pb_text_align_center et_pb_bg_layout_light"> <div class="et_pb_text_inner"><p>Double your SEO competition with perfectly optimized content for Google 🥇</p></div> </div><div class="et_pb_button_module_wrapper et_pb_button_2_tb_body_wrapper et_pb_button_alignment_center et_pb_module"> <a class="et_pb_button et_pb_button_2_tb_body et_pb_bg_layout_light" href="/en/go/signup/" data-icon="T" data-wpel-link="internal">I optimize my SEO content</a> </div> </div> </div> </div> </div> </div> </div> </div> <footer id="main-footer"> <div id="footer-bottom"> <div class="container clearfix"> <div id="footer-info">Created with passion by <a href="https://amauryduval.com/" data-wpel-link="external" rel="external noopener noreferrer">Amaury DUVAL</a> as part of the 12³ challenge<br> <a href="https://serpmantics.com/en/conditions-use-sale/" rel="nofollow external noopener noreferrer" data-wpel-link="external">Terms and Conditions of Use & Sale</a> | <a href="https://serpmantics.com/en/membership-conditions/" rel="nofollow external noopener noreferrer" data-wpel-link="external">General terms and conditions of affiliation</a></div> </div> </div> </footer> </div> </div> <template id="tp-language" data-tp-language="en_US"></template><!-- Matomo --><script type="text/javascript"> var _paq = window._paq = window._paq || []; _paq.push(['trackPageView']);_paq.push(['enableLinkTracking']);_paq.push(['alwaysUseSendBeacon']);_paq.push(['setTrackerUrl', "\/\/serpmantics.com\/wp-content\/plugins\/matomo\/app\/matomo.php"]);_paq.push(['setSiteId', '1']);var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.src="\/\/serpmantics.com\/wp-content\/uploads\/matomo\/matomo.js"; s.parentNode.insertBefore(g,s); </script> <!-- End Matomo Code --> <div id="trp-floater-ls" onclick="" data-no-translation class="trp-language-switcher-container trp-floater-ls-names trp-bottom-right trp-color-dark flags-full-names" > <div id="trp-floater-ls-current-language" class="trp-with-flags"> <a href="#" class="trp-floater-ls-disabled-language trp-ls-disabled-language" onclick="event.preventDefault()"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/en_US.png" width="18" height="12" alt="en_US" title="English">English </a> </div> <div id="trp-floater-ls-language-list" class="trp-with-flags" > <div class="trp-language-wrap trp-language-wrap-bottom"> <a href="https://serpmantics.com/balise-semantique/" title="French" data-wpel-link="external" rel="external noopener noreferrer"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/fr_FR.png" width="18" height="12" alt="fr_FR" title="French">French </a> <a href="https://serpmantics.com/de/ballistisch-semantisch/" title="German" data-wpel-link="external" rel="external noopener noreferrer"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/de_DE.png" width="18" height="12" alt="de_DE" title="German">German </a> <a href="https://serpmantics.com/es/semantica/" title="Spanish" data-wpel-link="external" rel="external noopener noreferrer"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/es_ES.png" width="18" height="12" alt="es_ES" title="Spanish">Spanish </a> <a href="https://serpmantics.com/it/semantica/" title="Italian" data-wpel-link="external" rel="external noopener noreferrer"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/it_IT.png" width="18" height="12" alt="it_IT" title="Italian">Italian </a> <a href="https://serpmantics.com/pt/semantica/" title="Portuguese" data-wpel-link="external" rel="external noopener noreferrer"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/pt_PT.png" width="18" height="12" alt="pt_PT" title="Portuguese">Portuguese </a> <a href="https://serpmantics.com/pl/semantyka/" title="Polish" data-wpel-link="external" rel="external noopener noreferrer"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/pl_PL.png" width="18" height="12" alt="pl_PL" title="Polish">Polish </a> <a href="https://serpmantics.com/tr/anlambilim/" title="Turkish" data-wpel-link="external" rel="external noopener noreferrer"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/tr_TR.png" width="18" height="12" alt="tr_TR" title="Turkish">Turkish </a> <a href="https://serpmantics.com/nl/semantiek/" title="Dutch" data-wpel-link="external" rel="external noopener noreferrer"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/nl_NL.png" width="18" height="12" alt="nl_NL" title="Dutch">Dutch </a> <a href="https://serpmantics.com/cs/semantika/" title="Czech" data-wpel-link="external" rel="external noopener noreferrer"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/cs_CZ.png" width="18" height="12" alt="cs_CZ" title="Czech">Czech </a> <a href="https://serpmantics.com/da/semantik/" title="Danish" data-wpel-link="external" rel="external noopener noreferrer"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/da_DK.png" width="18" height="12" alt="da_DK" title="Danish">Danish </a> <a href="#" class="trp-floater-ls-disabled-language trp-ls-disabled-language" onclick="event.preventDefault()"><img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/en_US.png" width="18" height="12" alt="en_US" title="English">English</a></div> </div> </div> <div class="trp_model_container" id="trp_ald_modal_container" style="display: none" data-no-dynamic-translation data-no-translation> <div class="trp_ald_modal" id="trp_ald_modal_popup"> <div id="trp_ald_popup_text"></div> <div class="trp_ald_select_and_button"> <div class="trp_ald_ls_container"> <div class="trp-language-switcher trp-language-switcher-container" id="trp_ald_popup_select_container" data-no-translation> <div class="trp-ls-shortcode-current-language" id="fr_FR" special-selector="trp_ald_popup_current_language" data-trp-ald-selected-language= "fr_FR"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/fr_FR.png" width="18" height="12" alt="fr_FR" title="French"> French </div> <div class="trp-ls-shortcode-language"> <div class="trp-ald-popup-select" id="fr_FR" data-trp-ald-selected-language = "fr_FR"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/fr_FR.png" width="18" height="12" alt="fr_FR" title="French"> French </div> <div class="trp-ald-popup-select" id="en_US" data-trp-ald-selected-language = "en_US"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/en_US.png" width="18" height="12" alt="en_US" title="English"> English </div> <div class="trp-ald-popup-select" id="de_DE" data-trp-ald-selected-language = "de_DE"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/de_DE.png" width="18" height="12" alt="de_DE" title="German"> German </div> <div class="trp-ald-popup-select" id="es_ES" data-trp-ald-selected-language = "es_ES"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/es_ES.png" width="18" height="12" alt="es_ES" title="Spanish"> Spanish </div> <div class="trp-ald-popup-select" id="it_IT" data-trp-ald-selected-language = "it_IT"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/it_IT.png" width="18" height="12" alt="it_IT" title="Italian"> Italian </div> <div class="trp-ald-popup-select" id="pt_PT" data-trp-ald-selected-language = "pt_PT"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/pt_PT.png" width="18" height="12" alt="pt_PT" title="Portuguese"> Portuguese </div> <div class="trp-ald-popup-select" id="pl_PL" data-trp-ald-selected-language = "pl_PL"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/pl_PL.png" width="18" height="12" alt="pl_PL" title="Polish"> Polish </div> <div class="trp-ald-popup-select" id="tr_TR" data-trp-ald-selected-language = "tr_TR"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/tr_TR.png" width="18" height="12" alt="tr_TR" title="Turkish"> Turkish </div> <div class="trp-ald-popup-select" id="nl_NL" data-trp-ald-selected-language = "nl_NL"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/nl_NL.png" width="18" height="12" alt="nl_NL" title="Dutch"> Dutch </div> <div class="trp-ald-popup-select" id="cs_CZ" data-trp-ald-selected-language = "cs_CZ"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/cs_CZ.png" width="18" height="12" alt="cs_CZ" title="Czech"> Czech </div> <div class="trp-ald-popup-select" id="da_DK" data-trp-ald-selected-language = "da_DK"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/da_DK.png" width="18" height="12" alt="da_DK" title="Danish"> Danish </div> </div> </div> </div> <div class="trp_ald_button"> <a href="https://serpmantics.com" id="trp_ald_popup_change_language" data-wpel-link="external" rel="external noopener noreferrer"></a> </div> </div> <a id="trp_ald_x_button_and_textarea" href="#"> <span id="trp_ald_x_button"></span><span id="trp_ald_x_button_textarea"></span></a> </div> </div> <template id="trp_ald_no_text_popup_template"> <div id="trp_no_text_popup_wrap"> <div id="trp_no_text_popup" class="trp_ald_no_text_popup" data-no-dynamic-translation data-no-translation> <div id="trp_ald_not_text_popup_ls_and_button"> <div id="trp_ald_no_text_popup_div"> <span id="trp_ald_no_text_popup_text"></span> </div> <div class="trp_ald_ls_container"> <div class="trp-language-switcher trp-language-switcher-container" id="trp_ald_no_text_select" data-no-translation> <div class="trp-ls-shortcode-current-language" id="fr_FR" special-selector="trp_ald_popup_current_language" data-trp-ald-selected-language="fr_FR"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/fr_FR.png" width="18" height="12" alt="fr_FR" title="French"> French </div> <div class="trp-ls-shortcode-language" id="trp_ald_no_text_popup_select_container"> <div class="trp-ald-popup-select" id="fr_FR" data-trp-ald-selected-language= "fr_FR"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/fr_FR.png" width="18" height="12" alt="fr_FR" title="French"> French </div> <div class="trp-ald-popup-select" id="en_US" data-trp-ald-selected-language="en_US"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/en_US.png" width="18" height="12" alt="en_US" title="English"> English </div> <div class="trp-ald-popup-select" id="de_DE" data-trp-ald-selected-language="de_DE"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/de_DE.png" width="18" height="12" alt="de_DE" title="German"> German </div> <div class="trp-ald-popup-select" id="es_ES" data-trp-ald-selected-language="es_ES"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/es_ES.png" width="18" height="12" alt="es_ES" title="Spanish"> Spanish </div> <div class="trp-ald-popup-select" id="it_IT" data-trp-ald-selected-language="it_IT"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/it_IT.png" width="18" height="12" alt="it_IT" title="Italian"> Italian </div> <div class="trp-ald-popup-select" id="pt_PT" data-trp-ald-selected-language="pt_PT"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/pt_PT.png" width="18" height="12" alt="pt_PT" title="Portuguese"> Portuguese </div> <div class="trp-ald-popup-select" id="pl_PL" data-trp-ald-selected-language="pl_PL"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/pl_PL.png" width="18" height="12" alt="pl_PL" title="Polish"> Polish </div> <div class="trp-ald-popup-select" id="tr_TR" data-trp-ald-selected-language="tr_TR"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/tr_TR.png" width="18" height="12" alt="tr_TR" title="Turkish"> Turkish </div> <div class="trp-ald-popup-select" id="nl_NL" data-trp-ald-selected-language="nl_NL"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/nl_NL.png" width="18" height="12" alt="nl_NL" title="Dutch"> Dutch </div> <div class="trp-ald-popup-select" id="cs_CZ" data-trp-ald-selected-language="cs_CZ"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/cs_CZ.png" width="18" height="12" alt="cs_CZ" title="Czech"> Czech </div> <div class="trp-ald-popup-select" id="da_DK" data-trp-ald-selected-language="da_DK"> <img class="trp-flag-image" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/da_DK.png" width="18" height="12" alt="da_DK" title="Danish"> Danish </div> </div> </div> </div> <div class="trp_ald_change_language_div"> <a href="https://serpmantics.com" id="trp_ald_no_text_popup_change_language" data-wpel-link="external" rel="external noopener noreferrer"></a> </div> <div id="trp_ald_no_text_popup_x_button_and_textarea"> <a id="trp_ald_no_text_popup_x_button"></a><span id="trp_ald_no_text_popup_x_button_textarea"></span></div> </div> <div id="trp_ald_no_text_popup_x"> <button id="trp_close"></button> </div> </div> </div> </template><!--Start of Tawk.to Script--> <!--<script src="https://app.serpmantics.com/scripts/tawkto.js"></script>--> <!--End of Tawk.to Script--><link rel='stylesheet' id='lwptoc-main-css' href='https://serpmantics.com/wp-content/plugins/luckywp-table-of-contents/front/assets/main.min.css?ver=2.1.4' type='text/css' media='all' /> <script type="text/javascript" id="trp-dynamic-translator-js-extra"> /* <![CDATA[ */ var trp_data = {"trp_custom_ajax_url":"https:\/\/serpmantics.com\/wp-content\/plugins\/translatepress-multilingual\/includes\/trp-ajax.php","trp_wp_ajax_url":"https:\/\/serpmantics.com\/wp-admin\/admin-ajax.php","trp_language_to_query":"en_US","trp_original_language":"fr_FR","trp_current_language":"en_US","trp_skip_selectors":["[data-no-translation]","[data-no-dynamic-translation]","[data-trp-translate-id-innertext]","script","style","head","trp-span","translate-press","[data-trp-translate-id]","[data-trpgettextoriginal]","[data-trp-post-slug]"],"trp_base_selectors":["data-trp-translate-id","data-trpgettextoriginal","data-trp-post-slug"],"trp_attributes_selectors":{"text":{"accessor":"outertext","attribute":false},"block":{"accessor":"innertext","attribute":false},"image_src":{"selector":"img[src]","accessor":"src","attribute":true},"submit":{"selector":"input[type='submit'],input[type='button'], input[type='reset']","accessor":"value","attribute":true},"placeholder":{"selector":"input[placeholder],textarea[placeholder]","accessor":"placeholder","attribute":true},"title":{"selector":"[title]","accessor":"title","attribute":true},"a_href":{"selector":"a[href]","accessor":"href","attribute":true},"button":{"accessor":"outertext","attribute":false},"option":{"accessor":"innertext","attribute":false},"aria_label":{"selector":"[aria-label]","accessor":"aria-label","attribute":true},"image_alt":{"selector":"img[alt]","accessor":"alt","attribute":true},"meta_desc":{"selector":"meta[name=\"description\"],meta[property=\"og:title\"],meta[property=\"og:description\"],meta[property=\"og:site_name\"],meta[property=\"og:image:alt\"],meta[name=\"twitter:title\"],meta[name=\"twitter:description\"],meta[name=\"twitter:image:alt\"],meta[name=\"DC.Title\"],meta[name=\"DC.Description\"],meta[property=\"article:section\"],meta[property=\"article:tag\"]","accessor":"content","attribute":true},"page_title":{"selector":"title","accessor":"innertext","attribute":false},"meta_desc_img":{"selector":"meta[property=\"og:image\"],meta[property=\"og:image:secure_url\"],meta[name=\"twitter:image\"]","accessor":"content","attribute":true}},"trp_attributes_accessors":["outertext","innertext","src","value","placeholder","title","href","aria-label","alt","content"],"gettranslationsnonceregular":"39ff36ad77","showdynamiccontentbeforetranslation":"","skip_strings_from_dynamic_translation":[],"skip_strings_from_dynamic_translation_for_substrings":{"href":["amazon-adsystem","googleads","g.doubleclick"]},"duplicate_detections_allowed":"100","trp_translate_numerals_opt":"no","trp_no_auto_translation_selectors":["[data-no-auto-translation]"]}; /* ]]> */ </script> <script type="text/javascript" src="https://serpmantics.com/wp-content/plugins/translatepress-multilingual/assets/js/trp-translate-dom-changes.js?ver=2.8.3" id="trp-dynamic-translator-js"></script> <script type="text/javascript" id="stickThis-js-extra"> /* <![CDATA[ */ var sticky_anything_engage = {"element":".sticky","topspace":"70","minscreenwidth":"0","maxscreenwidth":"999999","zindex":"1","legacymode":"","dynamicmode":"","debugmode":"","pushup":"","adminbar":"1"}; /* ]]> */ </script> <script type="text/javascript" src="https://serpmantics.com/wp-content/plugins/sticky-menu-or-anything-on-scroll/assets/js/stickThis.js?ver=2.1.1" id="stickThis-js"></script> <script type="text/javascript" id="rocket-browser-checker-js-after"> /* <![CDATA[ */ "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); /* ]]> */ </script> <script type="text/javascript" id="rocket-preload-links-js-extra"> /* <![CDATA[ */ var RocketPreloadLinksConfig = {"excludeUris":"\/en(\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$))|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/serpmantics.com\/en","onHoverDelay":"100","rateThrottle":"3"}; /* ]]> */ </script> <script type="text/javascript" id="rocket-preload-links-js-after"> /* <![CDATA[ */ (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); /* ]]> */ </script> <script type="text/javascript" src="https://serpmantics.com/wp-includes/js/comment-reply.min.js?ver=6.6.2" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script type="text/javascript" id="divi-custom-script-js-extra"> /* <![CDATA[ */ var DIVI = {"item_count":"%d Item","items_count":"%d Items"}; var et_builder_utils_params = {"condition":{"diviTheme":true,"extraTheme":false},"scrollLocations":["app","top"],"builderScrollLocations":{"desktop":"app","tablet":"app","phone":"app"},"onloadScrollLocation":"app","builderType":"fe"}; var et_frontend_scripts = {"builderCssContainerPrefix":"#et-boc","builderCssLayoutPrefix":"#et-boc .et-l"}; var et_pb_custom = {"ajaxurl":"https:\/\/serpmantics.com\/wp-admin\/admin-ajax.php","images_uri":"https:\/\/serpmantics.com\/wp-content\/themes\/Divi\/images","builder_images_uri":"https:\/\/serpmantics.com\/wp-content\/themes\/Divi\/includes\/builder\/images","et_frontend_nonce":"c15bd2d3d1","subscription_failed":"Please, check the fields below to make sure you entered the correct information.","et_ab_log_nonce":"86ba49850a","fill_message":"Please, fill in the following fields:","contact_error_message":"Please, fix the following errors:","invalid":"Invalid email","captcha":"Captcha","prev":"Prev","previous":"Previous","next":"Next","wrong_captcha":"You entered the wrong number in captcha.","wrong_checkbox":"Checkbox","ignore_waypoints":"no","is_divi_theme_used":"1","widget_search_selector":".widget_search","ab_tests":[],"is_ab_testing_active":"","page_id":"521","unique_test_id":"","ab_bounce_rate":"5","is_cache_plugin_active":"yes","is_shortcode_tracking":"","tinymce_uri":"https:\/\/serpmantics.com\/wp-content\/themes\/Divi\/includes\/builder\/frontend-builder\/assets\/vendors","accent_color":"#219ebc","waypoints_options":[]}; var et_pb_box_shadow_elements = []; /* ]]> */ </script> <script type="text/javascript" src="https://serpmantics.com/wp-content/themes/Divi/js/scripts.min.js?ver=4.27.1" id="divi-custom-script-js"></script> <script type="text/javascript" src="https://serpmantics.com/wp-content/themes/Divi/includes/builder/feature/dynamic-assets/assets/js/jquery.fitvids.js?ver=4.27.1" id="fitvids-js"></script> <script type="text/javascript" src="https://serpmantics.com/wp-content/themes/Divi/core/admin/js/common.js?ver=4.27.1" id="et-core-common-js"></script> <script type="text/javascript" src="https://serpmantics.com/wp-content/plugins/luckywp-table-of-contents/front/assets/main.min.js?ver=2.1.4" id="lwptoc-main-js"></script> </body> </html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1726793267 -->