¿Qué son las metaetiquetas?

¿Qué son las metaetiquetas y por qué son tan importantes para el SEO?

Metaetiquetas HTML

Las metaetiquetas html definen el contenido de una página web y son esenciales para comunicar información específica a los rastreadores de los motores de búsqueda. <> Estas etiquetas son la base de la optimización Seo onpage y se encuentran en la sección head del sitio web. Google podrá entonces utilizar esta información para crear fragmentos enriquecidos o activar la clasificación de los resultados de búsqueda.

Sintaxis de metadatos

La sintaxis de los metadatos se traduce en dos atributos: “nombre”, que identifica el tipo de información que proporciona la etiqueta, y “contenido”, que describe el contenido real de la etiqueta.

Copy to Clipboard

Además de estos dos elementos, se puede añadir un tercer elemento “http-equiv”, que indica al navegador que se trata de valores de cabecera de conexión HTTP.

Entre las características de los Metadatos, destacan tres:

  • Unicidad: cada página de nuestro sitio debe tener metaetiquetas únicas que reflejen fielmente su contenido específico. Este escenario es especialmente impactante para la etiqueta del título y la metaetiqueta de descripción, que representan los “puntos de contacto” entre nuestro sitio y el visitante directamente en Serp.
  • La longitud es otro factor determinante que siempre hay que tener en cuenta para no incurrir en truncamiento en Serp. En este caso, no debe considerarse el número absoluto de caracteres, sino de “Píxeles”. De hecho, piensa que una “M” mayúscula ocupa más espacio que una “i” minúscula, y esta condición se vuelve aún más importante si seguimos la orientación “Mobile First Indexing”. Para evitarlo, simplemente utiliza la pestaña “SERP Snippet” de Screaming Frog para previsualizar nuestro Meta Título y Descripción en tiempo real, tanto en la versión de escritorio como en la móvil.
  • Relevancia: las metaetiquetas deben ser relevantes para el contenido y no representar un intento de sobreoptimizar el contenido con fines de SEO, lo que, dado el último algoritmo de Google, podría dar lugar a penalizaciones.

Metaetiquetas

  • Etiqueta del título: define el título de la página web y la utilizan los motores de búsqueda en los Serp Snippets. Este atributo contribuye a la definición de la clasificación y debe optimizarse en cuanto a su longitud, de lo contrario puede ser modificado automáticamente por el algoritmo de Google o truncado. Al representar el primer “punto de contacto” con el visitante, debe ser explicativo del contenido de la página enlazada para aumentar el CTR.

Una buena práctica para el Meta Título es la inclusión de la palabra clave principal en el atributo, preferiblemente en la primera posición. Esto no significa bombardear el título con “Palabras clave”, sino proporcionar un título conciso y relevante con respecto al objetivo real de todo Seo, ¡la “Intención de búsqueda” del documento!

  • Meta Descripción: representa un resumen del contenido de la página. En términos de marketing tradicional, representa los primeros “10 segundos” en los que cualquier sitio debe presentarse y causar una buena impresión. A diferencia del Meta Título, no contribuye a la clasificación, pero ayuda a aumentar el CTR.
  • Meta Etiquetas Robots: representan sugerencias sobre cómo deben comportarse Google y otros motores de búsqueda al analizar el sitio rastreado. Entre los Meta Robots más utilizados están:
    • noindex: pide al bot que no muestre el elemento escaneado en sus resultados.
    • nofollow: sirve para impedir que los enlaces de la página sean seguidos por el motor de búsqueda. También es muy útil para no pasar Link Juice a la página enlazada. Si quieres inhibir un “Hiperenlace” concreto, no debes utilizar este atributo en la cabecera, sino directamente en el código del enlace deseado.
    • none: representa el cierre mayor al Bot del motor de búsqueda y corresponde a noindex, nofollow.
    • noarchive: no permite a Google mostrar un enlace “copia de caché” en la Serp.
    • noimageindex: inhibe la indexación de imágenes en Serp.

Las Metaetiquetas Robots se pueden analizar muy fácilmente con Screaming Frog a través de la pestaña “Directivas”.

  • Hreflang: atributo utilizado para la internacionalización de un proyecto online; a través de esta etiqueta, se presentan versiones lingüísticas al motor de búsqueda, evitando el contenido duplicado y aumentando las posibilidades de aparecer en Serpos geolocalizados con el propio sitio web.
  • Canonical: un atributo indudablemente valioso que permite declarar qué contenido es primario y cuál es secundario (o duplicado). No confundir con Hreflang porque, aunque similar, representa objetivos diferentes. Se recomienda insertar “autocanonical” en todas las páginas (si no están “canonicalizadas”.
  • Meta Etiqueta de palabra clave: obsoleto
  • Etiqueta Viewport: en un escenario cada vez más vinculado al mundo “móvil”, este atributo controla cómo se muestra el contenido en los dispositivos móviles. Con la introducción de la “indexación Mobile First”, es un nodo crucial para la clasificación en los motores de búsqueda, así como para garantizar una UX adecuada.
Copy to Clipboard

La parte width=device-width establece la anchura de la página en función de la anchura de la pantalla del dispositivo (que variará según el dispositivo).

La parte initial-scale=1. 0 establece el nivel de zoom inicial cuando el navegador carga la página por primera vez.

  • Etiqueta Open Graph: identifica cómo se representará el contenido en las redes sociales una vez compartido.
  • Meta Char Set: una etiqueta muy importante para codificar los caracteres de una página web y no empeorar la UX del visitante y, en consecuencia, aumentar la tasa de rebote. Hay docenas de codificaciones, pero las más comunes son:
    • UTF-8 – Codificación de caracteres para Unicode;
    • ISO-8859-1 – Codificación de caracteres para el alfabeto latino.
Copy to Clipboard
  • Meta Redirección de actualización: ordenar al navegador que cree una redirección a una página diferente después de un intervalo de tiempo específico. Este escenario empeora la UX de navegación y se recomienda una redirección 301 (permanente) o 302 (temporal).
Copy to Clipboard

Dado que la Redirección Meta Refresh es una práctica que no recomiendo, puedes identificarla simplemente utilizando los filtros de la pestaña Código de estado de la Araña Seo.

Ficha Seo Spider