Meta Tags SEO: Guía Completa de Title, Description y Open Graph

¿Qué son los meta tags y por qué importan para el SEO?

Los meta tags son fragmentos de código HTML que proporcionan información sobre una página web a los motores de búsqueda y a las redes sociales. No son visibles para los usuarios en la página, pero determinan cómo aparece tu sitio en los resultados de búsqueda y cuando alguien comparte un enlace.

Un buen title tag puede ser la diferencia entre que un usuario haga clic en tu resultado o en el de la competencia. Google muestra miles de millones de resultados al día, y el title y la description son tu escaparate en cada uno de ellos.

Nuestro Generador de Meta Tags te ayuda a crear meta tags optimizados con previsualización en tiempo real.

El title tag: el meta tag más importante

El <title> es el factor on-page con mayor peso para el posicionamiento en Google. Aparece en tres lugares clave: la pestaña del navegador, los resultados de búsqueda y las publicaciones en redes sociales.

Buenas prácticas para el title:

• Longitud: 50-60 caracteres. Google corta los títulos más largos con puntos suspensivos. Mantente dentro del límite para que se muestre completo.
• Incluye la palabra clave principal lo más cerca del principio posible. "Cómo comprimir PDF gratis" es mejor que "Guía gratuita sobre métodos de compresión de archivos PDF".
• Cada página debe tener un title diferente. Los títulos duplicados confunden a Google y diluyen el posicionamiento.
• Incluye tu marca al final si queda espacio: "Comprimir PDF Gratis | OnlineTools4Free".
• Evita el relleno de palabras clave. "PDF comprimir, compresión PDF, reducir PDF online" es spam y Google lo penaliza.

La meta description: tu anuncio gratuito en Google

La meta description no es un factor directo de ranking, pero influye enormemente en el CTR (porcentaje de clics). Una buena description puede duplicar los clics frente a una genérica.

• Longitud: 150-160 caracteres. Las descripciones más largas se cortan en los resultados de búsqueda.
• Incluye una llamada a la acción. "Descubre cómo...", "Aprende a...", "Prueba gratis..." motivan al usuario a hacer clic.
• Incluye la palabra clave. Google la resalta en negrita cuando coincide con la búsqueda del usuario, lo que atrae la atención visualmente.
• Describe el contenido con precisión. Si la description promete algo que la página no ofrece, el usuario rebotará y Google tomará nota.
• Hazla diferente para cada página. Las meta descriptions duplicadas son una señal de baja calidad para Google.

Meta tags Open Graph: controla cómo se comparte tu contenido

Los meta tags Open Graph (OG) controlan cómo se muestra tu página cuando alguien la comparte en Facebook, LinkedIn, WhatsApp y otras plataformas. Sin ellos, la red social elige automáticamente qué imagen y texto mostrar, con resultados a menudo desastrosos.

Los tags OG esenciales son:

• og:title — El título que se muestra al compartir. Puede ser diferente del title tag SEO.
• og:description — La descripción que acompaña al enlace compartido.
• og:image — La imagen principal. Debe ser de al menos 1200 x 630 px para una buena visualización en todas las plataformas.
• og:url — La URL canónica de la página.
• og:type — El tipo de contenido: "website", "article", "product", etc.

Twitter Cards: meta tags para X

Twitter (ahora X) tiene su propio sistema de meta tags, aunque también lee Open Graph como fallback:

• twitter:card — Tipo de tarjeta: "summary" (cuadrada pequeña) o "summary_large_image" (rectangular grande). Para la mayoría de páginas, usa "summary_large_image".
• twitter:title — Título específico para X.
• twitter:description — Descripción específica para X.
• twitter:image — Imagen para la tarjeta. Mínimo 300 x 157 px para "summary_large_image".

Otros meta tags relevantes para SEO

• Canonical (rel="canonical"): Indica a Google cuál es la versión principal de una página cuando hay URLs duplicadas. Esencial para evitar problemas de contenido duplicado.
• Robots (meta robots): Controla si Google puede indexar la página y seguir sus enlaces. noindex excluye la página del índice; nofollow impide que se sigan los enlaces.
• Hreflang: Indica las versiones en otros idiomas de una página. Crucial para sitios multiidioma para que Google muestre la versión correcta según el idioma del usuario.
• Viewport: <meta name="viewport" content="width=device-width, initial-scale=1"> es obligatorio para el diseño responsive y es un factor de ranking en la búsqueda móvil.

Errores comunes que debes evitar

• No tener meta tags. Dejar que Google genere automáticamente el título y la descripción a partir del contenido de la página es dejar dinero sobre la mesa.
• Títulos y descripciones idénticos en todas las páginas. Cada URL debe tener meta tags personalizados.
• Imágenes OG de baja resolución. Una miniatura borrosa al compartir un enlace transmite una imagen poco profesional.
• No verificar con herramientas. Usa el Depurador de Facebook y la Validación de Tarjetas de X para comprobar que tus meta tags se interpretan correctamente.

Genera meta tags optimizados para SEO y redes sociales con nuestro Generador de Meta Tags.