8 de las etiquetas HTML más importantes para SEO

¿Está utilizando etiquetas HTML en su proceso de SEO?

Las etiquetas HTML son elementos de código con el back-end de todas las páginas web, pero también hay tipos de código HTML específicos que proporcionan a los motores de búsqueda información clave para la visualización de SERP. Básicamente, estos elementos resaltan partes de su contenido que son relevantes para la búsqueda y describen esos elementos para los rastreadores de búsqueda.

Dicho esto, no es necesario que utilice todas estas herramientas de código adicionales. Los motores de búsqueda se están volviendo más inteligentes y las etiquetas HTML se usan mucho menos en estos días que en el pasado. Pero algunas etiquetas todavía se mantienen, y algunas incluso han ganado valor de SEO.

En esta publicación, repasaremos algunas de las etiquetas HTML clave de SEO que aún tienen sentido en 2020.

1. Etiqueta de título

Las etiquetas de título se utilizan para configurar los titulares en los que se puede hacer clic que ve en el SERP:

En términos generales, depende de Google crear un título SERP para su página, y podría usar cualquiera de los títulos de sección dentro de la página, o incluso puede crear un título nuevo por completo.

Pero el primer lugar donde Google buscará ideas para títulos es la etiqueta del título, y donde hay una etiqueta de título, es muy probable que Google la convierta en el título principal de la lista relevante. Como tal, la optimización de la etiqueta del título le brinda cierto control sobre la forma en que se representa su página en el SERP.

Mejores prácticas

Por un lado, su título debe contener las palabras clave que lo ayudarán a aparecer en los resultados de búsqueda. Por otro lado, su título debe ser lo suficientemente atractivo para que los usuarios hagan clic, por lo que se requiere un equilibrio entre la optimización de la búsqueda y la experiencia del usuario:

• Mire la longitud: Google solo mostrará los primeros 50-60 caracteres de su título y cortará el resto. No es un problema tener un título que tenga más de 60 caracteres, siempre y cuando ajuste la información importante antes del punto de corte.
• Incluya una cantidad razonable de palabras clave: es probable que se penalice el relleno de palabras clave, pero una o dos palabras clave estarán bien. Solo asegúrate de que tu título forme una oración coherente.
• Escriba una buena copia: no sea vendedor y no sea genérico. Cree títulos descriptivos que resalten el valor de su contenido y establezca expectativas adecuadas, para que los usuarios no se decepcionen cuando visiten la página.
• Agregue el nombre de su marca: si tiene una marca reconocible que probablemente aumente sus clics, no dude en agregarla al título también.

Código HTML

A continuación se muestra un fragmento de código recuperado de un artículo de la BBC sobre estadísticas de coronavirus. Puede ver una etiqueta de título configurada correctamente ubicada justo encima de la etiqueta de meta descripción, que es lo que vamos a discutir a continuación:

2. Etiqueta de meta descripción

Las etiquetas de metadescripción se utilizan para configurar descripciones dentro de los fragmentos de resultados de búsqueda:

Google no siempre usa etiquetas de metadescripción para crear estos fragmentos, pero si la etiqueta de meta está allí, entonces hay una buena posibilidad de que su descripción de meta aparezca en el SERP.

Sin embargo, tenga en cuenta que, a veces, Google ignorará la etiqueta de meta descripción y, en su lugar, citará un fragmento de la página. Esto sucede normalmente cuando la cita coincide mejor con una consulta en particular de lo que hubiera sido la meta descripción.

Básicamente, Google elegirá la mejor opción para aumentar sus posibilidades de hacer clic.

Mejores prácticas

Las reglas para las meta descripciones no son demasiado estrictas; después de todo, si no escribe una buena, incluso si no escribe una por completo, Google escribirá una por usted.

• Mire la longitud: al igual que con los titulares, Google mantendrá los primeros 150-160 caracteres de su meta descripción y eliminará el resto. Asegúrese de que los aspectos importantes se incluyan desde el principio para maximizar el interés del buscador.
• Escriba una buena copia: si bien la meta descripción no se usa para la clasificación, es importante optimizarla para la intención de búsqueda. Cuanto más relevante sea su descripción, según la consulta respectiva, es más probable que un usuario visite su página.
• Considere omitir la meta descripción: puede ser difícil crear un buen texto para palabras clave particularmente largas o para páginas que se dirigen a una variedad de palabras clave. En esos casos, considere dejar la meta descripción fuera: Google raspará su página y completará su fragmento con algunas citas relevantes de cualquier manera.

Código HTML

A continuación se muestra un fragmento de código recuperado del mismo artículo de la BBC sobre estadísticas de coronavirus, y puede ver que después de la etiqueta del título hay una etiqueta de meta descripción, que proporciona un breve resumen de lo que trata el artículo:

3. Etiquetas de encabezado (H1-H6)

Las etiquetas de encabezado se utilizan para estructurar sus páginas tanto para el lector como para los motores de búsqueda:

