Cómo usar la herramienta «Generador de Open Graph»
- Escribe título y descripciónRellena Título y Descripción con el texto que quieres en los enlaces compartidos.
- Añade los datos de la páginaAñade la URL de la página y el Nombre del sitio, y una URL de la imagen si tienes una imagen para compartir; los tres son opcionales.
- Copia las etiquetas en el headEjecuta el generador, copia las metaetiquetas y pégalas en la sección head de la página.
Usos habituales
- Preparar las etiquetas para compartir una nueva landing
- Arreglar una página que no muestra imagen al compartirla en apps de mensajería
- Pasar a un desarrollador etiquetas sociales listas para un artículo del blog
Preguntas frecuentes
¿Cómo se usa la herramienta «Generador de Open Graph»?
1. Escribe título y descripción: Rellena Título y Descripción con el texto que quieres en los enlaces compartidos. 2. Añade los datos de la página: Añade la URL de la página y el Nombre del sitio, y una URL de la imagen si tienes una imagen para compartir; los tres son opcionales. 3. Copia las etiquetas en el head: Ejecuta el generador, copia las metaetiquetas y pégalas en la sección head de la página.
¿Qué etiquetas se generan?
og:type con el valor website, og:title y og:description, además de og:url, og:site_name y og:image si rellenas esos campos. También añade twitter:card, twitter:title, twitter:description y twitter:image cuando indicas una imagen.
¿Cómo se elige el tipo de tarjeta de Twitter?
Con URL de la imagen la herramienta usa summary_large_image; sin ella usa summary. Puedes cambiarlo a mano si prefieres otra tarjeta.
¿Comprueba la imagen o escapa los caracteres especiales?
Escapa los caracteres especiales, pero no comprueba la imagen. Las comillas, los signos & y los corchetes angulares se escriben como entidades HTML, así que no pueden romper las etiquetas. La URL de la imagen no se descarga, por lo que no se verifican su tamaño ni su disponibilidad.
¿Se envían mis datos a algún sitio?
Los campos se envían al servidor de GigaTools, que escribe las etiquetas y las devuelve. No se descarga ninguna URL ni se comparte nada con redes sociales.