Generador de etiquetas Open Graph
Rellena el título, la descripción, la imagen y la URL: la herramienta genera las etiquetas meta para pegar en el <head> y revisa los errores habituales.
Privacidad y coste
Esta herramienta funciona en tu navegador. Lo que escribes o pegas no se envía a nuestros servidores y usarla es gratis.
Cómo funciona
- Escribe el título, la descripción, la URL de la página y la URL absoluta de la imagen (con su tamaño si lo conoces).
- Elige el tipo (website, article, product…): para un artículo, añade fecha de publicación, autor y sección.
- Copia las etiquetas en el <head>, con un bloque twitter:card opcional, y corrige lo que se señale.
Ejemplo
Con el título «10 Tips for Faster Websites», una URL, una imagen de 1200×630 con texto alternativo, un nombre de sitio y la configuración regional en_GB, la herramienta genera 10 etiquetas meta property (og:title, og:type, og:url, og:image, og:image:width, og:image:height, og:image:alt, og:description, og:site_name, og:locale) y no señala ningún problema.
Qué significa el resultado
Las etiquetas Open Graph, creadas por Facebook, describen la página cuando se comparte en Facebook, LinkedIn, WhatsApp, Slack y otras. No influyen directamente en el posicionamiento en Google. Las cuatro etiquetas básicas son og:title, og:type, og:image y og:url. Las plataformas guardan los datos en caché: usa sus depuradores tras un cambio.
Problemas habituales que ayuda a resolver
- Un enlace compartido sin imagen o con la imagen recortada en el sitio equivocado.
- Una URL de imagen relativa o en http que algunas plataformas rechazan.
- Un og:title demasiado largo, truncado en la vista previa.
- Un og:url distinto de la URL canónica, que fragmenta los contadores de compartidos.
Preguntas frecuentes
¿Qué tamaño de imagen usar?
El tamaño habitual recomendado es 1200×630 px (proporción 1,91:1) por https. Una imagen cuadrada también sirve para vistas pequeñas, pero se recorta en tarjetas grandes.
¿Necesito también etiquetas Twitter/X?
X recurre a las etiquetas Open Graph. Añade al menos twitter:card para elegir el diseño; la opción de la herramienta lo añade por ti.
¿Las etiquetas Open Graph ayudan al SEO?
No directamente. Mejoran el aspecto de los enlaces compartidos y su tasa de clics, lo que puede traer más visitas y menciones.
Herramientas relacionadas
- Verificador Open Graph y vista previa socialEscribe una URL o pega el HTML: la herramienta extrae todas las etiquetas sociales, muestra la vista previa del enlace y lista lo que hay que corregir.Gratis · sin cuenta
- Generador de Twitter/X CardElige el tipo de tarjeta y rellena los campos: la herramienta genera las etiquetas twitter:*, muestra una vista previa y revisa los errores habituales.Gratis · en tu navegador
- Verificador de meta títuloPega tu etiqueta title y comprueba si cabe en los resultados de Google: longitud, ancho en píxeles, posición de la palabra clave y vista previa.Gratis · en tu navegador
- Verificador de meta descripciónPega tu meta descripción para ver cómo podría mostrarla Google: longitud, ancho en píxeles, vista previa en escritorio y móvil y palabra clave.Gratis · en tu navegador
- Vista previa del fragmento de GoogleEdita el título, la URL y la descripción para ver un resultado de Google simulado en escritorio y móvil, con los cortes medidos en píxeles.Gratis · en tu navegador
- Analizador de etiquetas metaPega el HTML de una página o escribe su URL para ver todas sus etiquetas meta en una tabla y detectar las que faltan.Gratis · sin cuenta