Cómo usarlo
- Rellena el título y la descripción, la dirección de la página y una imagen de vista previa.
- Revisa a la derecha el resultado de búsqueda y la vista previa del enlace, y corrige lo que indiquen los avisos.
- Copia las etiquetas en el
<head>de tu página, o descárgalas.
Solo los campos que rellenas se convierten en etiquetas, y cada valor se escapa, así que las comillas y los & de tu texto no pueden romper el HTML.
Las etiquetas que importan
<title>es el titular de tu resultado de búsqueda y de la pestaña del navegador. En los resultados se ven unos 60 caracteres.<meta name="description">es el fragmento de debajo, cuando el buscador considera que encaja con la página. Apunta a entre 70 y 160 caracteres.<link rel="canonical">indica la única dirección de la página, para que las copias en otras direcciones no compitan con ella.- Las etiquetas Open Graph (
og:) son lo que leen Slack, LinkedIn, Facebook, iMessage y la mayoría de las apps de chat para las vistas previas de enlaces. twitter:cardpide a X una tarjeta con imagen grande. Para lo demás, X usa las etiquetas Open Graph.
La imagen de vista previa
Usa 1200 × 630 píxeles (1,91:1), PNG o JPEG, de menos de 5 MB, en una dirección https:// completa. Las rutas relativas como /og.png no funcionan: los servicios que generan las vistas previas descargan la imagen por su cuenta. Aleja el texto importante de los bordes, porque algunas apps recortan a un cuadrado.
Preguntas frecuentes
¿Siguen importando las meta keywords?
No. Google ignora <meta name="keywords"> desde hace años, así que el generador no la escribe.
¿Por qué no cambia la vista previa de mi enlace tras actualizar las etiquetas?
Los servicios guardan en caché las vistas previas, a veces durante días. La mayoría tiene una herramienta para volver a obtener la página, como el Post Inspector de LinkedIn y el Sharing Debugger de Facebook.
¿Dónde van las etiquetas?
Dentro de <head>, antes del </head> de cierre. Si tu página ya tiene un <title> o una descripción, sustitúyelos en lugar de añadir otros.
¿Puedo ver aquí la imagen real en la vista previa?
La vista previa muestra el nombre del archivo de la imagen en lugar de la imagen, porque esta página solo carga imágenes de lobsite.com. Publica tu página y compruébala en una app de chat para ver el resultado real.