No es ningún secreto que ya casi nadie lee un artículo; lo que generalmente hacemos es escanear el artículo hasta encontrar la sección que nos gusta, leer esa sección y luego rebotar. Y si el artículo no está dividido en secciones, muchos rebotarán de inmediato, porque es demasiado. Entonces, desde la perspectiva del usuario, los encabezados son útiles ayudas para la lectura.

Sin embargo, desde la perspectiva del motor de búsqueda, las etiquetas de encabezado forman el núcleo del contenido y ayudan a los robots rastreadores de búsqueda a comprender de qué se trata la página.

Mejores prácticas

Las reglas para los títulos se derivan de las prácticas generales de redacción de textos publicitarios: divida su copia en trozos pequeños y mantenga un formato coherente:

• No use más de un encabezado H1 - H1 se distingue de otros encabezados porque los motores de búsqueda lo tratan como el título de la página. No debe confundirse con la etiqueta del título: la etiqueta del título se muestra en los resultados de búsqueda, mientras que la etiqueta H1 se muestra en su sitio web.
• Mantenga una estructura poco profunda: rara vez es necesario ir por debajo de H3. Utilice H1 para el título, H2 para los títulos de las secciones y H3 para las subsecciones. Cualquier otra cosa tiende a resultar confusa.
• Formular encabezados similares a consultas: trate cada encabezado como una oportunidad adicional para clasificar en la búsqueda. Con este fin, cada encabezado debe sonar como una consulta o como una respuesta a una consulta, incluidas las palabras clave.
• Sea coherente con todos los títulos: todos los títulos deben estar escritos de tal manera que, si eliminara todo el texto y conservara solo los títulos, se leerían como una lista.

Código HTML

A continuación se muestra un fragmento de código recuperado del mismo artículo de la BBC sobre estadísticas de coronavirus, y puede ver que hay un encabezado H2 configurado correctamente, seguido de dos párrafos:

4. Texto alternativo de la imagen

Si bien el objetivo principal del texto alternativo es la accesibilidad web, el objetivo de SEO del atributo alt es la indexación de imágenes.

El objetivo clave del texto alternativo de la imagen es ayudar a los usuarios a comprender la imagen cuando no puede ser vista, por ejemplo, por un visitante con problemas de visión. En este caso, junto con los momentos en los que, digamos, hay un problema y la imagen no se carga, el texto alternativo se puede usar para describir lo que hay en la imagen, en lugar de verlo.

Desde una perspectiva de SEO, el texto alternativo es una gran parte de cómo se indexan las imágenes en la búsqueda de Google. Entonces, si hay un componente visual en lo que haces, ya sean las imágenes de tus productos, tu trabajo, tus imágenes de archivo, tu arte, entonces definitivamente deberías considerar el uso de textos alternativos de imágenes.

Mejores prácticas

Un requisito previo para agregar etiquetas de texto alternativo es encontrar todas las imágenes sin ellas.

Puede utilizar una herramienta como WebSite Auditor para rastrear su sitio web y compilar una lista de imágenes sin texto alternativo.

Una vez que haya creado su lista, aplique estas pautas:

• Sea conciso, pero descriptivo: un buen texto alternativo se trata de una o dos líneas de texto que ayudarían a una persona con discapacidad visual a comprender lo que se muestra en la imagen.
• No sea demasiado conciso: una palabra, o incluso unas pocas palabras, probablemente no lo cortarán, no habría forma de diferenciar la imagen de otras imágenes. Piense en todas las propiedades posibles que se muestran: tipo de objeto, color, material, forma, acabado, iluminación, etc.
• No haga el relleno de palabras clave: no queda ningún lugar donde el relleno de palabras clave todavía funcione, y el texto alternativo no es una excepción.

Código HTML

A continuación, se muestra un ejemplo de un fragmento de texto alternativo de una imagen de células enfermas:

5. Marcado de esquema

El marcado de esquema se utiliza para mejorar los fragmentos de SERP habituales con funciones de fragmentos enriquecidos:

Schema.org alberga una colección de etiquetas desarrolladas conjuntamente por Google, Bing, Yahoo !, y Yandex, y los webmasters utilizan las etiquetas para proporcionar a los motores de búsqueda información adicional sobre diferentes tipos de páginas. A su vez, los motores de búsqueda utilizan esta información para mejorar sus fragmentos de SERP con varias funciones enriquecidas.

No hay certeza de si el uso del marcado Schema mejora las posibilidades de clasificación; sin embargo, no hay duda de que los fragmentos resultantes se ven mucho más atractivos que los fragmentos normales y, por lo tanto, mejoran la posición en la búsqueda.

Mejores prácticas

La única mejor práctica es visitar schema.org y ver si tienen etiquetas que se puedan aplicar a sus tipos de páginas. Hay cientos, si no miles, de etiquetas, por lo que es probable que haya una opción que se aplique y que pueda ayudar a mejorar los listados de su sitio web.

Código HTML

Aquí hay un fragmento de código de muestra que especifica información nutricional para una receta. Puede visitar schema.org para obtener una lista completa de los elementos disponibles para el marcado:

6. Etiquetas semánticas HTML5

Los elementos HTML5 se utilizan para obtener mejores descripciones de varios componentes de la página:

