Generador gratuito de Open Graph

Genera las etiquetas Open Graph que controlan el aspecto de tu página cuando se comparte en Facebook, LinkedIn y cualquier otro sitio que las interprete.

Lo que aparece en negrita en la tarjeta compartida: esta página, no el nombre de tu sitio. Puede diferir del título de la página y, a menudo, debería hacerlo: redacta el texto pensando en alguien que ve un enlace en un feed, no en los resultados de búsqueda. Unos 60 caracteres antes de que se trunque.
Como máximo, dos líneas en la tarjeta. Indica lo que obtiene el lector en lugar de repetir el titular.
La dirección canónica de esta página, de modo que las veces que se comparta con variantes de seguimiento cuenten como la misma página.
1200x630 es el tamaño recomendado para todas las plataformas y es el factor que más influye en que se haga clic en el enlace.
Tu marca, mostrada como una pequeña etiqueta en la tarjeta. Este es el que corresponde a tu sitio, no a esta página.
Fecha ISO, es decir, AAAA-MM-DD.
Un nombre o la URL de la página de perfil del autor.
La categoría en la que se encuentra este artículo.
Separados por comas. Cada uno se convierte en su propia etiqueta.
Solo números: la moneda se indica en el campo de abajo.
En segundos.
El idioma y la región para los que está escrita esta página. Solo es relevante si publicas en más de un idioma; en caso contrario, déjalo como inglés (Estados Unidos).

Salida

Tus etiquetas Open Graph:

Audita cualquier sitio web con SEO en cuestión de segundos
+ Herramientas SEO / GEO completas para cada función

Realiza más de 100 comprobaciones en tu sitio web de SEO On-Page, usabilidad, rendimiento, redes sociales y enlaces. Ahora con GEO en todos los informes. SEOptimer también ofrece investigación de palabras clave, seguimiento de posiciones, análisis de backlinks y un rastreador web completo.

Acerca de las etiquetas Open Graph

Qué controlan las etiquetas Open Graph

Las etiquetas Open Graph determinan el aspecto que tendrá el enlace a tu página cuando alguien lo comparta. El titular, el resumen que aparece debajo y la imagen que ocupa la mayor parte de la tarjeta.
Sin ellos, la plataforma hace suposiciones, y no suelen ser acertadas: utiliza la primera imagen que encuentra, que a menudo es tu logotipo o una foto de archivo, y el texto que puede extraer de la parte superior de la página.
Este formato comenzó en Facebook y ahora lo utilizan LinkedIn, WhatsApp, Slack, Discord y la mayoría de los demás sitios en los que se pega un enlace. Un solo conjunto de etiquetas sirve para todos ellos.

Qué configurar

  • og:title - el titular de la tarjeta, de unos 60 caracteres antes de que se trunque.
  • og:description - como máximo, dos líneas. Explica qué obtiene el lector en lugar de repetir el título.
  • og:image: una URL absoluta, de 1200x630, y el factor que más influye en que se haga clic en el enlace.
  • og:url: la URL canónica, para que las comparticiones de las variantes con parámetros de seguimiento cuenten como la misma página.
  • og:type y og:site_name: ocupan poco espacio y se añaden en un segundo.

Errores comunes

  • Una ruta de imagen relativa que las plataformas no pueden resolver.
  • Una imagen con un texto tan pequeño que resulta ilegible en el tamaño de la tarjeta.
  • Títulos escritos para los motores de búsqueda en lugar de para una persona que ve un enlace en su feed.
  • Duplicar las mismas etiquetas en todas las páginas mediante una plantilla.
  • Olvidar que las plataformas almacenan contenido en caché. Para que los cambios surtan efecto, hay que utilizar el depurador de compartición.

¿Afectan las etiquetas Open Graph al SEO?

No directamente, y sería engañoso afirmar lo contrario. No son un factor de posicionamiento.
Lo que sí afectan es a si se hace clic en un enlace compartido, y un enlace en el que se hace clic y que se comparte vale más que uno por el que se pasa de largo. Ahí es donde se obtiene el beneficio.
También sirven como alternativa cuando faltan otras etiquetas, por lo que es menos probable que una página con buenos datos de Open Graph se muestre incorrectamente en algún lugar que no habías previsto.

Uso del generador de Open Graph

Completa los campos que correspondan y pega el resultado en el encabezado de la página. Las etiquetas específicas de cada página superan con creces a una configuración predeterminada para todo el sitio, ya que la imagen y el titular son lo que hace que una página se diferencie de otra en un feed.
Después, comparte la página de forma privada una vez para ver la tarjeta antes que nadie.

Qué hacer a continuación

Comprueba lo que has publicado con Probador de Open Graph, gestiona X por separado con el generador Tarjeta de X y confirma que los perfiles de enlaces a redes sociales que mencionas están realmente enlazados desde el sitio.

Caja de herramientas SEO completa con más de 55 herramientas

Comprueba los títulos, las meta descripciones, los encabezados, los datos estructurados, las Core Web Vitals, el SSL y el archivo robots.txt. Genera metaetiquetas, mapas del sitio y reglas .htaccess, minimiza el CSS, el JS y el HTML, y redacta textos con nuestras herramientas de redacción con IA, al instante y gratis.

Más información

Más información
Why are Social Media Links Important for Your Website?
If you’ve created a Facebook page or Twitter account for your business, chances are, you would've already linked to your website within yo...
How to use Social Media Marketing to Promote Your Website
In this day and age, you’d be hard-pressed to find a business that doesn’t have a Facebook page. But if you’re simply posting on your social...
CTR SEO: ¿por qué es tan importante el CTR en SEO?
El CTR es un factor clave en el posicionamiento SEO, y muchas veces nos olvidamos de su importancia. En este artículo te contamos cómo anali...
What is a Title Tag? How to Write Better SEO Titles
What is a Title Tag?   A title tag is an HTML element that tells search engines and users what a webpage is about. It appears as the c...