{"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\/pt\/semantica\/","title":{"rendered":"Etiquetas sem\u00e2nticas HTML5 para melhorar a sua SEO"},"content":{"rendered":"<p>A abordagem SEO tem m\u00faltiplas vantagens. A implementa\u00e7\u00e3o de uma estrat\u00e9gia deste tipo optimiza a qualidade das p\u00e1ginas de vendas de um comerciante. Consequentemente, o investimento em SEO permite-lhe<strong>poupar dinheiro e ser produtivo ao mesmo tempo<\/strong>. Tamb\u00e9m fornece <strong>visibilidade a longo prazo<\/strong> e obter <strong>contactos qualificados<\/strong>. Al\u00e9m disso, a referencia\u00e7\u00e3o natural oferece uma elevada taxa de convers\u00e3o e um bom conhecimento da marca. No entanto, as p\u00e1ginas t\u00eam de ser bem estruturadas, a come\u00e7ar pelas etiquetas sem\u00e2nticas. Estas t\u00eam um impacto significativo nos motores de busca. Descubra as diferentes etapas para melhorar a sua SEO.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Defini\u00e7\u00e3o de uma etiqueta sem\u00e2ntica em HTML5<\/h2>\n\n\n\n<p>Uma etiqueta sem\u00e2ntica em HTML5 \u00e9 uma <strong>etiqueta HTML melhorada<\/strong> que fornece informa\u00e7\u00f5es precisas sobre o conte\u00fado de uma p\u00e1gina Web. Para o efeito, torna muito mais f\u00e1cil para<strong>indexa\u00e7\u00e3o do motor de busca<\/strong>. Tamb\u00e9m orienta o navegador para garantir uma apresenta\u00e7\u00e3o de f\u00e1cil utiliza\u00e7\u00e3o para os leitores.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">O papel das etiquetas sem\u00e2nticas HTML5 na referencia\u00e7\u00e3o natural<\/h2>\n\n\n\n<p>As etiquetas HTML d\u00e3o uma apresenta\u00e7\u00e3o visual a uma p\u00e1gina Web, indicando a sua estrutura aos navegadores. No entanto, n\u00e3o fornecem quaisquer pormenores sobre o conte\u00fado da p\u00e1gina, ao contr\u00e1rio das etiquetas sem\u00e2nticas HTML5. As etiquetas sem\u00e2nticas d\u00e3o significado ao conte\u00fado, tornando-o mais f\u00e1cil de compreender pelos motores de busca. Al\u00e9m disso, a sua utiliza\u00e7\u00e3o <strong>influencia a referencia\u00e7\u00e3o e a indexa\u00e7\u00e3o naturais, estruturando estas \u00faltimas<\/strong>. Al\u00e9m disso, promovem uma melhor experi\u00eancia do utilizador gra\u00e7as a uma <strong>reprodu\u00e7\u00e3o suave<\/strong>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">As vantagens da marca\u00e7\u00e3o sem\u00e2ntica em HTML5 para a referencia\u00e7\u00e3o natural<\/h2>\n\n\n\n<p>As etiquetas sem\u00e2nticas HTML5 s\u00e3o um trunfo essencial para a otimiza\u00e7\u00e3o dos motores de busca. Em primeiro lugar, permitem aos motores de busca <strong>compreender rapidamente o tema e a estrutura<\/strong>. Isto favorece a indexa\u00e7\u00e3o e melhora o posicionamento da p\u00e1gina. Tamb\u00e9m facilitam a manuten\u00e7\u00e3o do c\u00f3digo. Como resultado, os programadores podem facilmente modific\u00e1-los mesmo ap\u00f3s semanas ou mesmo meses. Tudo o que t\u00eam de fazer \u00e9 modificar o CSS enquanto se direccionam para a etiqueta <article>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Compara\u00e7\u00e3o entre a marca\u00e7\u00e3o HTML e HTML5<\/h2>\n\n\n\n<p>As etiquetas sem\u00e2nticas HTML5 diferem das etiquetas tradicionais de v\u00e1rias formas. Em primeiro lugar, as etiquetas sem\u00e2nticas HTML5 oferecem novas funcionalidades, tais como <strong>suporte multim\u00e9dia<\/strong>. Ao contr\u00e1rio das antigas etiquetas, as etiquetas HTML5 integram nativamente formatos de imagem, incluindo gr\u00e1ficos vectoriais. Al\u00e9m disso, podem ser utilizadas de forma mais ampla, permitindo aos utilizadores desenhar uma variedade de formas. Para al\u00e9m de uma declara\u00e7\u00e3o de documento curta, as etiquetas HTML5 optimizam as regras de sintaxe para uma maior compatibilidade.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Os diferentes tipos de etiquetas sem\u00e2nticas que s\u00e3o essenciais<\/h2>\n\n\n\n<p>No c\u00f3digo HTML, as etiquetas sem\u00e2nticas s\u00e3o escritas com uma etiqueta de abertura  e uma etiqueta de fecho que cont\u00e9m uma barra . Quanto ao conte\u00fado, este \u00e9 inserido no meio das duas etiquetas da seguinte forma: conte\u00fado.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">A etiqueta <header><\/h3>\n\n\n\n<p>A etiqueta <header> define <strong>o cabe\u00e7alho do conte\u00fado<\/strong> que inclui o log\u00f3tipo da empresa e a navega\u00e7\u00e3o principal do s\u00edtio. Transmite informa\u00e7\u00f5es repetitivas de cada p\u00e1gina para os robots de indexa\u00e7\u00e3o. No entanto, esta etiqueta \u00e9 \u00fanica no c\u00f3digo HTML. Por outras palavras, uma etiqueta <header> n\u00e3o pode conter outra numa p\u00e1gina. \u00c9 assim que ela \u00e9 codificada em HTML5:&nbsp;<\/p>\n\n\n\n<p>&lt;header&gt;<\/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;O&quot; logo du site&nbsp;&raquo;&gt;<\/p>\n\n\n\n<p><\/header><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">A etiqueta <nav><\/h3>\n\n\n\n<p>A tag <nav> cont\u00e9m o <strong>menu de navega\u00e7\u00e3o<\/strong>. Na codifica\u00e7\u00e3o HTML, a sua localiza\u00e7\u00e3o varia. Pode estar no cabe\u00e7alho, no rodap\u00e9 ou numa barra lateral. Na pr\u00e1tica, aqui est\u00e1 o c\u00f3digo em HTML5 :<\/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;In&iacute;cio&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;Sobre n&oacute;s&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;Contacto&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\">A etiqueta <main><\/h3>\n\n\n\n<p>A tag <main> designa o <strong>conte\u00fado principal<\/strong> da p\u00e1gina Web. \u00c9 essencial notar que este elemento constitui a base para a codifica\u00e7\u00e3o do conte\u00fado de um s\u00edtio. Tamb\u00e9m agrupa as etiquetas  e . A etiqueta <article> indica aos motores de busca o texto do conte\u00fado. Por outras palavras, pode ser um post de blogue, uma massagem de f\u00f3rum ou uma ficha de produto.<\/p>\n\n\n\n<p>Em geral, agrupa o t\u00edtulo, os pormenores da publica\u00e7\u00e3o, a categoria, o conte\u00fado e os artigos ligados. Quanto \u00e0 etiqueta <section>, designa a estrutura\u00e7\u00e3o mais definida desta \u00faltima. Note-se tamb\u00e9m que esta etiqueta pode conter v\u00e1rias <section>. Eis como a escrever:<\/p>\n\n\n\n<p>&lt;body&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;...<\/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>A etiqueta <article> \u00e9 escrita como :<\/p>\n\n\n\n<p>&lt;article&gt;<\/p>\n\n\n\n<p>&lt;header&gt;<\/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\">A etiqueta <aside><\/h3>\n\n\n\n<p>A etiqueta <aside> lida com o <strong>conte\u00fados adicionais ou acess\u00f3rios<\/strong> para o conte\u00fado principal, como barras laterais ou informa\u00e7\u00f5es adicionais. Note-se que n\u00e3o existem regras estritas para a coloca\u00e7\u00e3o da etiqueta <aside>. Pode ser inserida em v\u00e1rios locais do s\u00edtio Web. Em HTML5, ela \u00e9 expressa da seguinte forma:<\/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\">A etiqueta <footer><\/h3>\n\n\n\n<p>A etiqueta <footer> <strong>delimita o rodap\u00e9<\/strong>. Inclui o log\u00f3tipo, as liga\u00e7\u00f5es de navega\u00e7\u00e3o e as informa\u00e7\u00f5es jur\u00eddicas. Geralmente, est\u00e1 localizada na parte inferior da p\u00e1gina ou num bloco. Em HTML5, a etiqueta \u00e9 escrita :<\/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\">A etiqueta Hn<\/h3>\n\n\n\n<p>O<a href=\"https:\/\/serpmantics.com\/pt\/h1-h2-h3\/\"> Balizas Hn<\/a> <strong>preencher os t\u00edtulos dos conte\u00fados<\/strong> da p\u00e1gina, sendo tamb\u00e9m fundamentais para os motores de busca. De facto, melhoram a legibilidade para estes navegadores. Al\u00e9m disso, cont\u00eam palavras-chave principais e secund\u00e1rias para fornecer informa\u00e7\u00f5es-chave sobre o assunto. Estas etiquetas de t\u00edtulo s\u00e3o classificadas em 6 n\u00edveis.<\/p>\n\n\n\n<p>O &lt;h1&gt; indica o t&iacute;tulo principal e mais importante da p&aacute;gina ou do artigo. O t&iacute;tulo &lt;h2&gt; marca os subt&iacute;tulos e divide o texto em par&aacute;grafos separados. Os subpar&aacute;grafos podem ser criados utilizando a fun&ccedil;&atilde;o &lt;h3&gt; e &lt;h4&gt; para um n&iacute;vel extra de pormenor. Etiquetas &lt;h5&gt; e &lt;h6&gt; tamb&eacute;m existem, mas raramente s&atilde;o utilizados para entrar em pormenores.<\/p>\n\n\n\n<p>&Eacute; essencial ter apenas um &lt;h1&gt; tags por p&aacute;gina, enquanto o n&uacute;mero de &lt;h2&gt;, &lt;h3&gt;, &lt;h4&gt; pode ser mais elevado. O objetivo &eacute; estruturar o conte&uacute;do de uma forma coerente e fluida.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Etiquetas de descri\u00e7\u00e3o <dl><dt> e <dd>.<\/h3>\n\n\n\n<p>As etiquetas <dl>, <dt> e <dd> s\u00e3o utilizadas para <strong>criar listas de descri\u00e7\u00f5es estruturadas<\/strong>. Ao contr\u00e1rio das listas cl\u00e1ssicas <ul> e <li>, estas etiquetas podem ser utilizadas para apresentar defini\u00e7\u00f5es detalhadas, ideais para explicar termos complexos ou criar um gloss\u00e1rio num s\u00edtio Web.<\/p>\n\n\n\n<p><dl><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;<dt>Fruta<\/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>\u00c1rvore<\/dt><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;<dd>\u00c1rvore de ma\u00e7\u00e3<\/dd><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;<dt>Fam\u00edlia<\/dt><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&lt;Ros\u00e1ceas<\/dd><\/p>\n\n\n\n<p><\/dl><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">As etiquetas <blockquote> e <cite><\/h3>\n\n\n\n<p>A etiqueta <blockquote> indica uma <strong>cita\u00e7\u00e3o no conte\u00fado<\/strong> e a etiqueta <cite> <strong>designa o seu nome e fonte<\/strong>. \u00c9 importante notar que \u00e9 inserido dentro da etiqueta <blockquote>. Eis como codific\u00e1-las em 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\">Etiquetas <code> e <pre><\/h3>\n\n\n\n<p>A etiqueta <code> <strong>destaca extractos de c\u00f3digo<\/strong> permitindo que os motores de busca os reconhe\u00e7am. A etiqueta <pre> apresenta texto pr\u00e9-formatado, preservando a estrutura do c\u00f3digo original. Estas etiquetas indicam a natureza espec\u00edfica do conte\u00fado aos robots de indexa\u00e7\u00e3o.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Outras etiquetas sem\u00e2nticas importantes para SEO<\/h2>\n\n\n\n<p>As meta tags HTML fazem <strong>refer\u00eancia ao t\u00edtulo, autor, palavras-chave e descri\u00e7\u00e3o do conte\u00fado<\/strong>. Estas etiquetas s\u00e3o essenciais para que os motores de busca indexem o seu s\u00edtio e o seu conte\u00fado. Por exemplo, a etiqueta <title> descreve o objetivo da p\u00e1gina e \u00e9 crucial para a indexa\u00e7\u00e3o. A etiqueta de meta-descri\u00e7\u00e3o, por sua vez, fornece uma descri\u00e7\u00e3o pormenorizada da p\u00e1gina e incentiva os cliques nos resultados da pesquisa.<\/p>\n\n\n\n<p>As etiquetas &lt;p&gt;&lt;\/p&gt; indicam par&aacute;grafos aut&oacute;nomos, enquanto as etiquetas &lt;a&gt;&lt;\/a&gt; s&atilde;o <strong>hiperliga\u00e7\u00f5es entre p\u00e1ginas<\/strong>. Marca&ccedil;&atilde;o &lt;em&gt;&lt;\/em&gt; real&ccedil;a texto e etiquetas &lt;strong&gt;&lt;\/strong&gt; real&ccedil;ar esta &uacute;ltima.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">A etiqueta <address><\/h3>\n\n\n\n<p>A etiqueta HTML <address> marca <strong>o endere\u00e7o da sua empresa<\/strong>. Est\u00e1 localizada no rodap\u00e9 ou na p\u00e1gina de contactos. Em suma, esta etiqueta limita-se a enquadrar os elementos do endere\u00e7o para uma formata\u00e7\u00e3o adequada. Em HTML5, escreve-se: <address>seu endere\u00e7o<\/address>.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">A etiqueta<\/h3>\n\n\n\n<p>Esta etiqueta apresenta dados temporais, tais como o <strong>data de publica\u00e7\u00e3o de um artigo ou de um evento futuro<\/strong>. Inclui um atributo datetime numericamente, enquanto o formato apresentado ao utilizador pode variar entre as etiquetas  e . Eis um exemplo t\u00edpico de utiliza\u00e7\u00e3o: Quinta-feira, 10 de agosto, \u00e0s 12:30.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">A etiqueta <figure><\/h3>\n\n\n\n<p>A etiqueta <figure> indica meios de comunica\u00e7\u00e3o como <strong>ilustra\u00e7\u00f5es, diagramas, exemplos de c\u00f3digo ou fotografias<\/strong>. Estes elementos s&atilde;o associados ao conte&uacute;do sem interromper o fluxo do documento. Imagens &lt;figure&gt; n&atilde;o precisa do &lt;p&gt;As listas com marcadores podem ser omitidas para listas de imagens. Tamb&eacute;m pode utilizar &lt;figcaption&gt; para <strong>descrever estes meios de comunica\u00e7\u00e3o<\/strong>. Note-se que esta etiqueta n\u00e3o deve ser utilizada para todas as imagens de um artigo e pode ser confundida com <aside>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">A etiqueta <summary><\/h3>\n\n\n\n<p>A tag <summary> \u00e9 geralmente usada dentro da tag . Ela fornece um <strong>uma breve descri\u00e7\u00e3o, uma legenda ou um t\u00edtulo.<\/strong>e a um elemento.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Estrat\u00e9gia de implementa\u00e7\u00e3o de etiquetas sem\u00e2nticas em HTML5<\/h2>\n\n\n\n<p>Existem dois m\u00e9todos para implementar etiquetas sem\u00e2nticas em HTML5. Utilizando a ferramenta de marca\u00e7\u00e3o HTML do Google, que n\u00e3o requer qualquer manipula\u00e7\u00e3o do c\u00f3digo fonte. Este m\u00e9todo envolve v\u00e1rios passos simples.<\/p>\n\n\n\n<p>Em primeiro lugar, <strong>escolher o tipo de dados a estruturar<\/strong> na ferramenta de marca\u00e7\u00e3o HTML do Google. O passo seguinte \u00e9 <strong>introduzir o URL da p\u00e1gina<\/strong> ou copie e cole o c\u00f3digo HTML do artigo. Adicione as novas etiquetas clicando em \"Nome\" para <strong>apresentar o t\u00edtulo no separador<\/strong> \"Os meus elementos de dados\". <strong>Criar o c\u00f3digo HTML com as etiquetas destacadas<\/strong> em amarelo, clicando em \"Criar HTML\". Por fim, clique em <strong>inserir as etiquetas no c\u00f3digo fonte<\/strong> da p\u00e1gina atrav\u00e9s do back office.<\/p>\n\n\n\n<p>Tamb\u00e9m pode instalar plugins como o Yoast SEO ou o Schema Pro para integrar estas etiquetas sem\u00e2nticas. Depois de descarregar o plugin, basta preencher os campos com os valores adequados e clicar em \"inserir\". As etiquetas HTML5 ser\u00e3o automaticamente adicionadas ao c\u00f3digo fonte da sua p\u00e1gina.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">A estrutura sem\u00e2ntica do c\u00f3digo HTML5 para uma boa classifica\u00e7\u00e3o SEO<\/h2>\n\n\n\n<p>Embora existam muitas combina\u00e7\u00f5es diferentes de etiquetas HTML5, \u00e9 importante respeitar uma organiza\u00e7\u00e3o precisa para otimizar a sua SEO. Eis a estrutura correcta para melhorar o seu SEO:&nbsp;<\/p>\n\n\n\n<p>&lt;html doctype<\/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;&lt;header&gt;<\/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;In&iacute;cio&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;Sobre n&oacute;s&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;Contacto&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;&lt;article&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;...<\/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;...<\/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\">Melhores pr\u00e1ticas de marca\u00e7\u00e3o HTML5 para melhorar a SEO<\/h2>\n\n\n\n<p>Para come\u00e7ar, utilize o <strong>Estilo CSS para formata\u00e7\u00e3o<\/strong>. Mesmo que os browsers apliquem estilos a estas etiquetas, estas n&atilde;o devem ser utilizadas para formatar o texto. Por exemplo, n&atilde;o utilize as etiquetas de t&iacute;tulo simplesmente para alterar o tamanho do tipo de letra. Em vez disso, utilize-as de uma forma sem&acirc;ntica. Da mesma forma, n&atilde;o utilize &lt;blockquote&gt; para indenta&ccedil;&atilde;o, ou &lt;strong&gt; ou &lt;em&gt; negrito ou it&aacute;lico sem raz&atilde;o aparente.<\/p>\n\n\n\n<p><strong>Organizar os t\u00edtulos numa hierarquia coerente<\/strong>. Por exemplo, legendas&nbsp;&lt;h3 &gt; deve seguir o &lt;h2&gt; adequada. Esta estrutura cria uma hierarquia l&oacute;gica no seu conte&uacute;do, facilitando a compreens&atilde;o dos leitores e dos motores de busca. Pode utilizar a ferramenta de auditoria de sites da Semrush para detetar problemas com os t&iacute;tulos&nbsp;&lt;h1&gt; e outros erros de SEO. Note-se que esta abordagem hier&aacute;rquica tamb&eacute;m se aplica a todas as outras etiquetas sem&acirc;nticas HTML.<\/p>\n\n\n\n<p>Recomendamos <strong>fazer uma utiliza\u00e7\u00e3o razo\u00e1vel das etiquetas de t\u00edtulo<\/strong> de modo a n\u00e3o comprometer a legibilidade e a compreens\u00e3o das p\u00e1ginas. Al\u00e9m disso, recomenda-se vivamente que se evite a utiliza\u00e7\u00e3o de t\u00edtulos demasiado longos ou a sua utiliza\u00e7\u00e3o abusiva para efeitos de formata\u00e7\u00e3o. Por \u00faltimo, n\u00e3o s\u00e3o recomendadas combina\u00e7\u00f5es inadequadas com outras etiquetas nem tamanhos de t\u00edtulo visualmente inconsistentes.<\/p>","protected":false},"excerpt":{"rendered":"<p>A abordagem SEO tem m\u00faltiplas vantagens. A implementa\u00e7\u00e3o desta estrat\u00e9gia optimiza a qualidade das p\u00e1ginas de vendas no site de um comerciante. Consequentemente, investir em SEO \u00e9 uma forma produtiva de poupar dinheiro. Tamb\u00e9m garante visibilidade a longo prazo e contactos qualificados. Al\u00e9m disso, [...]<\/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\/pt\/semantica\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\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\/pt\/semantica\/\" \/>\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=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"ranto\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutos\" \/>\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\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/serpmantics.com\/balise-semantique\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@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\":\"pt-PT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/serpmantics.com\/#\/schema\/person\/1217e103a8962fd29fac88009bee8d96\",\"name\":\"ranto\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@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\/pt\/semantica\/","og_locale":"pt_PT","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\/pt\/semantica\/","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":{"Escrito por":"ranto","Tempo estimado de leitura":"10 minutos"},"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":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/serpmantics.com\/balise-semantique\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@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":"pt-PT"},{"@type":"Person","@id":"https:\/\/serpmantics.com\/#\/schema\/person\/1217e103a8962fd29fac88009bee8d96","name":"ranto","image":{"@type":"ImageObject","inLanguage":"pt-PT","@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\/pt\/wp-json\/wp\/v2\/posts\/521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/serpmantics.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/serpmantics.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/serpmantics.com\/pt\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/serpmantics.com\/pt\/wp-json\/wp\/v2\/comments?post=521"}],"version-history":[{"count":4,"href":"https:\/\/serpmantics.com\/pt\/wp-json\/wp\/v2\/posts\/521\/revisions"}],"predecessor-version":[{"id":3020,"href":"https:\/\/serpmantics.com\/pt\/wp-json\/wp\/v2\/posts\/521\/revisions\/3020"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/serpmantics.com\/pt\/wp-json\/wp\/v2\/media\/522"}],"wp:attachment":[{"href":"https:\/\/serpmantics.com\/pt\/wp-json\/wp\/v2\/media?parent=521"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/serpmantics.com\/pt\/wp-json\/wp\/v2\/categories?post=521"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/serpmantics.com\/pt\/wp-json\/wp\/v2\/tags?post=521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}