SEO y los HTML Tags fundamentales | 2019

html tags for SEO

¿Qué pasa con la sección <head> & <body> del documento HTML de tu sitio web? ¿Influyen sus contenidos en el rendimiento de tu sitio a los ojos de los motores de búsqueda?

Qué son Las etiquetas HTML?

tecnicamente los podemos definir como fragmentos de texto que existen en HTML. Son invisibles para los usuarios (a menos que los busquen en el código fuente de la página), y proporcionan datos sobre su página a los motores de búsqueda. Por lo tanto, ayudan a los motores de búsqueda a entender de qué se trata su contenido.

Resaltan las partes más importantes de tu página para que destaque en los SERPs (Search Engine Results Page), lo que permite a los usuarios encontrar tu contenido. Por lo tanto, es natural asumir que las etiquetas HTML deben ser una parte crucial de la optimización de una página, totalmente vital para el SEO.

Fue así hasta que los motores de búsqueda decidieron no mirar siempre las etiquetas y obtener la información por sí mismos.

¿Siguen siendo importantes las etiquetas HTML en 2019?

Es cierto que desde hace un tiempo atras, la influencia de las etiquetas HTML en las clasificaciones ha ido disminuyendo. Y ahora los webmasters o desarrolladores web pueden incluso optar por no utilizar algunas etiquetas en su HTML en absoluto y que esto no comprometa significativamente el SEO de una pagina….

Sin embargo, todavía hay algunas etiquetas que:

  • Mejoran la experiencia del usuario proporcionando una mejor navegación y una mejor correspondencia con las consultas;
  • Orientan a los motores de búsqueda sobre dónde encontrar las partes más importantes del sitio o qué partes pasar por alto;
  • Hacen que los fragmentos de SERP se vean más atractivos e informativos.

Ahora, Cuáles son estas etiquetas que debemos tener todavá en cuenta, se preguntarán. Hablemos de cada una de estas etiqueats en detalle.

Vamos a empezar con las etiquedas importantes del <Head>

1. Title tag.

Las etiquetas de título suelen ser utilizadas por los motores de búsqueda para determinar el tema de una página en particular y mostrarla en los SERPs. En HTML una etiqueta de título se ve así:

<title>Your Fantastic Title</title>

Las etiquetas de título solían ser de gran importancia para los motores de búsqueda. Una etiqueta title es una de las primeras cosas que la gente ve en los SERPs. Así, estos tags solían ser los que se llenaban de palabras clave hasta la locura.

Hoy en día los motores de búsqueda todavía entienden de qué se trata una página a partir de una etiqueta de título. Sin embargo, con el cambio de Google a la búsqueda semántica, el valor de una etiqueta de título ha bajado un poco.

Ahora el motor de búsqueda es capaz de interpretar el tema de una página sin palabras clave exactas en el título, pero sobre la base de todos los elementos de una página: meta descripción, imágenes, métricas de actividad de los usuarios y, por supuesto, el propio contenido.

A pesar de todo lo anterior, no podemos sino estar de acuerdo en que las etiquetas de título se utilizan en tres lugares de mayor visibilidad:

  • SERPs – aquí es donde el usuario decide hacer clic o no en un resultado de búsqueda;
  • Pestañas del navegador web – la visibilidad en este lugar es especialmente importante cuando los usuarios tienen alrededor de un millón de pestañas abiertas en su navegador;
  • Redes sociales: la etiqueta de título se utiliza cuando se comparte la página.

De vez en cuando, Google elige no utilizar la etiqueta de título, sino que muestra otra diferente. Hay algunas razones por las que este problema puede ocurrir:

  • El título está lleno de palabras clave – es obvio para optimizar un título para las palabras clave de destino, sin embargo, es importante no exagerar. De lo contrario, Google reescribirá tu título de la forma que considere adecuada.
  • El título no coincide con una consulta – Google puede elegir su página para una consulta en particular, incluso si el título no coincide con esta consulta. En este caso, el título puede a veces ser reescrito para SERP. Es obvio que no puede escribir un título que coincida con todas las consultas posibles. Sin embargo, si ves que Google reescribe tu título para consultas de gran volumen, entonces considera la posibilidad de revisarlo.
  • Hay algunos títulos alternativos – Facebook y Twitter tienen sus propias etiquetas en la sección <head>, así que si usas los títulos alternativos para estas redes sociales, Google también puede usarlos en lugar de la etiqueta title.

