Generador Open Graph

Crea etiquetas Open Graph y Twitter Card con vista previa en vivo

El Generador de Open Graph crea las metaetiquetas que controlan cómo se ve tu página al compartirla en Facebook, LinkedIn, X (Twitter), WhatsApp y otras plataformas. Introduce un título, una descripción, una URL y una imagen, y obtén etiquetas Open Graph y Twitter Card listas para pegar.

Una vista previa en vivo muestra la tarjeta mientras escribes, para que puedas corregir un título cortado o una imagen que falta antes de que alguien comparta tu enlace.

Etiquetas Open Graph Etiquetas Twitter Card Vista previa en vivo Tipos web, artículo, producto y vídeo Imagen y nombre del sitio HTML listo para copiar
example.com
Your page title will appear here
Your page description will appear here

Beneficios clave

Por qué la gente usa esta herramienta cada día

Más clics desde redes sociales

Un título claro, una buena descripción y una imagen grande hacen que tus enlaces destaquen en el feed y atraigan más visitas.

Etiquetas correctas siempre

La herramienta usa los nombres de propiedad correctos y escapa los caracteres especiales, así evitas errores que rompen la vista previa.

Míralo antes de publicar

La vista previa en vivo muestra aproximadamente cómo se verá la tarjeta del enlace, sin sorpresas después de compartir.

Listo en menos de un minuto

No necesitas memorizar la sintaxis de Open Graph ni de Twitter Cards. Rellena unos campos y copia el resultado.

Cómo funciona

Obtén tu resultado en cuatro sencillos pasos
1

Introduce los datos

Añade el título, la descripción y la URL completa de la página que quieres compartir.
2

Añade imagen y tipo

Pega la URL de una imagen, elige el tipo de contenido y, si quieres, añade el nombre del sitio y el idioma.
3

Elige una Twitter Card

Selecciona una tarjeta con imagen grande o un resumen compacto para X (Twitter).
4

Copia las etiquetas

Revisa la vista previa y copia el HTML en la sección <head> de tu página.

Consejos útiles

Obtén mejores resultados con estas sugerencias

Usa una imagen de 1200×630

Las imágenes de unos 1200×630 píxeles (1,91:1) se ven nítidas en la mayoría de plataformas. Usa una URL absoluta con https://.

Títulos cortos

Apunta a unos 60 caracteres en el título y 110–160 en la descripción para que no se corten.

Usa la URL canónica

Define og:url con la dirección canónica de la página para que los «me gusta» y las comparticiones se cuenten en una sola URL.

Actualiza la caché

Las plataformas guardan las vistas previas en caché. Tras cambiar las etiquetas, vuelve a analizar la URL con el depurador de la plataforma.

Preguntas frecuentes

Respuestas rápidas a las dudas más comunes

¿Qué son las etiquetas Open Graph?

Son metaetiquetas en el <head> de una página que indican a las redes sociales qué título, descripción, imagen y URL mostrar al compartirla. El protocolo lo creó Facebook y hoy lo usan la mayoría de redes sociales y apps de mensajería.

¿Qué diferencia hay entre Open Graph y Twitter Cards?

Las Twitter Cards son las metaetiquetas propias de X para las vistas previas de enlaces. X puede usar Open Graph como respaldo, pero añadir ambas te da control total en todas partes. Esta herramienta genera las dos.

¿Dónde pongo las etiquetas generadas?

Pégalas dentro de la sección <head> de la página que quieres compartir. En la mayoría de CMS puedes hacerlo con un plugin SEO o un campo de código para la cabecera.

¿Por qué sigue apareciendo la imagen antigua?

Las redes sociales guardan en caché las vistas previas. Usa la herramienta de depuración o inspección de la plataforma para volver a obtener la página y se leerán las nuevas etiquetas.

¿El Generador de Open Graph es gratuito?

Sí. La herramienta es totalmente gratuita y no requiere cuenta.

Haz que tus enlaces luzcan bien al compartirlos

Rellena los datos de tu página arriba y obtén gratis etiquetas Open Graph y Twitter Card con vista previa en vivo.

Generar etiquetas Open Graph

Raheel Jakhura

CEO / Co-Founder

Our goal is to provide online free tools so you don't have to install any software for basic usages. We are trying to add more tools and make these tools free forever.

cookies image
Nos preocupamos por sus datos y nos encantaría usar cookies para mejorar su experiencia.