Generador de meta tags
Rellena los campos y copia las etiquetas en el head de tu página.
- Se ejecuta en tu navegador — tu texto no se envía a ningún sitio
- Sin registro, sin cuotas, gratis para usar tantas veces como quieras
Cómo funciona
Hay tres conjuntos de etiquetas que se solapan y hacen casi el mismo trabajo: las clásicas de SEO, Open Graph para Facebook, LinkedIn, WhatsApp y Slack, y las Twitter Cards. Escribirlas a mano supone repetirte tres veces y olvidar alguna.
Open Graph hace la mayor parte del trabajo
No es solo para Facebook. LinkedIn, WhatsApp, Slack, Discord, iMessage y casi todo lo que muestra una vista previa de un enlace lee las etiquetas Open Graph. Acertar con ellas arregla la vista previa en casi todas partes a la vez. Las Twitter Cards son un pequeño conjunto extra para X, que recurre a Open Graph cuando faltan.
Las longitudes se comprueban mientras escribes
Aproximadamente 60 caracteres para un título y 160 para una descripción antes de que los resultados de búsqueda los trunquen. Son guías y no límites estrictos: los buscadores miden los títulos por ancho en píxeles, así que un título lleno de mayúsculas y emes se trunca antes que uno lleno de eles minúsculas. El aviso te indica cuándo estás en la zona de riesgo.
La imagen es lo que la gente olvida
Un enlace sin og:image se muestra como un recuadro gris vacío, lo que reduce los clics de forma medible. La URL debe ser absoluta y empezar por https, porque los sitios que la descargan no saben cuál es la URL base de tu página. Unos 1200 por 630 píxeles van bien para la tarjeta de imagen grande.
URL canónica
Incluir un enlace canónico indica a los buscadores cuál es la dirección real cuando se puede llegar a la misma página de varias formas: con y sin barra final, con parámetros de seguimiento, en http y en https. Es una corrección de una línea para toda una clase de problemas de contenido duplicado.
Todo se escapa correctamente
Las comillas y los corchetes angulares de tu texto se escapan como corresponde, de modo que una descripción con un apóstrofo o unas comillas no pueda romper la etiqueta que la contiene.
Generador de meta tags — preguntas
¿Necesito las etiquetas de Twitter Card además de Open Graph?
No estrictamente: X recurre a Open Graph si faltan. Las etiquetas adicionales te dan control sobre el estilo de tarjeta que se usa.
¿Qué longitud debe tener el título?
Alrededor de 60 caracteres. Los buscadores truncan según el ancho en píxeles, así que tómalo como una guía y no como una regla.
¿Por qué mi vista previa del enlace no tiene imagen?
O falta og:image o su URL es relativa. Debe ser absoluta y empezar por https.
¿Dónde van estas etiquetas?
Dentro de la <head> de tu página.
¿Por qué no se actualiza mi vista previa?
Las plataformas sociales guardan en caché de forma agresiva. La mayoría ofrece un depurador que fuerza una nueva descarga.