{"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\/es\/semantica\/","title":{"rendered":"Etiquetas sem\u00e1nticas HTML5 para mejorar su SEO"},"content":{"rendered":"<p>El enfoque SEO tiene m\u00faltiples ventajas. La aplicaci\u00f3n de una estrategia de este tipo optimiza la calidad de las p\u00e1ginas de ventas de un comerciante. En consecuencia, invertir en SEO permite<strong>ahorrar dinero y ser productivo al mismo tiempo<\/strong>. Tambi\u00e9n proporciona <strong>visibilidad a largo plazo<\/strong> y obtener <strong>clientes potenciales cualificados<\/strong>. Adem\u00e1s, la referenciaci\u00f3n natural ofrece un alto \u00edndice de conversi\u00f3n y una buena notoriedad de marca. Sin embargo, las p\u00e1ginas deben estar bien estructuradas, empezando por las etiquetas sem\u00e1nticas. \u00c9stas tienen un impacto significativo en los motores de b\u00fasqueda. Descubra los diferentes pasos para mejorar su SEO.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Definici\u00f3n de una etiqueta sem\u00e1ntica en HTML5<\/h2>\n\n\n\n<p>Una etiqueta sem\u00e1ntica en HTML5 es una <strong>etiqueta HTML mejorada<\/strong> que proporciona informaci\u00f3n precisa sobre el contenido de una p\u00e1gina web. Para ello, facilita en gran medida<strong>indexaci\u00f3n en buscadores<\/strong>. Tambi\u00e9n gu\u00eda al navegador para garantizar una presentaci\u00f3n f\u00e1cil de usar para los lectores.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">El papel de las etiquetas sem\u00e1nticas HTML5 en la referenciaci\u00f3n natural<\/h2>\n\n\n\n<p>Las etiquetas HTML dan una presentaci\u00f3n visual a una p\u00e1gina web indicando su estructura a los navegadores. Sin embargo, no proporcionan ning\u00fan detalle sobre el contenido de la p\u00e1gina, a diferencia de las etiquetas sem\u00e1nticas HTML5. Las etiquetas sem\u00e1nticas dan sentido al contenido, facilitando su comprensi\u00f3n por los motores de b\u00fasqueda. Adem\u00e1s, su uso <strong>influye en la referenciaci\u00f3n e indexaci\u00f3n naturales al estructurar estas \u00faltimas<\/strong>. Adem\u00e1s, favorecen una mejor experiencia de usuario gracias a un <strong>reproducci\u00f3n fluida<\/strong>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ventajas del marcado sem\u00e1ntico en HTML5 para una referenciaci\u00f3n natural<\/h2>\n\n\n\n<p>Las etiquetas sem\u00e1nticas HTML5 son un activo esencial para la optimizaci\u00f3n de los motores de b\u00fasqueda. En primer lugar, permiten a los motores de b\u00fasqueda <strong>comprender r\u00e1pidamente el tema y la estructura<\/strong>. Esto favorece la indexaci\u00f3n y mejora el posicionamiento de las p\u00e1ginas. Tambi\u00e9n facilitan el mantenimiento del c\u00f3digo. Como resultado, los desarrolladores pueden modificarlos f\u00e1cilmente incluso despu\u00e9s de semanas o incluso meses. Todo lo que tienen que hacer es modificar el CSS mientras se dirige a la etiqueta <article>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Comparaci\u00f3n entre el marcado HTML y HTML5<\/h2>\n\n\n\n<p>Las etiquetas sem\u00e1nticas de HTML5 difieren de las tradicionales en varios aspectos. En primer lugar, las etiquetas sem\u00e1nticas HTML5 ofrecen nuevas funciones como <strong>soporte multimedia<\/strong>. A diferencia de las antiguas, las etiquetas HTML5 integran de forma nativa formatos de imagen, incluidos los gr\u00e1ficos vectoriales. Y lo que es m\u00e1s, pueden utilizarse m\u00e1s ampliamente, permitiendo a los usuarios dibujar una gran variedad de formas. Adem\u00e1s de una breve declaraci\u00f3n del documento, las etiquetas HTML5 optimizan las reglas sint\u00e1cticas para una mayor compatibilidad.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Los distintos tipos de etiquetas sem\u00e1nticas esenciales<\/h2>\n\n\n\n<p>En c\u00f3digo HTML, las etiquetas sem\u00e1nticas se escriben con una etiqueta  de apertura y una etiqueta cerrada que contiene una barra . En cuanto al contenido, se inserta en medio de las dos etiquetas de esta forma: <article>content<\/article>.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">La etiqueta <header><\/h3>\n\n\n\n<p>La etiqueta <header> define <strong>la cabecera de contenido<\/strong> que incluye el logotipo de la empresa y la navegaci\u00f3n principal del sitio. Transmite informaci\u00f3n repetitiva de cada p\u00e1gina a los robots de indexaci\u00f3n. Sin embargo, esta etiqueta es \u00fanica en el c\u00f3digo HTML. En otras palabras, una etiqueta <header> no puede contener a otra en una p\u00e1gina. As\u00ed se codifica en 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;&amp;quot;La&quot; logo du site&nbsp;&raquo;&gt;<\/p>\n\n\n\n<p><\/header><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">La etiqueta <nav>.<\/h3>\n\n\n\n<p>La etiqueta <nav> contiene la etiqueta <strong>men\u00fa de navegaci\u00f3n<\/strong>. En la codificaci\u00f3n HTML, su ubicaci\u00f3n var\u00eda. Puede estar en la cabecera, en el pie de p\u00e1gina o en una barra lateral. En la pr\u00e1ctica, este es el c\u00f3digo en 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;Inicio&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;Qui&eacute;nes somos&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;P&oacute;ngase en contacto con&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\">La etiqueta &lt;main<\/h3>\n\n\n\n<p>La etiqueta <main> designa el <strong>contenido principal<\/strong> de la p\u00e1gina web. Es esencial tener en cuenta que este elemento constituye la base para codificar el contenido de un sitio. Tambi\u00e9n agrupa las etiquetas <section> y <article>. La etiqueta <article> indica a los motores de b\u00fasqueda el texto del contenido. En otras palabras, puede ser una entrada de blog, un masaje en un foro o una ficha de producto.<\/p>\n\n\n\n<p>En general, agrupa el t\u00edtulo, los detalles de la publicaci\u00f3n, la categor\u00eda, el contenido y los art\u00edculos enlazados. En cuanto a la etiqueta <section>, designa la estructuraci\u00f3n m\u00e1s definida de esta \u00faltima. Tambi\u00e9n hay que se\u00f1alar que esta etiqueta puede contener varias <section>. He aqu\u00ed c\u00f3mo escribirla:<\/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;&lt;main&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;&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>La etiqueta <article> se escribe 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>&lt;\/article&gt;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">La etiqueta &lt;aside<\/h3>\n\n\n\n<p>La etiqueta <aside> se ocupa de la <strong>contenido adicional o auxiliar<\/strong> al contenido principal, como barras laterales o informaci\u00f3n adicional. Tenga en cuenta que no hay reglas estrictas para la colocaci\u00f3n de la etiqueta <aside>. Puede insertarse en varios lugares del sitio web. En HTML5, se expresa de la siguiente manera:<\/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\">La etiqueta &lt;footer<\/h3>\n\n\n\n<p>La etiqueta &lt;footer <strong>delimita el pie de p\u00e1gina<\/strong>. Incluye el logotipo, enlaces de navegaci\u00f3n e informaci\u00f3n legal. Generalmente se encuentra en la parte inferior de la p\u00e1gina o en un bloque. En HTML5, la etiqueta se escribe :<\/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\">La etiqueta Hn<\/h3>\n\n\n\n<p>En<a href=\"https:\/\/serpmantics.com\/es\/h1-h2-h3\/\"> Balizas Hn<\/a> <strong>rellenar los t\u00edtulos de los contenidos<\/strong> de la p\u00e1gina, al tiempo que son cruciales para los motores de b\u00fasqueda. De hecho, mejoran la legibilidad para estos buscadores. Adem\u00e1s, contienen palabras clave principales y secundarias para proporcionar informaci\u00f3n clave sobre el tema. Estas etiquetas de t\u00edtulo se clasifican en 6 niveles.<\/p>\n\n\n\n<p>En &lt;h1&gt; indica el t&iacute;tulo principal y m&aacute;s importante de la p&aacute;gina o el art&iacute;culo. La etiqueta &lt;h2&gt; etiqueta subt&iacute;tulos y divide el texto en p&aacute;rrafos separados. Los subp&aacute;rrafos pueden crearse utilizando la funci&oacute;n &lt;h3&gt; y &lt;h4&gt; para un mayor nivel de detalle. Etiquetas &lt;h5&gt; y &lt;h6&gt; tambi&eacute;n existen, pero rara vez se utilizan para profundizar en los detalles.<\/p>\n\n\n\n<p>Es esencial disponer de un solo &lt;h1&gt; por p&aacute;gina, mientras que el n&uacute;mero de &lt;h2&gt;, &lt;h3&gt;, &lt;h4&gt; puede ser mayor. El objetivo es estructurar el contenido de forma coherente y fluida.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Etiquetas de descripci\u00f3n <dl><dt> y <dd>.<\/h3>\n\n\n\n<p>Las etiquetas <dl>, <dt> y <dd> se utilizan para <strong>crear listas de descripciones estructuradas<\/strong>. A diferencia de las cl\u00e1sicas listas <ul> y <li>, estas etiquetas pueden utilizarse para presentar definiciones detalladas, ideales para explicar t\u00e9rminos complejos o crear un glosario en un sitio web.<\/p>\n\n\n\n<p><dl><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;<dt>Frutas<\/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>\u00c1rbol<\/dt><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;<dd>\u00c1rbol de manzanas<\/dd><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;<dt>Familia<\/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\">Las etiquetas <blockquote> y <cite>.<\/h3>\n\n\n\n<p>La etiqueta <blockquote> indica un <strong>cita en el contenido<\/strong> y la etiqueta <cite>. <strong>designa su nombre y procedencia<\/strong>. Es importante se\u00f1alar que se inserta dentro de la etiqueta <blockquote>. He aqu\u00ed c\u00f3mo codificarlos en 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> y &lt;pre<\/h3>\n\n\n\n<p>La etiqueta &lt;code <strong>extractos de c\u00f3digos destacados<\/strong> para que los motores de b\u00fasqueda las reconozcan. La etiqueta <pre> muestra texto preformateado, preservando la estructura del c\u00f3digo original. Estas etiquetas indican la naturaleza espec\u00edfica del contenido a los robots de indexaci\u00f3n.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Otras etiquetas sem\u00e1nticas importantes para el SEO<\/h2>\n\n\n\n<p>Las metaetiquetas HTML <strong>referencia al t\u00edtulo, autor, palabras clave y descripci\u00f3n del contenido<\/strong>. Estas etiquetas son esenciales para que los motores de b\u00fasqueda indexen su sitio y su contenido. Por ejemplo, la etiqueta <title> describe el prop\u00f3sito de la p\u00e1gina y es crucial para la indexaci\u00f3n. La etiqueta meta-description, por su parte, proporciona una descripci\u00f3n detallada de la p\u00e1gina y fomenta los clics desde los resultados de b\u00fasqueda.<\/p>\n\n\n\n<p>Las etiquetas &lt;p&gt;&lt;\/p&gt; indican p&aacute;rrafos independientes, mientras que las etiquetas &lt;a&gt;&lt;\/a&gt; son <strong>hiperenlaces entre p\u00e1ginas<\/strong>. Marcado &lt;em&gt;&lt;\/em&gt; resalta texto y etiquetas &lt;strong&gt;&lt;\/strong&gt; hacer hincapi&eacute; en esto &uacute;ltimo.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">La etiqueta <address> (direcci\u00f3n)<\/h3>\n\n\n\n<p>La etiqueta HTML <address> marca <strong>la direcci\u00f3n de su empresa<\/strong>. Se encuentra en el pie de p\u00e1gina o en la p\u00e1gina de contacto. En resumen, esta etiqueta simplemente enmarca los elementos de la direcci\u00f3n para darles el formato adecuado. En HTML5, se escribe: <address>su direcci\u00f3n<\/address>.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">La etiqueta &lt;time<\/h3>\n\n\n\n<p>Esta etiqueta muestra datos temporales, como el <strong>fecha de publicaci\u00f3n de un art\u00edculo o de un acontecimiento futuro<\/strong>. Incluye num\u00e9ricamente un atributo datetime, mientras que el formato mostrado al usuario puede variar entre las etiquetas  y . He aqu\u00ed un ejemplo de uso t\u00edpico: Jueves 10 de agosto a las 12:30.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">La etiqueta <figure>.<\/h3>\n\n\n\n<p>La etiqueta <figure> indica medios como <strong>ilustraciones, diagramas, ejemplos de c\u00f3digo o fotos<\/strong>. Estos elementos se asocian al contenido sin interrumpir el flujo del documento. Im&aacute;genes &lt;figure&gt; no necesitan el &lt;p&gt;Las listas con vi&ntilde;etas pueden omitirse en las listas de im&aacute;genes. Tambi&eacute;n puede utilizar &lt;figcaption&gt; para <strong>describir estos medios<\/strong>. Tenga en cuenta que esta etiqueta no debe utilizarse para todas las im\u00e1genes de un art\u00edculo, y que puede confundirse con <aside>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">La etiqueta <summary><\/h3>\n\n\n\n<p>La etiqueta <summary> se utiliza generalmente dentro de la etiqueta . Proporciona un <strong>una breve descripci\u00f3n, un pie de foto o un t\u00edtulo.<\/strong>e a un elemento.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Estrategia de implantaci\u00f3n de etiquetas sem\u00e1nticas en HTML5<\/h2>\n\n\n\n<p>Existen dos m\u00e9todos para implementar etiquetas sem\u00e1nticas en HTML5. Utilizar la herramienta de marcado HTML de Google, que no requiere ninguna manipulaci\u00f3n del c\u00f3digo fuente. Este m\u00e9todo implica varios pasos sencillos.<\/p>\n\n\n\n<p>En primer lugar, <strong>elegir el tipo de datos que se van a estructurar<\/strong> en la herramienta de marcado HTML de Google. El siguiente paso es <strong>introduzca la URL de la p\u00e1gina<\/strong> o copie y pegue el c\u00f3digo HTML del art\u00edculo. A\u00f1ada las nuevas etiquetas haciendo clic en el \"Nombre\" de <strong>mostrar el t\u00edtulo en la ficha<\/strong> \"Mis elementos de datos\". <strong>Cree el c\u00f3digo HTML con las etiquetas resaltadas<\/strong> en amarillo haciendo clic en \"Crear HTML\". Por \u00faltimo, haga clic en <strong>insertar las etiquetas en el c\u00f3digo fuente<\/strong> de la p\u00e1gina a trav\u00e9s del back office.<\/p>\n\n\n\n<p>Tambi\u00e9n puedes instalar plugins como Yoast SEO o Schema Pro para integrar estas etiquetas sem\u00e1nticas. Tras descargar el plugin, basta con rellenar los campos con los valores adecuados y hacer clic en \"insertar\". Las etiquetas HTML5 se a\u00f1adir\u00e1n autom\u00e1ticamente al c\u00f3digo fuente de tu p\u00e1gina.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">La estructura sem\u00e1ntica del c\u00f3digo HTML5 para un buen posicionamiento SEO<\/h2>\n\n\n\n<p>Aunque existen numerosas combinaciones de etiquetas HTML5, es importante respetar una organizaci\u00f3n precisa para optimizar su referenciaci\u00f3n. Aqu\u00ed tienes la estructura adecuada para mejorar tu 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;Inicio&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;Qui&eacute;nes somos&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;P&oacute;ngase en contacto con&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;&lt;main&gt;<\/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;&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;<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\">Mejores pr\u00e1cticas de marcado HTML5 para mejorar el SEO<\/h2>\n\n\n\n<p>Para empezar, utilice la funci\u00f3n <strong>Estilo CSS para el formato<\/strong>. Aunque los navegadores apliquen estilos a estas etiquetas, no deben utilizarse para dar formato al texto. Por ejemplo, no utilice etiquetas de t&iacute;tulo simplemente para cambiar el tama&ntilde;o de la fuente. Util&iacute;celas de forma sem&aacute;ntica. Del mismo modo, no utilice &lt;blockquote&gt; para la sangr&iacute;a, o &lt;strong&gt; o &lt;em&gt; negrita o cursiva sin motivo.<\/p>\n\n\n\n<p><strong>Organizar los t\u00edtulos en una jerarqu\u00eda coherente<\/strong>. Por ejemplo, los subt&iacute;tulos&nbsp;&lt;h3 &gt; debe seguir el &lt;h2&gt; adecuada. Esta estructura crea una jerarqu&iacute;a l&oacute;gica en su contenido, lo que facilita su comprensi&oacute;n por parte de los lectores y los motores de b&uacute;squeda. Puede utilizar la herramienta de auditor&iacute;a de sitios de Semrush para detectar problemas con los t&iacute;tulos&nbsp;&lt;h1&gt; y otros errores SEO. Tenga en cuenta que este enfoque jer&aacute;rquico tambi&eacute;n se aplica a todas las dem&aacute;s etiquetas sem&aacute;nticas HTML.<\/p>\n\n\n\n<p>Recomendamos <strong>hacer un uso razonable de las etiquetas de t\u00edtulo<\/strong> para no comprometer la legibilidad y comprensi\u00f3n de las p\u00e1ginas. Adem\u00e1s, se recomienda encarecidamente evitar el uso de t\u00edtulos demasiado largos o su uso excesivo con fines de formateo. Por \u00faltimo, no se recomiendan las combinaciones inadecuadas con otras etiquetas ni los tama\u00f1os de t\u00edtulo visualmente incoherentes.<\/p>","protected":false},"excerpt":{"rendered":"<p>L&rsquo;approche SEO pr\u00e9sente de multiples b\u00e9n\u00e9fices. En effet, la mise en place d\u2019une telle strat\u00e9gie permet d\u2019optimiser le niveau de qualit\u00e9 des pages de vente d\u2019un site marchand. Par cons\u00e9quent, investir dans le r\u00e9f\u00e9rencement permet d\u2019\u00e9conomiser tout en \u00e9tant productif. Elle assure \u00e9galement une visibilit\u00e9 \u00e0 long terme et d\u2019obtenir des leads qualifi\u00e9s. De plus, [&hellip;]<\/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\/es\/semantica\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\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\/es\/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=\"Tiempo de lectura\" \/>\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\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/serpmantics.com\/balise-semantique\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@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\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/serpmantics.com\/#\/schema\/person\/1217e103a8962fd29fac88009bee8d96\",\"name\":\"ranto\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@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\/es\/semantica\/","og_locale":"es_ES","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\/es\/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","Tiempo de lectura":"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":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/serpmantics.com\/balise-semantique\/"]}]},{"@type":"ImageObject","inLanguage":"es","@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":"es"},{"@type":"Person","@id":"https:\/\/serpmantics.com\/#\/schema\/person\/1217e103a8962fd29fac88009bee8d96","name":"ranto","image":{"@type":"ImageObject","inLanguage":"es","@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\/es\/wp-json\/wp\/v2\/posts\/521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/serpmantics.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/serpmantics.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/serpmantics.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/serpmantics.com\/es\/wp-json\/wp\/v2\/comments?post=521"}],"version-history":[{"count":4,"href":"https:\/\/serpmantics.com\/es\/wp-json\/wp\/v2\/posts\/521\/revisions"}],"predecessor-version":[{"id":3020,"href":"https:\/\/serpmantics.com\/es\/wp-json\/wp\/v2\/posts\/521\/revisions\/3020"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/serpmantics.com\/es\/wp-json\/wp\/v2\/media\/522"}],"wp:attachment":[{"href":"https:\/\/serpmantics.com\/es\/wp-json\/wp\/v2\/media?parent=521"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/serpmantics.com\/es\/wp-json\/wp\/v2\/categories?post=521"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/serpmantics.com\/es\/wp-json\/wp\/v2\/tags?post=521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}