Usar etiquetas semánticas HTML5 para mejorar el SEO de las páginas web
Sección lateral
Un contenido adicional, sin importancia para la comprensión de un artículo, pero relacionado con el artículo, puede ser insertado en la sección de al lado. Por ejemplo, podría ser información sobre cuántas personas leen el artículo, quién es el autor del artículo, etc. En ese caso, el código HTML del artículo tendría la siguiente estructura:
12345678910111213141516171819202122<main...artículo...h1...Conceptos básicos de JavaScript</h1...p...JavaScript es un lenguaje rico y expresivo... Operadores</h2;/sección</h2;/sección&h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h2;/h ...código condicional</h2;/sección&t;h2;p;;p;;a veces sólo se quiere ejecutar un bloque de código bajo ciertas condiciones... ...que son vistas por 1503 personas</p;/sección&t;p;p;/autor: John Smith</promoverse a un lado&&/articulo&&&&&&&&&&&&&&&&&&&&&&&&&
HTML
Como se ha visto anteriormente, el aparte permite a los motores de búsqueda obtener rápidamente información como el autor, las vistas y la fecha. Esta etiqueta también puede ser usada para incluir contenido adicional que esté relacionado con una página entera, no sólo con un artículo en particular. Por ejemplo, el aparte puede envolver una barra lateral, un anuncio, una nota a pie de página, etc.
Usar etiquetas semánticas HTML5 para mejorar el SEO de las páginas web
Cifras
Los elementos de las figuras en una página web pueden ser adjuntados con las etiquetas de las figuras y los títulos.
La etiqueta de la figura se utiliza para marcar fotos, bloques de código, diagramas, gráficos, ilustraciones y otros contenidos gráficos. Por lo general, esta etiqueta encierra contenido que puede ser trasladado a un apéndice. Sólo las imágenes relacionadas con el contenido de una página deben estar dentro de la etiqueta de la figura (por ejemplo, una imagen del logo). Por lo tanto, las imágenes como los anuncios de banner no deben estar dentro de esa etiqueta. Sin embargo, hay una forma de añadir semántica a un anuncio de banner que cubriremos en la sección de Microdatos de esta guía.
La etiqueta de la figcaption representa una leyenda para una figura. Es opcional y puede ser omitida. Sólo se puede anidar una etiqueta de pie de foto en la etiqueta de la figura. Incluso si una figura contiene múltiples imágenes, sólo puede haber un figcaption para todas ellas.
Por ejemplo, las fotos de la gente a la que le gustó el artículo podrían ser adjuntadas a la etiqueta de la figura. Como esa información no es crucial para la funcionalidad de la página web, puede ser anidada en la sección lateral del artículo.
12345678910<apart...p...visto por 1503 personas</p...p...Autor: John Smith</pg;³³³$0027imgsrc="John Doe.png "alt="John Doe"/pg;³³³$0027imgsrc="Maggie Smith.png "alt="Maggie Smith"/pg;³³³$0027imgsrc="Tom Hardy. png "alt="Tom Hardy"/;figcaption=;Gente a la que le gustó el artículo</figcaption=;
HTML
El logo en la sección de encabezado debe ser incluido con la etiqueta de la figura, también, así que nuestra sección de encabezado tendrá finalmente el siguiente código:
1234567891011<header;<figure;imgsrc="logo. png "alt="logo"/;/figuracion,
Fíjate en cómo la partición de la página hace el código más comprensible y posiblemente mejora el análisis del contenido del navegador y del motor de búsqueda.