Optimizando la etiqueta <Title>

Longitud del título

Es aconsejable mantenerlo por debajo de 70 caracteres, de lo contrario puede ser cortado en las SERPs, y algunas de sus palabras importantes pueden ser omitidas. Además, hayque tener en cuenta que la letra W ocupa más espacio que, por ejemplo, la letra I o algunas letras minúsculas.

De todos modos, un título largo no es un error, no hay castigo por ello. Pero estoy seguro de que te gustaría que tus títulos se vieran por completo en los resultados de las búsquedas.

Para comprobar los títulos, puede usar este soft gratuito link-assistant, en la sección de Análisis de contenido > Auditoría de páginas > Optimización de contenido y analice la sección Título.

Palabras clave del título

Si no quieres que Google reescriba tus títulos o que te castigue por causar una mala experiencia de usuario, por favor, no rellenes tus títulos con un millón de palabras clave.

Sin embargo, sigue siendo importante optimizar los títulos para las palabras clave de destino, simplemente hazlo de forma inteligente. Trata de incorporar una o dos palabras clave para hacer un título descriptivo y único. Escribe para tus clientes. Está claro que quieres atraer a más visitantes, pero seguramente te gustaría que se quedaran y no que rebotaran inmediatamente.

Utiliza tus palabras clave más cerca del comienzo del título. De esta manera, los usuarios que hojeen los resultados de la búsqueda notarán tu información prominente primero.

También recomiendo evitar los títulos duplicados, ya que Google puede pensar que tienes contenido duplicado y penalizar a tu sitio web.

Tu Marca en un título

En caso de tener una marca conocida, es una buena idea usarla en el título. Será algún tipo de respaldo de su contenido por la calidad y el reconocimiento asociado a esta marca. Pero, recuerda utilizarlo al final del título (a menos que se trate de una página de inicio), para que la información única sea más visible.

2. La etiqueta <Meta description>

La meta descripción es un párrafo corto de texto en la sección HTML <head> de una página. Normalmente se muestra en un fragmento de SERP después del título y la URL del sitio web. En HTML se ve así:

<meta name="description" content="Your gorgeous description">

El valor de la meta descripción es muy parecido al del título. Es un elemento importante de una 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 coincide con su consulta.

Aunque la meta descripción no es un factor de clasificación, determina si el usuario va a hacer clic en su página, influyendo así en la tasa de clics. Además, una descripción precisa que coincida con tu contenido reducirá significativamente la tasa de rebote.

La meta descripción se puede ver en dos lugares de mayor visibilidad:

  • SERPs – meta descripción ocupa la mayor parte de un fragmento de SERP;
  • Redes sociales – la meta descripción suele aparecer cuando la gente comparte tu URL a través de canales de medios sociales.

Similar al uso deliberado de títulos por Google, la descripción mostrada en los SERPs puede diferir de la que especificaste en la sección <cabeza>.

Parece que las metadescripciones son aún más dependientes de las consultas que los títulos. En una de las sesiones, John Mueller mencionó que estaban ajustando la descripción en base a la consulta del usuario.

Por regla general, Google utiliza la descripción especificada en el <cabecera>, pero cuando se necesita más información o más contexto para que coincida con la consulta, también puede tomar algunas partes del contenido. Esta es la razón por la que el motor de búsqueda ha comenzado a mostrar fragmentos más largos.

No hay pocas maneras de modificar este problema, ya que no es posible escribir una descripción que coincida con todas las consultas. Lo más perfecto que puedes hacer es escribir la descripción que mejor se adapte al contenido de tu página.

