Generador de Open Graph
Genera etiquetas meta Open Graph para optimizar las vistas previas al compartir en Facebook, Twitter y LinkedIn con vista previa en vivo
¿Qué son las etiquetas meta Open Graph?
Las etiquetas meta Open Graph son etiquetas HTML que controlan cómo se muestra tu página web al compartirla en redes sociales como Facebook, Twitter y LinkedIn. Definen el título, descripción, imagen y otras propiedades del enlace compartido.
¿Por qué necesito etiquetas Open Graph?
Sin etiquetas OG, las redes sociales elegirán contenido aleatorio de tu página, lo que puede resultar en vistas previas poco atractivas o incorrectas. Las etiquetas OG aseguran que tus enlaces compartidos se vean profesionales.
¿Cuál es el tamaño de imagen recomendado para og:image?
El tamaño de imagen recomendado es 1200×630 píxeles con un mínimo de 600×315 píxeles. Facebook y la mayoría de plataformas usan una relación de aspecto 1.91:1 para las vistas previas.
¿Las tarjetas de Twitter usan etiquetas Open Graph?
Twitter soporta etiquetas Open Graph como respaldo, pero también tiene sus propias etiquetas twitter:card, twitter:title, twitter:description e twitter:image. Esta herramienta genera ambas para máxima compatibilidad.
¿Cuáles son las etiquetas Open Graph obligatorias?
Las etiquetas OG mínimas requeridas son og:title, og:type, og:image y og:url. Sin embargo, se recomienda encarecidamente añadir og:description para mejores vistas previas en redes sociales.
¿Cómo puedo probar mis etiquetas Open Graph?
Puedes usar el Depurador de Compartir de Facebook, el Validador de Tarjetas de Twitter o el Inspector de Publicaciones de LinkedIn. Esta herramienta también ofrece una vista previa en vivo.
¿Open Graph afecta al SEO?
Las etiquetas Open Graph no afectan directamente al posicionamiento en buscadores, pero mejoran las tasas de clics en redes sociales al hacer los enlaces más atractivos, lo que puede beneficiar indirectamente tu SEO.
¿Qué es og:type y qué valores tiene?
og:type define el tipo de contenido compartido. Los valores comunes incluyen website, article, video, music, book y profile. Elegir el tipo correcto ayuda a las plataformas a mostrar tu contenido adecuadamente.
¿Puedo usar múltiples etiquetas og:image?
Sí, puedes especificar múltiples etiquetas og:image. Las redes sociales normalmente mostrarán la primera imagen o permitirán a los usuarios elegir entre todas las imágenes disponibles.
¿Cómo añado etiquetas Open Graph a mi sitio web?
Simplemente copia las etiquetas meta HTML generadas y pégalas en la sección <head> de tu página web. Para WordPress, puedes usar plugins SEO como Yoast o Rank Math que generan OG tags automáticamente.
¿Cuál es la diferencia entre Open Graph y Twitter Cards?
Open Graph fue creado por Facebook y es usado por la mayoría de plataformas sociales. Twitter Cards es la especificación propia de Twitter con funciones adicionales como summary_card_with_large_image. Ambos pueden coexistir.
¿Cómo previsualizar Open Graph antes de publicar?
Usa este generador para crear y previsualizar tus etiquetas OG en tiempo real. La vista previa en vivo muestra exactamente cómo aparecerá tu enlace en Facebook, Twitter y LinkedIn antes de publicar.
Cómo usar Generador de Open Graph
Genera etiquetas meta de Open Graph para que tus páginas se previsualicen correctamente en Facebook, X y LinkedIn, con vista previa de tarjeta en vivo. Las etiquetas se generan localmente en tu navegador; nada se sube.
- Introduce la dirección de tu página en el campo og:url y la imagen para compartir en og:image, p. ej. https://www.localtoolz.com/image.jpg.
- Elige el tipo de contenido en las opciones de og:type: website, article, product, profile, video.movie, music.song o book.
- Rellena og:site_name y og:locale para que la tarjeta muestre tu marca y tu idioma.
- Para artículos, añade article:published_time, article:modified_time, article:author, article:section y article:tag.
- Para productos, define product:price:amount y product:price:currency, p. ej. 29.99 y USD.
- Copia las etiquetas generadas desde la salida y pégalas en el <head> de tu página.
og:image necesita una URL absoluta, idealmente de 1200×630 píxeles; las rutas relativas rompen la mayoría de las previsualizaciones.
Herramientas relacionadas
- Generador de Meta Tags Herramienta gratuita para generar meta tags SEO, Open Graph y Twitter Card con vista previa de Google.
- Calculadora Chmod Calculadora chmod online gratuita para visualizar y calcular permisos de archivos Linux con casillas. Convierte instantáneamente entre notación numérica (755, 644) y simbólica (rwxr-xr-x). Soporta permisos especiales como setuid, setgid, sticky bit.
- Tabla ASCII Referencia completa de codificación de caracteres ASCII con códigos decimales, hexadecimales, octales, binarios, entidades HTML y descripciones. Búsqueda y filtro instantáneos.
- Probador de Solicitudes HTTP Prueba APIs REST directamente en tu navegador. Envía solicitudes GET, POST, PUT, DELETE con headers, body y parámetros personalizados. Ve el estado, headers y cuerpo JSON al instante.
- Generador .htaccess Genere reglas .htaccess de Apache para redirecciones, reescrituras, cabeceras de seguridad, caché y más.
- Generador de Robots.txt Generador gratuito de robots.txt en línea. Cree y personalice archivos robots.txt para controlar el rastreo de motores de búsqueda, gestionar el acceso de rastreadores y optimizar el SEO de su sitio.
- Generador de Sitemap Generador gratuito de sitemap XML en línea. Agregue URLs, configure prioridades y frecuencias, cree sitemaps SEO al instante.
- Crontab Guru Analiza y explica expresiones cron. Muestra descripción legible y próximas ejecuciones.