Meta etiquetas SEO: Guía completa de título, descripción y Open Graph

Las etiquetas Meta son la primera impresión que tu sitio web da en los resultados de búsqueda y las redes sociales. Le dicen a los motores de búsqueda de qué trata tu página y controlan cómo se muestra tu contenido cuando se comparte en la web. A pesar de su simplicidad, las etiquetas Meta siguen siendo uno de los elementos de SEO más impactantes que puedes controlar. Esta guía cubre cada etiqueta Meta importante con estrategias prácticas de optimización para cada una.

Etiqueta Title: El elemento Meta más importante

La etiqueta Title es el elemento de SEO on-page más importante. Aparece como el título cliqueable en los resultados de búsqueda, el título de la pestaña en los navegadores y el nombre predeterminado de los marcadores. Un title tag bien optimizado puede mejorar significativamente tu tasa de clics y tu ranking de búsqueda.

Mejores prácticas para la etiqueta Title

• Longitud: Mantén los títulos entre 50-60 caracteres. Google trunca los títulos después de aproximadamente 600 píxeles, lo que típicamente significa 55-60 caracteres dependiendo del ancho de las letras.
• Palabras clave principales primero: Coloca las palabras clave más importantes al principio del título. Los motores de búsqueda dan más peso a las palabras que aparecen antes.
• Nombre de marca: Incluye el nombre de la marca al final, separado por una barra vertical o un guión. Por ejemplo: "Cómo comprimir imágenes web | ToolHub".
• Único por página: Cada página debe tener un título único que describa con precisión su contenido específico. Los títulos duplicados confunden a los motores de búsqueda y diluyen las señales de relevancia.
• Evita el relleno de palabras clave: No satures el título con múltiples variaciones de la misma palabra clave. Escribe de forma natural para humanos mientras incluyes tu palabra clave objetivo.

Meta Description: Tu texto publicitario en resultados de búsqueda

La meta description es un breve resumen del contenido de tu página que aparece debajo del título en los resultados de búsqueda. Aunque Google ha declarado que la meta description no es un factor de ranking directo, influye significativamente en la tasa de clics, lo que afecta indirectamente el ranking.

Escribir Meta Descriptions efectivas

• Longitud: Apunta a 150-160 caracteres. Google trunca las descripciones después de aproximadamente 920 píxeles en escritorio y 680 píxeles en móvil.
• Incluye palabras clave objetivo: Google pone en negrita los términos de búsqueda coincidentes en las descripciones, haciendo que tu resultado destaque más.
• Agrega llamadas a la acción: Frases como "Aprende cómo", "Descubre" o "Comienza" animan a los usuarios a hacer clic.
• Coincide con la intención de búsqueda: Tu descripción debe alinearse con lo que el usuario está buscando. Las consultas informativas necesitan descripciones diferentes a las consultas transaccionales.
• Evita duplicados: Cada página necesita una descripción única. Google puede ignorar descripciones genéricas o duplicadas y generar su propio resumen a partir del contenido de la página.

Etiquetas Open Graph: Controla las previsualizaciones en redes sociales

Las etiquetas Open Graph (OG) fueron creadas por Facebook y ahora son utilizadas por LinkedIn, Discord, Slack y la mayoría de las plataformas sociales para determinar cómo se muestra tu contenido cuando se comparte. Sin etiquetas OG, las plataformas adivinan qué título, descripción e imagen usar, a menudo equivocándose.

Etiquetas básicas de Open Graph

Mejores prácticas para imágenes OG

• Usa imágenes de al menos 1200 x 630 píxeles para una visualización óptima en todas las plataformas
• Centra el contenido importante ya que diferentes plataformas recortan las imágenes de manera diferente
• Usa una relación de aspecto de 1.91:1 para una visualización consistente en Facebook, LinkedIn y Twitter
• Mantén el tamaño del archivo por debajo de 5MB para que las vistas previas se carguen rápidamente
• Incluye el logotipo de la marca y el título de la página en la imagen para máximo reconocimiento

Etiquetas de Twitter Card

Twitter utiliza sus propias etiquetas Card además de Open Graph. Aunque Twitter recurre a las etiquetas OG cuando faltan las etiquetas Card, definir ambas explícitamente asegura una visualización consistente en todas las plataformas.

• twitter:card: Tipo de tarjeta. Usa "summary" para una imagen pequeña o "summary_large_image" para una imagen destacada.
• twitter:title: Título del contenido (máximo 70 caracteres).
• twitter:description: Descripción del contenido (máximo 200 caracteres).
• twitter:image: URL de la imagen a mostrar.

Otras etiquetas Meta importantes

Etiqueta Canonical

La etiqueta canonical (link rel="canonical") le dice a los motores de búsqueda qué versión de URL es la preferida cuando múltiples URLs sirven el mismo contenido. Esto previene problemas de contenido duplicado y consolida la autoridad de enlaces. Usa siempre URLs absolutas en las etiquetas canonical.

Etiqueta Robots Meta

La etiqueta robots meta controla cómo los motores de búsqueda rastrean e indexan tu página. Las directivas comunes incluyen "index, follow" (comportamiento predeterminado), "noindex, follow" (no indexar pero seguir enlaces) y "noindex, nofollow" (excluir completamente). Usa noindex para páginas delgadas, páginas de agradecimiento y contenido que no quieras en los resultados de búsqueda.

Etiqueta Meta Viewport

La etiqueta viewport es crítica para el diseño responsivo móvil. Usa meta name="viewport" content="width=device-width, initial-scale=1.0" en cada página. Sin ella, los navegadores móviles renderizan las páginas con el ancho del escritorio y las reducen, resultando en texto diminuto y mala usabilidad.

Codificación de caracteres e idioma

Declara siempre la codificación de caracteres con meta charset="UTF-8" y el idioma de la página con el atributo lang en el elemento html. Estas declaraciones ayudan a los navegadores a renderizar el texto correctamente y a los motores de búsqueda a entender el idioma de tu contenido.

Etiquetas Meta que debes evitar

Algunas meta etiquetas están obsoletas o son ineficaces y ya no deberían usarse:

• meta keywords: Google no ha usado esta etiqueta como factor de ranking desde 2009. Desperdicia ancho de banda y puede exponer tu estrategia de palabras clave a los competidores.
• meta revisit-after: Los motores de búsqueda determinan la frecuencia de rastreo según sus propios algoritmos, no esta etiqueta.
• meta author: No tiene valor SEO. Usa datos estructurados para proporcionar información del autor.

Valida tus etiquetas Meta

Después de implementar las meta etiquetas, usa estas herramientas para validarlas:

• Facebook Sharing Debugger: Valida las etiquetas Open Graph y muestra cómo aparecerá el contenido cuando se comparta en Facebook.
• Twitter Card Validator: Previsualiza cómo aparece tu contenido en las tarjetas de Twitter.
• Google Rich Results Test: Verifica los datos estructurados y previsualiza cómo podría aparecer tu página en los resultados de búsqueda.
• Generador de Meta Tags: Usa nuestro generador de meta etiquetas para crear etiquetas con el formato correcto y previsualizar su apariencia.