Antes de que una página se posicione, una persona tiene que elegirla en una lista de resultados o en un enlace de un chat, y las pocas etiquetas del encabezado de la página deciden lo que esa persona ve. Este generador las escribe por ti: el título y la descripción para los buscadores, la dirección canonical y las etiquetas Open Graph y de tarjeta de Twitter que controlan el aspecto de un enlace compartido. Una vista previa en directo muestra ambos, y los contadores avisan cuando un título o una descripción pueden cortarse.
Crea tus etiquetas en tres pasos
- Rellena el título de la página, la descripción y la URL de la página.
- Añade la dirección de una imagen para compartir y el nombre del sitio si quieres una vista previa enriquecida, y elige el estilo de tarjeta.
- Revisa las dos vistas previas, pulsa Copiar y pega las líneas en el encabezado de tu página.
Qué se genera
- Las etiquetas title y description que los buscadores muestran en los resultados.
- Un enlace canonical que indica la dirección preferida cuando una página es accesible desde varias.
- Etiquetas Open Graph (og:title, og:description, og:image, og:url, og:type) que leen Facebook, LinkedIn, WhatsApp, Slack y otros.
- Etiquetas de tarjeta de Twitter para una vista previa grande o pequeña en X.
- Etiquetas opcionales de robots, color de tema, charset y viewport.
Longitudes que funcionan
Los buscadores cortan los títulos hacia los 60 caracteres y las descripciones hacia los 160, aunque el límite real depende del ancho en píxeles. Los contadores marcan el texto que es algo corto, tiene buena longitud o probablemente se cortará. Un buen título nombra primero el tema y al final la marca, y una buena descripción responde qué encontrará el visitante en la página, con palabras claras y no con una lista de palabras clave.
Imágenes para compartir y pruebas
Una imagen para compartir de 1200 por 630 píxeles funciona en casi todas las redes. Usa una dirección completa que empiece por https, porque las rutas relativas no se siguen. Tras publicar, las redes guardan lo que vieron, así que usa sus herramientas de depuración para actualizar un enlace. La vista previa de aquí usa el texto que escribes y no carga tu imagen, de modo que no se pide nada a otros servidores.