Longitud de la meta descripción

No hace mucho tiempo, para que se mostrara completamente en un fragmento de SERP, la longitud de la meta descripción tenía que ser de unos 160 caracteres. Luego, gradualmente, este valor aumentó hasta 300 caracteres. Finalmente, en diciembre de 2017, los fragmentos superaron la marca de los 300 caracteres.

¿Qué debes hacer en esta situación? Muchas personas realizaron algunos experimentos para entender cuál es la longitud segura para la meta descripción. Bueno, la respuesta a esta búsqueda – no hay una longitud segura.

En primer lugar, se permite la descripción de cualquier longitud. Si es demasiado largo, Google lo cortará, pero no es una catástrofe. Creo que la forma más segura es apegarse a ~300 caracteres y mantener un ojo en los últimos hallazgos sobre este tema.

Meta descripción como un anuncio para su página

En la situación en la que Google juega con tus descripciones que coinciden con las consultas de los usuarios, ¿por qué no crear una descripción para los usuarios? Trata de hacer una descripción que anuncie el contenido de su página de la mejor y más concisa manera posible. Y evite las descripciones duplicadas.

Sin comillas en la meta descripción

Cuando utilices comillas dobles en el HTML de la meta descripción, Google cortará este texto entre comillas cuando lo muestre en SERPs. Por lo tanto, es mejor eliminar todos los caracteres alfanuméricos de las meta descripciones.

Schema markup

Con estos Markups puedes hacer más «rico» a tu fragmento de SERP. Usando una marca de revisión especial, puedes añadir elementos a tu HTML que harán que tus fragmentos se vean más atractivos para los usuarios. Por ejemplo, se pueden adornar con clasificaciones por estrellas, clasificaciones de clientes, imágenes, información adicional de productos, etc.

schema markupsGracias a Google, no hay que ser un desarrollador web si necesitas marcar los datos estructurados en un sitio web. Puedes utilizar el Ayudante de marcado de datos estructurados. Antes de añadir el fragmento de código HTML del esquema a tus páginas, recuerda obtener una vista previa de sus fragmentos copiando y pegando el código fuente de su página en la herramienta de pruebas de Google.

3. Los Tags de Open Graph.

Las etiquetas Open Graph (OG) son meta tags adicionales en la sección HTML <head> de una página que permiten que cualquier página web se convierta en un objeto «rico» en redes sociales. Fue introducido por primera vez por Facebook en 2010 y además reconocido por otras importantes plataformas de medios sociales (LinkedIn, Google+, etc.).

En HTML puede verse así:

<meta name="og:title" property="og:title" content="Your Awesome Open Graph Title">

Las etiquetas OG permiten controlar cómo se representará la información de tu página cuando se comparte a través de canales sociales. Esta posibilidad puede ayudarte a mejorar el rendimiento de tus enlaces en los medios sociales, lo que impulsará más clics y aumentará las conversiones.

Antes de decidir implementar etiquetas OG en tu HTML, considera la posibilidad de optimizarlas. Hay bastantes tags de Open Graph, voy a dar algunos consejos sobre los más importantes y populares.

OG Title

Está claro que si especificas el título de tu contenido. Puedes copiar y pegar tu etiqueta de título si crees que es lo suficientemente convincente para los canales de medios sociales.

Ten en cuenta que debe tener entre 60-90 caracteres, de lo contrario, puede estar truncado.

OG Type

Con la ayuda de esta etiqueta, puedes describir qué tipo de objeto estás listo para compartir: un sitio web, una entrada, un vídeo, una empresa, etc. Puede consultar la lista completa aquí.

Esta etiqueta se considera importante cuando tu página tiene el botón Like. Puede ayudar a determinar si tu contenido aparecerá en la sección de interés del usuario de Facebook en caso de que le «guste».

En la mayoría de los casos, el tipo es «sitio web», porque la mayoría de las veces se comparten enlaces a sitios web. Si es así, no es necesario especificar el tipo en el código, se leerá como tal por defecto.

