Una de las cosas que la mayoría de la gente que empieza a construir en Framer no tiene en cuenta es trabajar el Open Graph. Así que en este tutorial vas a ver como hacerlo en 1 minuto.
Por si no sabes lo que es, el Open Graph es la imagen que utilizan las redes sociales como Instagram, Facebook, Linkedin o Twitter al poner un link a tu web. Es uno de los principales impactos que tienes con tus usuarios y puede hacer que tu página realmente llame la atención.
Fíjate por ejemplo en el de Nocodehackers:
Así que vamos a ver cómo configurar el Open Graph (Y ya de paso el título y la descripción) de nuestras webs en Framer.
Lo primero que tenemos que hacer es crear el Open Graph, para lo cual tendrás que hacer una creatividad en el propio Framer (o utilizar herramientas como Canva o Figma), del siguiente tamaño: 1200 x 630.
Una vez que lo tengas, deberás dirigirte a los ajustes del proyecto, pulsando en el siguiente icono:
Desde ahí, encontrarás las opciones para añadir tres campos que son especialmente relevantes:
Te quedará algo de este estilo:
Una vez que tengas esto, baja hasta el apartado de Site Images, en el que podrás añadir el Favicon (icono de 32x32px) y nuestra Social Image (Open Graph) que hemos creado antes:
Por último, simplemente Publica tu sitio y los cambios se aplicarán al momento, aunque puede que tarde un poco más de tiempo en indexarlo en distintas redes sociales.
Descubre el mundo del no-code en 1 hora
Conoce proyectos creados en No-code y descubre las mejores herramientas.
Aprende Gratis
Crea 5 proyectos reales en 6 semanas
Descubre cómo utilizar las mejores herramientas No-code en esta formación práctica.
Empieza a aprender
Academia de herramientas no-code y low–code
.svg){kind=icon}
