No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Semántica del HTML

16/35
Recursos

Es importante verificar que un título este como título h1, los subtítulos iguales h2 o h3, las imágenes como <img> y párrafos como <p>. Esto se conoce como HTML semántico y es fundamental porque visualmente parece que el texto tuviera estos atributos, pero al analizar el código no es así.

De esta forma es posible indicar la estructura a los algoritmos para que puedan comprender el contenido y ayudar a posicionar en caso de hacer match con alguna consulta de búsqueda. Para verificar esto solamente debemos ubicarnos en la url a analizar y con clic izquierdo (o contrario al principal por defecto en su mouse) le decimos inspeccionar.

HTML_Semantico.jpg

Así se ve al inspeccionar el código, si se quiere conocer un poco más a detalle, otro tipo de etiquetas que les puedan aparecer y saber que significan este post puede ser de utilidad: Lista de Elementos HTML5.

HTML_Semantico2.jpg

Con la extensión de Chrome Minion SEO también se puede obtener un estado, la instalan, abren la url que quieren analizar y simplemente hacen clic sobre el ícono de la extensión, seleccionan Analizar SEO en la página y al hacer scroll en el informe. Allí verán las etiquetas con el contenido asociado.

Contribución creada con los aportes de: Sandra Liliana Delgado Gómez.

Aportes 17

Preguntas 5

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Aquí es importante verificar que un título este como título <h1> , los subtítulos igual <h2>…. Las imágenes como <img> y párrafos como <p> esto es lenguaje html, dado que en algunas ocasiones visualmente parece que lo tuviera pero al analizar el código no lo es así.

Esto es importante para indicarle la estructura a los algoritmos y así pueda comprender el contenido y ayudarle a posicionar en caso de hacer match con alguna consulta de búsqueda.

Para verificar esto solamente debemos ubicarnos en la url a analizar y con click izquierdo (o contrario al principal por defecto en su mouse) le decimos inspeccionar

.
Así se ve al inspeccionar el código, si se quiere conocer un poco más a detalle otro tipo de etiquetas que les puedan aparecer y saber que significan este post puede ser de utilidad: Lista de Elementos HTML5

.

.
Con la extensión de Chrome Minion SEO también se puede obtener un estado, la instalan, abren la url que quieren analizar y simplemente dan click sobre el icono de la extensión y seleccionan Analizar SEO en la página y al hacer scroll en el informe verán las etiquetas con el contenido asociado según etiqueta

Hasta el momento este curso me fascina pero me gustaría que nos enseñe a profundizar de cómo hacerlo nosotros mismos sin ningún tercero

Les recomiendo la extensión para el navegador llamada Detailed SEO Extension, que permite analizar estos atributos y jerarquías.

100 % recomiendo el curso de Accesibilidad Web, ahí aprenderás mucho de HTML semántico. De una vez te recomiendo la extensión NoCoffee que te permite simular problemas de visión en tu navegador (Así podrás probar si la página es clara o usable para una persona con problemas de visión)

RESUMEN: Que una pagina sea semántica quiere decir que su contenido esta bien estructurada tiene los H1, donde debe ir y no debe tener mas de uno, utiliza las etiquetas adecuadas, como en las imágenes usa <img>, en los párrafos <p>.

A que se debe esto, esto se debe a que muchas webs usan los <divs>, que generalmente sirven para todo, como una salida fácil para agregar algún contenido, eso no afecta a la experiencia de las personas, ellos seguiran viendo el contenido tal cual, pero los motores de búsqueda no interpretan el contenido, no saben a que te refieres, no se dan cuenta si es un párrafos, titulo o subtitulo, por lo tanto no te posicionan bien

Recomendado el curso de Accesibilidad Web 👍

Dos años después de publicado este curso con el ejemplo de almacenes brisa, el mismo sitio sigue con las misma observaciones.

Si se muestra el texto alt= almohadas

yo uso SEO meta en 1 click que es una extensión de Google hay muchas extensiones que te dicen los H1 metadescripciones y demás factores

Existe una extensión de google chrome genial para visualizar la Jerarquía de Títulos. Se llama Web Developer. Desplegamos las opciones de la extension, y simplemente de damos click en (View Document Outline)

Les recomiendo la extensión SEO META in 1 Click

El curso 15 de profundidad y niveles de paginación no deja ingresar, esta cómo dañado

baia baia 🤔

Hay alguna herramienta para poder crawlear y encontrar masivamente este tipo de errores? ya que hacerlo manualmente pagina por pagina seria algo muy dificil de llevar a cabo en un sitio grande.

Creo que la imagen si tiene una etiqueta alt? O me equivoco?

Como acotación, en otro curso de SEO se mencionaba que es recomendable usar sólo un título con h1.

En resumen, NO se deben colocar textos en imágenes, a menos que NO queramos que se indexen y que Google los rastree. Y la verdad, todos los que buscamos lo mejor para nuestras páginas o marcas queremos que Google tome en cuenta nuestro contenido y sepa lo que vendemos o hacemos.