OG description

Esta es muy similar a la etiqueta de meta descripción. Sin embargo, no se mostrará en las SERPs, se mostrará como el resumen cuando tu página sea compartida. Su tarea principal aquí es hacer que hable a su audiencia potencial y conducir más clics. En cuanto a la longitud, se considera una buena práctica mantenerla en unos 200 caracteres.

OG image

Este es un verdadero as en la manga. Una imagen hará que tu enlace compartible sea un 500% más atractivo. Así que hazlo lo mejor que puedas.

Está claro que la imagen debe llamar la atención, exigir asociaciones adecuadas. Puedes colocar algún texto sobre la imagen para reiterar el punto principal de tu contenido o llamar a cualquier acción. Sólo intenta colocar texto (o la parte más significativa de él) en el centro de una imagen, a Facebook le gusta recortar los lados de las miniaturas.

La resolución recomendada para la imagen OG es de 1200×627 píxeles, el tamaño – hasta 5MB.

Una vez que hayas terminado con tus meta tags OG, puedes comprobar cómo se ve todo con la ayuda de Open Graph Object Debugger, una herramienta creada por Facebook.

Twitter cards

Las tarjetas de Twitter son muy similares a las etiquetas de los OG (título, descripción, imagen, etc.), pero son utilizadas exclusivamente por Twitter. Aunque ahora los tweets pueden superar los 140 caracteres históricos, estas tarjetas son una buena extensión que permite que tu tweet destaque entre la multitud de tweets de texto comunes.

4. Los Robots tag.

Una etiqueta robots es un elemento en el HTML de una página que informa a los motores de búsqueda qué páginas de su sitio deben ser indexadas y cuáles no. Sus funciones son similares a las de robots.txt. Pero generalmente se utiliza para evitar que los motores de búsqueda indexen páginas individuales, mientras que robots.txt les impide indexar un sitio entero o cualquier parte del mismo.

En HTML puede verse así:

<meta name="robots" content="index, follow">

Puedes tener algunas páginas con contenido bastante pobre o escueto que no te interesa indexar en búsquedas, pero que te gustaría conservar. En este caso, puedes añadir una etiqueta noindex para esta página.

Uso correcto de una etiqueta de robot

Si no agregas esta etiqueta a tus HTML, los motores de búsqueda rastrearán e indexarán todas sus páginas de forma predeterminada. Sólo tiene sentido utilizar una etiqueta de robot si deseas cambiar cualquiera de estos parámetros.

Además, si alguna página se encuentra en la sección que un archivo robots.txt no permite rastrear, se ignorará cualquier etiqueta de robots en HTML de esta página.

Uso correcto de los parámetros de los robots tags

Google entiende y respeta los siguientes parámetros que puedes especificar en las etiquetas de robot:

  • Noindex – evita que los motores de búsqueda indexen una página;
  • Nofollow – evita que el motor de búsqueda siga TODOS los enlaces de la página (por eso es diferente del atributo nofollow que se aplica en un nivel de URL individual);
  • Noarchive – impide que una copia en caché de la página aparezca en los resultados de búsqueda;
  • Nosnippet – impide que una descripción de la página aparezca en los resultados de búsqueda, así como que se almacene en caché la página;
  • None- lo mismo que «noindex, nofollow».

Google entiende cualquier combinación de minúsculas y mayúsculas que utilices para los parámetros de las Robots Tags.

Hay que tener en cuenta que existen crawlers o rastreadores maliciosos que pueden ignorar todos los parámetros de la etiqueta Robots, por lo que si los utilizas como medida de seguridad, no te servirá de nada.

Si tienes alguna información privada que te gustaría mantener fuera del alcance público las etiquetas Robots no son la mejor opción.

5. Canonical tag.

Cuando tienes unas cuantas páginas con contenido idéntico, puedes utilizar una etiqueta canónica para indicar a los motores de búsqueda qué página debe ser priorizada.

<link href="URL" rel="canonical">

Una etiqueta canónica es importante para el SEO de dos maneras.

