Importancia de las etiquetas HTML para el SEO

Cuando se trata de la optimización de tu web son muchas las tareas que debes llevar a cabo y tienes que hacerlas con regularidad. En SEO Valladolid hoy queremos contarte sobre la importancia de las etiquetas HTML para el SEO. Sigue leyendo y conoce cómo puede ayudarte su uso para mejorar tu posicionamiento web.

¿Qué son etiquetas HTML?

En el sentido más amplio de la definición. De acuerdo a techopedia estas son un conjunto de caracteres que constituyen un comando de formato para un sitio web. En el core del HTML, las etiquetas dan direcciones o instrucciones para el contenido visual que se ve en la web.

Son básicas para el diseño web. Existen desde el principio del World Wide Web y antes eran responsables de la mayoría de los códigos. Hoy no es así. Porque hay otros lenguajes, como CSS, que sirve para dar formato.

Una etiqueta HTML es una etiqueta de nombre con el signo menor que (<) y mayor que (>), estos marcan el inicio y el final de esta. El principio de la etiqueta consiste en el nombre, seguido opcionalmente por uno o más atributos, el final consiste en el mismo nombre precedido de un slash (/). Por ejemplo, la etiqueta de párrafo es<p> que marca el inicio de este, y </p> el final.

Las etiquetas HTML a las que nos referimos hoy (meta título, meta descripción, entre otras) son aquellas que le dan información a los motores de búsqueda para entender mejor tu contenido. Destacan las partes más importantes de tu web y te permite destacarlas. Por lo que, podemos entender que son muy importantes en la optimización SEO.

Importancia de las etiquetas HTML para el SEO

Como ya dijimos en un momento fueron muy importantes, pero ya no tanto. La relevancia de las etiquetas HTML ha ido decreciendo. Por lo que, algunos expertos SEO decidieron dejar de utilizar unas de estas.

En general, las etiquetas sirven para mejorar la experiencia del usuario. Ofreciendo una mejor navegación y una mejor respuesta a sus preguntas. Además, le dan una guía a los motores de búsqueda sobre dónde encontrar las palabras clave más importantes de un sitio y cuáles son menos relevantes.

Permiten que el snippet del SERPs se vea más atractivo y le de más información a las personas.

Etiqueta title

Esta etiqueta es la que usan generalmente los motores de búsqueda para determinar el tema de una página en particular y lo muestran en el SERPs. En el código HTML la etiqueta title se ve como <title>Importancia de las etiquetas HTML para el SEO</ title>.

El valor SEO de esta etiqueta ya lo dijimos, los motores de búsqueda le dan mucha importancia. Este texto es una de las primeras cosas que ven las personas en los resultados de búsqueda. Muchos cometen el error de llenar esta de palabras clave. Porque hoy los robots de Google pueden entender de qué va una página con esta información.

El detalle está en que Google ha cambiado a las búsquedas semánticas. Esto ha significado un descenso en el peso de esta etiqueta. Los motores de búsqueda pueden interpretar el tema de una página sin las palabras clave exactas en el title. Pero, estas deben estar en otras partes básicas como meta descripción, texto ALT de imágenes y el propio contenido.

La etiqueta title se ve en el SERPs como ya dijimos y en este punto es clave para que los usuarios hagan clic o no. También se ve en las pestañas de los navegadores; la visibilidad en esta parte es muy importante cuando los usuarios tiene muchas ventanas abiertas y escogen la que van a ver. Y en las redes sociales se ven cuando las personas comparten el post o página.

Google no siempre muestra la etiqueta title en los resultados de búsqueda. Muchas veces porque están llenas de palabras clave, otras porque el título no coincide con la búsqueda y también porque hay otras alternativas.

Cómo optimizar el title

Para optimizar los titles debes seguir estos consejos:

• Lo recomendado es que sea de alrededor de 70 caracteres. Porque sino lo cortará y podrías perder algunas palabras importantes.
• No debes llenarlo de palabras clave. Aunque si debes incluir las palabras clave del título, trata de incorporar unas descriptivas y únicas. Colócalas cerca del principio.
• Evita títulos duplicados.
• Utiliza el nombre de tu marca en el title. Así contribuirás al reconocimiento de la marca.

Etiqueta meta descripción

