Qué son las meta tags
Las meta tags son etiquetas HTML que se ubican dentro del <head> y describen el contenido de la página al navegador, a Google y a redes sociales. No las ve el usuario directamente: las leen los buscadores para decidir cómo mostrar tu sitio en los resultados, y las leen Twitter, LinkedIn o WhatsApp para construir la previsualización cuando alguien comparte el link.
Las meta tags imprescindibles
- title: lo más importante para SEO. Aparece como título azul en Google y en la pestaña del navegador. Entre 50 y 60 caracteres.
- meta description: el resumen debajo del título en Google. Entre 150 y 160 caracteres. Tiene que vender el click.
- meta viewport: imprescindible para mobile. Sin ella, tu sitio se ve renderizado en escritorio y achicado.
- link canonical: indica cuál es la URL oficial de esta página. Evita penalizaciones por contenido duplicado.
Open Graph y Twitter Card
Open Graph es un estándar creado por Facebook que adoptaron casi todas las plataformas (LinkedIn, WhatsApp, Slack, Discord, Telegram). Twitter usa su propia variante, Twitter Card. Las dos definen cómo se muestra tu link cuando se comparte: imagen, título, descripción.
Sin Open Graph, tu link aparece como texto pelado o con la primera imagen aleatoria de la página. Con Open Graph bien armado, conseguís una tarjeta visual atractiva que aumenta el CTR significativamente.
Tamaño de imagen ideal para Open Graph
1200x630 píxeles, formato PNG o JPG, bajo 1 MB. Mantené el contenido importante en el centro: muchas plataformas recortan los bordes. Asegurate de que el texto sea legible incluso en thumbnails chicos.
Errores comunes
- Title duplicado en todas las páginas: cada URL tiene que tener su propio title.
- Description genérica: "Bienvenido a nuestro sitio" no convierte. Sé específico.
- Olvidar el canonical: si tu sitio tiene parámetros UTM, sin canonical Google indexa N versiones.
- OG image rota: probá tu URL en el debugger de Facebook y la card validator de Twitter antes de publicar.
Validación
Una vez que pegaste las meta tags, validalas con herramientas oficiales: el Sharing Debugger de Facebook, el Card Validator de Twitter y la inspección de URL en Google Search Console. Estas herramientas te muestran exactamente cómo cada plataforma interpreta tu HTML y te avisan si algo falta. Probá siempre antes de mandar a producción.