Antes de la introducción de elementos HTML5, usábamos principalmente etiquetas div para dividir el código HTML en componentes separados, y luego usamos clases e identificadores para especificar aún más esos componentes. Cada webmaster especificó los componentes a su manera personalizada y, como tal, terminó siendo un poco complicado y un desafío para los motores de búsqueda para comprender qué era qué en cada página.

Con la introducción de elementos semánticos HTML5, tenemos un conjunto de etiquetas intuitivas, cada una de las cuales describe un componente de página independiente. Entonces, en lugar de etiquetar nuestro contenido con un montón de divs confusos, ahora tenemos una forma de describir los componentes de una manera estandarizada y fácil de entender.

Como puede imaginar, los motores de búsqueda están muy entusiasmados con HTML5 semántico.

Código HTML

Estos son algunos de los elementos semánticos HTML5 más prácticos, utilícelos para mejorar su comunicación con los motores de búsqueda:

• artículo : aísla una publicación del resto del código, la hace portátil
• sección : aísla un grupo de publicaciones dentro de un blog o un grupo de encabezados dentro de una publicación
• aparte : aísla el contenido complementario que no forma parte del contenido principal
• encabezado : aísla la parte superior del documento, artículo, sección, puede contener navegación
• pie de página : aísla la parte inferior del documento, artículo, sección, contiene metainformación
• nav : aísla menús de navegación, grupos de elementos de navegación

7. Etiqueta meta robots

La metaetiqueta de robots tiene que ver con las reglas de interacción entre los sitios web y los motores de búsqueda.

Aquí es donde los propietarios de sitios web pueden delinear un conjunto de reglas para rastrear e indexar sus páginas. Algunas de estas reglas son obligatorias, mientras que otras son más como sugerencias: no todos los rastreadores respetarán las metaetiquetas de los robots, pero los motores de búsqueda convencionales a menudo lo harán. Y si no hay una etiqueta de meta robots, los rastreadores harán lo que quieran.

Mejores prácticas

La metaetiqueta robots debe colocarse en la sección del encabezado del código de la página, y debe especificar a qué rastreadores se dirige y qué instrucciones deben aplicarse:

• Diríjase a los robots por su nombre: use robots si sus instrucciones son para todos los rastreadores, pero use nombres específicos para dirigirse a rastreadores individuales. El rastreador web estándar de Google, por ejemplo, se llama Googlebot . La dirección de robots individuales generalmente se hace para prohibir a los rastreadores maliciosos de la página y, al mismo tiempo, permitir que los rastreadores bien intencionados continúen.
• Haga coincidir las instrucciones con sus objetivos: normalmente, querrá usar metaetiquetas de robots para evitar que los motores de búsqueda indexen documentos, resultados de búsqueda internos, páginas duplicadas, áreas de preparación y cualquier otra cosa que no desee que aparezca en la búsqueda.

Código HTML

A continuación, se muestran algunos de los parámetros más utilizados con las metaetiquetas de robots. Puede utilizar cualquier número de ellos en una sola metaetiqueta de robots, separados por una coma:

• noindex : la página no debe indexarse
• nofollow : los enlaces de la página no deben seguirse
• Seguir : se deben seguir los enlaces de la página, incluso si la página no se va a indexar.
• noimageindex : las imágenes de la página no deben indexarse
• noarchive : los resultados de la búsqueda no deben mostrar una versión en caché de la página
• unavailable_after : la página no debe indexarse ​​más allá de una fecha determinada.

8. Etiqueta canónica

La etiqueta canónica le evita el riesgo de contenido duplicado:

La esencia de esto es que cualquier página, sin que usted tenga la culpa, puede tener varias direcciones. A veces son el resultado de varios artefactos, como http / https y varias etiquetas de seguimiento, y otras veces son el resultado de varias opciones de clasificación y personalización disponibles en los catálogos de productos.

No es un gran problema, para ser honesto, excepto que todas esas direcciones pueden ser gravosas en el presupuesto de rastreo y en la autoridad de su página, y también pueden afectar su seguimiento de rendimiento. La alternativa es usar una etiqueta canónica para decirle a un motor de búsqueda cuál de esas direcciones de página es la principal.

Mejores prácticas

Para evitar posibles complicaciones de SEO, aplique la etiqueta canónica a las siguientes páginas:

• Páginas disponibles a través de diferentes URL
• Páginas con contenido muy similar
• Páginas dinámicas que crean sus propios parámetros de URL.

Pensamientos finales

Estas son mis etiquetas HTML principales de las que todavía me preocupo en 2020, aunque creo que algunas de ellas están en camino de desaparecer. Como se señaló, con los motores de búsqueda cada vez más inteligentes, cada vez hay menos necesidad de optimización de etiquetas HTML, porque la mayoría de las cosas ahora se pueden deducir algorítmicamente. Además, la mayoría de los sistemas CMS modernos agregan automáticamente estos elementos, al menos en cierta medida.

Aún así, no dejaría en manos de Google la interpretación de mi contenido; es mejor encontrarlo a mitad de camino donde pueda.