En primer lugar, no sólo le dice a los motores de búsqueda qué página de unas pocas similares es más importante, sino que también les muestra que tales páginas no son contenido duplicado. Como el contenido duplicado es castigado con pena de muerte, esta etiqueta es muy importante para este tipo de problemas de duplicación de contenidos.

Segundo, previene la canibalización que ocurre cuando las páginas que son menos importantes que otras similares obtienen una clasificación más alta.

Ahora continuamos con la sección del<Body>

6. Los Header tags.

Las etiquetas de encabezado son los famosos H1 al H6 que se utilizan para estructurar el contenido de una página. En HTML una etiqueta de encabezado debe tener este aspecto:

<h1>Hola, soy un titulo H1... e mas importante...</h1>

Digamos que está totalmente bien no usar etiquetas de encabezado en absoluto. Todo va a estar bien. Pero…. estas etiquetas ayudan a los motores de búsqueda a leer el contenido de una página web de manera más eficiente. El orden de las etiquetas de encabezado (h1 a h6) muestra el nivel de importancia de cada sección.

Además, cuando una página está estructurada por niveles, es mucho más fácil para los visitantes leerla y comprender las partes más importantes en poco tiempo.

Orden jerárquico de los títulos

La jerarquía de los encabezados permitirá a los motores de búsqueda comprender mejor el contenido.

Se considera una buena práctica usar un h1 por página y dividir el contenido lógicamente en secciones con h2. Si es necesario, puede seguir segmentando secciones h2 con h3, h4, y así sucesivamente. Hay que utilizarlos estratégicamente para introducir el punto principal de cada sección.

Títulos optimizados por palabras clave

A medida que los encabezados introducen los puntos principales de cada sección de la página, es una buena idea incluir las palabras clave de destino y sus sinónimos en ellos. Además, normalmente tu h1 (si lo usas una vez como título de una página) será similar a tu etiqueta de título en HTML. Por lo tanto, ya estará optimizado en línea con la etiqueta title.

Consejo: Busca una buena Long-tail keyword o palabra clave de cola larga.

Encabezados visibles

Mientras que los motores de búsqueda leen tus meta tags, tus visitantes leen texto. Por lo tanto, no sólo debes mejorar la indexación de su contenido, sino también la experiencia del usuario.

Cuando utilices un h1 como título de su página, intenta hacerlo visible para los visitantes, ya que lo más probable es que este h1 transmita el tema principal del contenido de tu página.

Así debería ser:

  • más grande que todos los otros elementos de texto de tu página;
  • Entendible de un solo vistazo: utiliza diferentes elementos de formato y estilo para que destaque.

7. Alt attribute.

El atributo de texto alternativo es una parte de una etiqueta de imagen, y proporciona una descripción para una imagen. En HTML puede verse así:

<img src="url de la imagen" alt="descripcion de la imagen">

El texto alternativo juega un papel importante en la optimización de la imagen. Hace que tus imágenes sean accesibles tanto para los motores de búsqueda (diciéndoles lo que significa una imagen en particular) como para las personas (mostrando un texto alternativo en caso de que una imagen en particular no pueda ser cargada o ayudando a los «lectores de pantalla»).

Textos alt optimizados por palabras clave

Sí, creo que lo has adivinado, los textos alternativos son una oportunidad más para usar las palabras clave de tu objetivo. Y ya conoce el procedimiento: ¡no los utilices en exceso! Escribe la descripción que da contexto a tu contenido y utiliza una palabra clave donde sea adecuado. Las imágenes optimizadas por palabras clave funcionarán muy bien en combinación con los factores que los motores de búsqueda tienen en cuenta a la hora de clasificar las páginas.

Además, trata de que tus descripciones sean bastante cortas – unos 125 caracteres, ya que los lectores de pantalla cortarán los textos alternativos alrededor de esta marca.

Ninguna de estas etiquetas puede influir directamente en el éxito de tu SEO, pero tienen más de una forma de influir indirectamente.

Comentarios