La meta descripción es un párrafo corto en el <head> de la página. Se muestra en el SERP después del título y la URL, se ve así:

Y en el html del head así <meta name=»descripcion» content=»tu contenido»>.

La importancia de la meta descripción es que está muy cerca del title. Es un elemento importante de la página, que ayuda a los motores de búsqueda a determinar el tema de la página. Y permite a los usuarios entender si la página va con la búsqueda que hacen.

La meta descripción no es un factor del ranking, pero sirve para que el usuario decida si hace clic o no en la página. Por lo que una descripción correcta, que coincida con lo que tienes en el contenido reducirá la tasa de rebote.

Además, se ve en dos lugares de alta visibilidad. En el SERPs, es gran parte del snippet. Y en las redes sociales cuando comparten el contenido.

Cómo optimizar las meta descripciones

• La meta descripción ahora acepta hasta poco más de 300 caracteres.
• Coloca la información más importante cerca del inicio del texto.
• Evita usar comillas.
• Escribe un resumen del texto de la página. No un aviso publicitario.

Etiquetas de open graph

Las etiquetas de open graph (OG) son las etiquetas tradicionales de HTML en el head. Permiten a las páginas convertir objetos enriquecidos en las redes sociales. En el código sería así:

<meta name=»og:title» property=»og:title» content=»tu título»>

Estas etiquetas son importantes porque te permiten controlar cómo la información de tu página se ve en las redes sociales. Lo que te posibilita mejorar el desempeño de tus enlaces en estas plataformas. Porque puedes atraer más clics y conversiones.

Estas etiquetas las puedes implementar en tu HTML, pero debes aprender a optimizarlas. Hay varios tipos de etiquetas.

• OG title: como su nombre lo dice es para poner el título del contenido. Puede ser la misma del title. Debe ser de entre 60 y 90 caracteres.
• OG tipo: con la ayuda de esta puedes describir el objeto que quieres compartir, como tu web, post, vídeo, etc. Es importante cuando tu página tiene un botón Like.
• OG descripción: es similar a la etiqueta meta descripción. Pero no se verá en el SERP sino como resumen de la página cuando la comparten. No hay necesidad de llenarlas de palabras clave. Se recomienda que sea de cerca de 200 caracteres.
• OG imagen: una imagen hace que un link sea 500 % más atractivo. Lo ideal es que sea de 1200 x 627 pixeles.
• Twitter cards: son similares a las OG que mencionamos antes. Pero, sirven solo para Twitter.  Hay summary card, summary card con imagen grande, player cards, app cards.

Texto ALT

El atributo ALT es parte de la etiqueta de la imagen, y es una descripción de la imagen. En el código HTML se ve así:

<img src=»url» alt=»tu descripción»>

• Optimiza las imágenes importantes. No es necesario colocar palabras clave y optimizarlas. Las imágenes útiles son aquellas de productos, logos, infografías, las de los post.
• Optimiza las etiquetas ALT con palabras clave. Pero, no las uses en exceso. Manténlas cortas, de alrededor de 125 caracteres.

Otras etiquetas HTML en tu web

• Etiqueta robot: es un elemento del HTML de tu web que le dice a los motores de búsqueda qué debe indexar y cuáles no. Son las noindex, nofollow, noarchive, nosnippet. Funciona de forma similar al robots.txt. Se usa para evitar que los motores de búsqueda indexen páginas individuales. De por sí esta no te ayuda al SEO, pero ayuda al momento de evitar la indexación de unas páginas.
• Etiqueta cannonical: sirven cuando tienes varias páginas con el mismo contenido para decirle a los motores de búsqueda cuáles debes priorizar. Es re=»cannonical». Es importante para el SEO porque le dice que esas páginas no tienen contenido duplicado. Recuerda que el contenido duplicado es penalizado por Google. Además, previene la canibalización cuando páginas menos importantes tienen las mismas palabras clave que las que tienes posicionadas.
• Etiquetas título: son las h1 hasta h6, se usan en la estructura de cada página. Como <h1>Título </h1>. Son muy importantes para el SEO porque ayudan a leer tu contenido de forma eficiente y le facilitan la lectura a los que visitan tu web.

Entender la importancia de las etiquetas HTML para el SEO y cómo optimizarlos te permitirá mejorar tu posicionamiento web. Si necesitas ayuda puedes contactarnos.