{"id":20746,"date":"2024-01-25T12:42:18","date_gmt":"2024-01-25T12:42:18","guid":{"rendered":"https:\/\/afreeurl.com\/?p=20746"},"modified":"2024-01-25T12:42:21","modified_gmt":"2024-01-25T12:42:21","slug":"why-you-should-consider-semantic-html-for-seo","status":"publish","type":"post","link":"https:\/\/afreeurl.com\/?p=20746","title":{"rendered":"Why You Should Consider Semantic HTML for SEO"},"content":{"rendered":"<p><\/p>\n<p>The increased use of language understanding in search engines has prioritized writing content that is organized by topics and subtopics and communicates the message in a way that lacks ambiguity.  Semantic HTML makes it clear to search engines exactly where the content you want to index is located on a web page, so it should be considered for both SEO and website accessibility.<\/p>\n<p>To be clear, semantic HTML is not a ranking factor.  It&#8217;s something that makes it easier for search engines to identify where the main content of a web page is, which is a very good thing.<\/p>\n<h2>  Search engines focus on the main content<\/h2>\n<p><strong>Google&#8217;s Search Quality Evaluator guidelines distinguish between three types of content on a web page:<\/strong><\/p>\n<p>Main content Complementary content Advertising content<\/p>\n<h3>Main content<\/h3>\n<p>Primary content is what search engines want to index and rank.<\/p>\n<h3>Supplementary Content<\/h3>\n<p>Supplemental content is useful, such as site navigation, but it&#8217;s not what search engines are interested in indexing.<\/p>\n<h3>Advertising content<\/h3>\n<p>Advertising content is also not what search engines visit a web page to crawl.<\/p>\n<p>Semantic HTML helps web pages achieve their purpose<\/p>\n<p>The distinction between the main content and the other two types of content is that the supplementary and advertising content do not help to achieve the purpose of the web page.<\/p>\n<p>Only core content helps a web page achieve its purpose, and according to the guidelines of the Search Quality Raters, these are the ones that receive the highest Page Quality Score from the raters.<\/p>\n<p>While it&#8217;s probably not a ranking signal, creating core content that achieves the purpose of the web page is still a goal that all publishers and SEOs should be working toward.<\/p>\n<p><strong>The Qualifiers Guide states at the beginning of Part 1:<\/strong><\/p>\n<p>&#8220;A page quality (PQ) rating task consists of a URL and a grid to record your observations as you explore the landing page and website associated with the URL.<\/p>\n<p>The purpose of the PQ rating is to assess how well the page achieves its purpose.&#8221;<\/p>\n<p>The key to achieving the purpose is in the Main Content.  Semantic HTML is what helps the search engine crawler zero in on that main content.<\/p>\n<h2>Concept of page structure: Semantic HTML<\/h2>\n<p>The number one rule of SEO is to make web pages easy for search engines to understand.<\/p>\n<p>Semantic HTML can be the most fundamental level of web page content on which the structure of the entire web page can be organized neatly into the three parts (main content, supplementary content, and advertising content).<\/p>\n<p>When we talk about semantic HTML, we&#8217;re not talking about the meaning of words.  In the context of HTML, the word &#8220;semantics&#8221; refers to the meaning of a web page, broken down into its component parts.<\/p>\n<p>Just as a body is made up of a head, torso, arms and legs, a web page is also a collection of parts.<\/p>\n<p><strong>The typical structure of a web page is as follows:<\/strong><\/p>\n<p>Header (the top part with the logo) Navigation Main content Footer<\/p>\n<p>See the part called Main Content?  This is the part that search engines are most interested in when indexing a web page.  This is the part that the search quality evaluators guidelines were referring to.<\/p>\n<p>When indexing a web page, search engines don&#8217;t care about navigation, footer, advertising, sidebars, or header sections.  They are interested in indexing the main content.<\/p>\n<p>Semantic HTML tells search engines exactly where the main content exists so the indexer can pick it up and rank it.<\/p>\n<h2>The <main> HTML element<\/h2>\n<p>Telling a search engine what content on a web page to index is as easy as using <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/main\" target=\"_blank\" rel=\"noopener\"><main>    HTML element<\/a>.<\/p>\n<p>The <main> The element has an opening tag (<main>) to mark where the main content begins.<\/p>\n<p>And has a closing tag (<\/main>) to mark where the main content ends.<\/p>\n<p>A web page can only have one <main> section<\/p>\n<p>In the section where the main content starts, just enter it <main> item  Then use the closing HTML <\/main> element, to indicate where the main section of content ends.<\/p>\n<p>This makes it very easy for search engines to get to your main content and index it.<\/p>\n<p>That&#8217;s great right?  Well, it gets even better.<\/p>\n<h2>\n<header>\n<nav>    I <\/p>\n<footer> elements<\/h2>\n<p>There are a few more semantic HTML elements for dividing a page into its component parts.<\/p>\n<h3>\n<header><\/h3>\n<p>The <\/p>\n<header> The element can be used to indicate the area at the top of the page where the logo goes and perhaps a search bar.  It is the section that is usually above the navigation area.  The <\/p>\n<header> The element can also be used to wrap headings (H1, H2, etc.), but this is not really necessary.<\/p>\n<h3>\n<nav><\/h3>\n<p>The <\/p>\n<nav> The element is what surrounds your navigation area.  For example, if the navigation area is within a <\/p>\n<div><\/div>\n<p>    you can add the <\/p>\n<nav> elements after the <\/p>\n<div>.<\/p>\n<p><strong>Example:<\/strong><\/p>\n<div>\n<nav>  main navigation links and stuff<\/nav>\n<\/div>\n<p>Technically the <\/p>\n<div> the element is not required if the <\/p>\n<nav> item is in use.  Both behave as containers, exactly the same in all modern browsers.  The <\/p>\n<nav> element is a container like a <\/p>\n<div> but the <\/p>\n<nav> is a container that has a semantic meaning while the div has no semantic meaning, it&#8217;s just a container.<\/p>\n<p>A <\/p>\n<nav> element can be inside a <\/p>\n<div> element but a <\/p>\n<div> The element should not be inside a <\/p>\n<nav> element because only navigation elements such as links can be inside a <\/p>\n<nav> item  It can be done, but it might confuse a screen reader.<\/p>\n<h3>\n<footer><\/h3>\n<p>The <\/p>\n<footer> element, like the <\/p>\n<nav> element, is a container like a div with the only difference that the <\/p>\n<footer> element has a semantic meaning.<\/p>\n<h2>Semantic HTML for supplemental content<\/h2>\n<p>Let&#8217;s say you have a web page that has main content, but also has sidebars, ads, and callout boxes that contain additional information peripherally related to the main content.<\/p>\n<p>Semantic HTML has an element called <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/aside\" target=\"_blank\" rel=\"noopener\"><\/p>\n<aside>    HTML element<\/a>.<\/p>\n<p>The <\/p>\n<aside> The element also has an opening and closing tag that denotes the beginning and end of the element <\/p>\n<aside> content<\/p>\n<p><strong>It looks like this:<\/strong><\/p>\n<aside><\/aside>\n<p><strong>And it&#8217;s used like this:<\/strong><\/p>\n<aside>\n<p>Things that are outside the topic of the main content, but within the main content area.<\/p>\n<\/aside>\n<aside>\n<div>affiliate advertising<\/div>\n<\/aside>\n<aside>Sidebar with content that is not part of the main content<\/aside>\n<h2>The <\/p>\n<article> Semantic HTML element<\/h2>\n<p>Semantic HTML allows a publisher or SEO to make it clear which part of the content is the actual article.  The <\/p>\n<article> element can be nested within <main> element (but not the other way around).  That said, the simplest and most practical use of the <\/p>\n<article> The element is on a content category page where you have page titles and page snippets for different pages.<\/p>\n<p>An opening <\/p>\n<article> and closing <\/article>\n<p> The element can wrap the title or individual fragments because they are multiple <\/p>\n<article> elements are allowed on a page.<\/p>\n<h2>There are many semantic HTML elements<\/h2>\n<p>There are about 100 semantic elements, but you don&#8217;t need to use them all.<\/p>\n<p>For more information about semantic elements, see the <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Glossary\/Semantics#semantics_in_html\" target=\"_blank\" rel=\"noopener\">Mozilla Developer Pages on Semantic HTML<\/a>is a useful resource.<\/p>\n<p>In the absolute fund, the minimum that can be used is the <main> and the <\/p>\n<aside> elements<\/p>\n<p>Even better, use <\/p>\n<header>, <\/p>\n<nav> i <\/p>\n<footer> elements, also because they are useful for creating an overview of the entire web page, such as a web page layout.<\/p>\n<p>Other useful semantic HTML elements are <button>, <\/p>\n<form> i <\/p>\n<section>which helps for accessibility reasons.<\/p>\n<p>Happy Coding!<\/p>\n<p>Featured image by Shutterstock\/avilledorsa<\/p>\n<p>[ad_2]<br \/>\n<br \/><a href=\"https:\/\/www.searchenginejournal.com\/why-you-should-consider-semantic-html-for-seo\/506384\/\" target=\"_blank\" rel=\"noopener\">Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The increased use of language understanding in search engines has prioritized writing content that is organized by topics and subtopics and communicates the message in a way that lacks ambiguity. Semantic HTML makes it clear to search engines exactly where the content you want to index is located on a web page, so it should be considered for both SEO and website accessibility. To be clear, semantic HTML is not a ranking factor. It&#8217;s something&#8230; <\/p>\n","protected":false},"author":1,"featured_media":20747,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-20746","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo-news"],"_links":{"self":[{"href":"https:\/\/afreeurl.com\/index.php?rest_route=\/wp\/v2\/posts\/20746","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/afreeurl.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/afreeurl.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/afreeurl.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/afreeurl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20746"}],"version-history":[{"count":1,"href":"https:\/\/afreeurl.com\/index.php?rest_route=\/wp\/v2\/posts\/20746\/revisions"}],"predecessor-version":[{"id":20748,"href":"https:\/\/afreeurl.com\/index.php?rest_route=\/wp\/v2\/posts\/20746\/revisions\/20748"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/afreeurl.com\/index.php?rest_route=\/wp\/v2\/media\/20747"}],"wp:attachment":[{"href":"https:\/\/afreeurl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20746"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/afreeurl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=20746"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/afreeurl.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=20746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}