Generador de etiquetas Open Graph

Acerca del generador de etiquetas OG

El generador de etiquetas OG es una herramienta en línea gratuita que crea metaetiquetas Open Graph y etiquetas Twitter Card optimizadas para sus páginas web. Las etiquetas Open Graph (OG) son elementos meta de HTML que controlan cómo se muestra su contenido al compartirlo en redes sociales y plataformas como Facebook, LinkedIn, WhatsApp, Slack y Discord. Unas etiquetas OG bien configuradas pueden aumentar de forma notable la tasa de clics y la interacción social.

Esta herramienta genera a la vez etiquetas Open Graph y etiquetas Twitter Card, para que su contenido se vea bien en todas las plataformas sociales. Solo debe completar el título de la página, la descripción, la URL de la imagen y otros datos, y el generador produce metaetiquetas HTML listas para pegar, junto con una vista previa social en vivo que se aproxima a cómo se verá su enlace antes de publicarlo.

Con compatibilidad para varios tipos de contenido (sitio web, artículo, producto, perfil, video, música y libro), el generador también maneja las etiquetas específicas de artículos (autor, sección, fecha de publicación) y las etiquetas de producto (precio, moneda, disponibilidad). Ya sea que usted sea un profesional de marketing que optimiza el contenido compartido, un desarrollador que implementa metaetiquetas o un creador de contenido que busca más interacción, esta herramienta agiliza el proceso.

Características principales

• Genere metaetiquetas Open Graph y etiquetas Twitter Card en un solo paso
• Vista previa social en vivo que se aproxima a cómo se verá su enlace al compartirlo
• Compatibilidad con 7 tipos de contenido: sitio web, artículo, producto, perfil, video, música y libro
• Campos específicos de artículo para autor, sección, etiquetas y fechas de publicación y modificación
• Campos específicos de producto para precio, moneda y disponibilidad
• Selección del tipo de Twitter Card: Summary y Summary Large Image
• Copia de todas las etiquetas generadas al portapapeles con un clic
• Configuración de idioma y nombre del sitio para una compatibilidad OG completa
• Salida HTML limpia y con formato, lista para pegar en el head de su página
• No requiere cuenta, no guarda datos y es totalmente gratis

Cómo usar

1. Ingrese la información básica: Complete los campos de título, descripción, URL, URL de la imagen, tipo de contenido y nombre del sitio en la sección de información básica.
2. Agregue los detalles según el tipo: Si seleccionó «Artículo» o «Producto» como tipo de contenido, complete los campos adicionales que aparecen (autor, precio, etc.).
3. Configure la Twitter Card: Elija el tipo de Twitter Card (se recomienda Summary Large Image) y, si lo desea, ingrese su @usuario de Twitter.
4. Previsualice lo que se compartirá: Revise el panel de vista previa en redes sociales para ver cómo se verá su enlace al compartirlo en plataformas como Facebook y LinkedIn.
5. Copie las etiquetas: Haga clic en «Copiar todo» para copiar al portapapeles el conjunto completo de metaetiquetas Open Graph y Twitter Card.
6. Péguelas en su HTML: Agregue las etiquetas copiadas dentro de la sección <head> de su página HTML y luego pruébelas con el Depurador de contenido compartido de Facebook o el Post Inspector de LinkedIn.

Casos de uso

• Optimización de blogs y artículos: Genere etiquetas OG para las entradas del blog y logre vistas previas atractivas, con autor, categoría y fecha de publicación al compartirlas.
• Páginas de producto de comercio electrónico: Cree etiquetas OG de tipo producto con precio, moneda y disponibilidad para generar clics hacia su tienda desde el contenido compartido.
• Campañas de marketing: Redacte títulos, descripciones e imágenes atractivos para las páginas de destino de sus campañas y maximice la tasa de clics en redes sociales.
• Lanzamientos de sitios web: Configure etiquetas OG adecuadas para su página de inicio y las páginas clave antes del lanzamiento, y logre una primera impresión profesional en las plataformas sociales.
• Gestión de contenido: Use la herramienta para estandarizar el formato de las etiquetas OG en todas las páginas de un sitio web o blog con varios autores.
• Implementación por desarrolladores: Genere rápidamente el HTML de las metaetiquetas con el formato correcto, sin escribir cada etiqueta a mano, para reducir el tiempo de desarrollo y los errores de escritura.
• Auditoría de redes sociales: Previsualice cómo se verá el contenido existente o planificado al compartirlo y optimice en consecuencia los títulos, las descripciones y las imágenes.
• Coherencia entre plataformas: Genere a la vez etiquetas OG y Twitter Card para lograr una apariencia uniforme en Facebook, Twitter, LinkedIn y aplicaciones de mensajería.

Preguntas frecuentes

Consejos y buenas prácticas

• Mantenga los títulos por debajo de 60 caracteres: Los títulos más largos se truncan en la mayoría de las plataformas sociales. Escriba títulos concisos y atractivos que transmitan el mensaje clave.
• Escriba descripciones de 150-200 caracteres: Este rango ofrece suficiente detalle para incentivar los clics sin que el texto se corte en las vistas previas de redes sociales.
• Use URL absolutas: Utilice siempre URL completas (incluido https://) en og:url y og:image. Las rutas relativas no se resuelven correctamente al compartir.
• Elija imágenes llamativas: La og:image es el elemento con mayor impacto en la interacción social. Use imágenes de alta calidad y relevantes que destaquen en un feed saturado.
• Seleccione el tipo de contenido correcto: Use «article» para entradas de blog, «product» para páginas de comercio electrónico y «website» para páginas generales, para que las plataformas categoricen su contenido correctamente.
• Pruebe en varias plataformas: Previsualice sus etiquetas en Facebook, Twitter, LinkedIn y aplicaciones de mensajería para lograr una apariencia uniforme y atractiva en todas partes.