Español
العربية
Čeština
Dansk
Deutsch
English
Suomi
Français
Bahasa Indonesia
Italiano
日本語
한국어
Nederlands
Polski
Português
Română
Русский
Svenska
Türkçe
Tiếng Việt
简体中文
Comprobador de gráficos abiertos
Consulta al instante las etiquetas de Open Graph, las vistas previas de redes sociales y las tarjetas de Twitter.
Cuando alguien comparte tu sitio web en Facebook, LinkedIn, WhatsApp, Discord, Slack, Telegram u otras plataformas, se genera automáticamente una vista previa. Esta vista previa suele incluir un título, una descripción, una imagen y la URL. La calidad de esta vista previa influye directamente en si las personas hacen clic en tu enlace.
Estas vistas previas se controlan mediante etiquetas Open Graph (OG) , un estándar de metadatos creado para ofrecer vistas previas completas y coherentes en todas las plataformas sociales. Si faltan etiquetas Open Graph o están mal configuradas, los enlaces compartidos pueden mostrar un título erróneo, ninguna imagen, información desactualizada o una vista previa poco atractiva. El protocolo Open Graph define un conjunto de etiquetas de metadatos que se ubican en la <head>sección HTML para controlar cómo se representan las páginas web al compartirlas.
La herramienta Open Graph Checker de Small Web Tools ayuda a propietarios de sitios web, blogueros, especialistas en marketing, desarrolladores y profesionales de SEO a verificar sus metadatos Open Graph al instante. Analiza tu página web, extrae las etiquetas OG importantes, identifica campos faltantes y ayuda a garantizar que tu contenido se muestre correctamente en las redes sociales.
Esta guía completa explica todo lo que necesitas saber sobre las etiquetas Open Graph, cómo funcionan, por qué son importantes, cómo usar el comprobador de Open Graph, las mejores prácticas de SEO y los errores comunes que debes evitar.
¿Qué son las etiquetas Open Graph?
Las etiquetas Open Graph son metaetiquetas HTML que se colocan dentro de la <head>sección <head> de una página web.
Indican a las plataformas de redes sociales exactamente cómo debe aparecer una página web al ser compartida.
En lugar de permitir que las plataformas adivinen la información de tu página, las etiquetas Open Graph definen:
- Título
- Descripción
- Imagen destacada
- URL
- Tipo de contenido
- Idioma
- Nombre del sitio web
Esto garantiza previsualizaciones uniformes en todas las plataformas compatibles.
¿Qué es el protocolo Open Graph?
El Protocolo de Grafos Abiertos (OGP) es un estándar de metadatos abierto, introducido originalmente por Facebook, que permite que las páginas web se conviertan en objetos enriquecidos en un grafo social. Desde entonces, ha sido adoptado por muchas redes sociales y aplicaciones de mensajería para generar vistas previas de enlaces enriquecidas.
¿Qué es un comprobador de Open Graph?
Un comprobador de Open Graph es una herramienta en línea que escanea una página web y verifica sus metadatos de Open Graph.
La herramienta extrae las etiquetas OG importantes y comprueba si están configuradas correctamente.
Las comprobaciones típicas incluyen:
- og:título
- og:descripción
- og:image
- og:url
- og:tipo
- og:nombre_del_sitio
- Etiquetas de tarjetas de Twitter
- Compatibilidad con vista previa social
Muchos verificadores de Open Graph también simulan cómo podría aparecer tu página al compartirla en las principales plataformas sociales.
¿Por qué son importantes las etiquetas Open Graph?
Si bien las etiquetas Open Graph no son factores directos de posicionamiento en Google, mejoran significativamente la forma en que se presenta el contenido cuando se comparte en redes sociales y aplicaciones de mensajería, lo que a menudo conlleva una mayor interacción y tasas de clics más altas.
Los beneficios incluyen:
- Mejores previsualizaciones en redes sociales
- Mayores tasas de clics (CTR)
- Mayor visibilidad de la marca
- Apariencia de enlace consistente
- Mayor participación social
- Mejor experiencia de usuario
- Presentación de contenido más profesional
- Mayor control sobre el contenido compartido.
Características del comprobador de gráficos abiertos
La herramienta Open Graph Checker de Small Web Tools incluye varias funciones potentes.
1. Análisis instantáneo de etiquetas OG
Analiza cualquier página web en segundos.
2. Detecta etiquetas Open Graph faltantes
La herramienta identifica los metadatos faltantes que pueden afectar las vistas previas en redes sociales.
3. Muestra información de Open Graph
Las etiquetas comunes analizadas incluyen:
- og:título
- og:descripción
- og:image
- og:url
- og:tipo
- og:nombre_del_sitio
- og:locale
4. Comprueba los datos de vista previa social
Verifica la información que probablemente utilicen las plataformas sociales al generar vistas previas de enlaces.
5. Validación de la tarjeta de Twitter
Muchos sitios web también incluyen metadatos de Twitter Card, que permiten personalizar las vistas previas en X (anteriormente Twitter).
6. Interfaz fácil de usar
Simplemente:
- Introduzca la URL
- Haga clic en Comprobar
- Resultados de la revisión
7. Rápido y gratuito
No se requiere registro ni instalación de software.
Cómo usar el comprobador de Open Graph
Utilizar la herramienta es sencillo.
Paso 1
Abra el comprobador de Open Graph .
Paso 2
Introduzca la URL completa de la página web.
Ejemplo:
https://example.comPaso 3
Haz clic en el botón Comprobar .
Paso 4
Espere unos segundos mientras se analiza la página web.
Paso 5
Revise las etiquetas Open Graph detectadas e identifique cualquier metadato faltante o incorrecto.
Etiquetas esenciales de Open Graph
og:título
Define el título que se muestra cuando se comparte la página.
Ejemplo:
<meta property="og:title" content="Free Open Graph Checker">Mejores prácticas:
- Mantén un rango de entre 50 y 60 caracteres.
- Hazlo atractivo y descriptivo.
- Incluya la palabra clave principal de forma natural.
og:descripción
Proporciona un breve resumen de la página.
Ejemplo:
<meta property="og:description" content="Check your Open Graph tags instantly for better social sharing.">Longitud recomendada:
- 110–160 caracteres
- Claro y atractivo
- Anime a los usuarios a hacer clic.
og:image
Especifica la imagen de vista previa que se muestra al compartir en redes sociales.
Ejemplo:
<meta property="og:image" content="https://example.com/image.jpg">Pautas de imagen recomendadas:
- 1200 × 630 píxeles
- Alta calidad
- Relevante para la página
- De acceso público
Muchas plataformas recomiendan una relación de aspecto de 1,91:1 para una visualización óptima.
og:url
Define la URL canónica asociada al contenido compartido.
Ejemplo:
<meta property="og:url" content="https://example.com/page">og:tipo
Indica el tipo de contenido.
Los valores comunes incluyen:
- sitio web
- artículo
- producto
- video
- perfil
- libro
Ejemplo:
<meta property="og:type" content="website">og:nombre_del_sitio
Muestra el sitio web o el nombre de la marca.
Ejemplo:
<meta property="og:site_name" content="Small Web Tools">og:locale
Define el idioma de la página y el formato regional.
Ejemplo:
<meta property="og:locale" content="en_US">Etiquetas de tarjetas de Twitter
Twitter (X) admite sus propios metadatos llamados Twitter Cards .
Las etiquetas comunes incluyen:
- twitter:tarjeta
- twitter:título
- twitter:descripción
- twitter:image
Agregar estas etiquetas permite un mayor control sobre cómo aparecen los enlaces en X, aunque muchas plataformas también pueden recurrir a los metadatos de Open Graph.
Ventajas de usar el comprobador de Open Graph
Las pruebas periódicas te ayudan a:
- Verificar metadatos sociales
- Mejorar las vistas previas en redes sociales
- Detectar imágenes faltantes
- Encontrar URL incorrectas
- Mejorar la imagen de marca
- Aumentar las tasas de clics
- Reduzca los errores de uso compartido
- Mejorar la confianza del usuario
Mejores prácticas de SEO para etiquetas Open Graph
Siga estas recomendaciones:
- Añade etiquetas Open Graph a todas las páginas importantes.
- Utilice títulos y descripciones únicos.
- Incluya imágenes de vista previa de alta calidad.
- Utilice URL de imagen absolutas.
- Mantén la coherencia de los datos originales con el contenido de tu página.
- Incluye las etiquetas de Twitter Card junto con las etiquetas de Open Graph.
- Actualizar los metadatos de Open Graph cuando cambie el contenido de la página.
- Prueba las páginas después de publicarlas.
Errores comunes en Open Graph
Evite estos problemas comunes.
Imagen og faltante
Sin una imagen, muchas plataformas muestran previsualizaciones de texto plano o eligen una imagen no deseada.
Títulos genéricos
Utilice títulos descriptivos y específicos para cada página en lugar de repetir el título de la página principal.
Descripciones duplicadas
Cada página importante debe tener una descripción única.
URLs de imágenes rotas
Asegúrese de que la URL de la imagen sea de acceso público y devuelva una respuesta válida.
Imágenes de baja resolución
Las imágenes pequeñas o borrosas reducen el atractivo visual de los enlaces compartidos.
Rutas de imagen relativas
Utilice siempre URL absolutas para las imágenes de Open Graph.
Tarjetas de Twitter desaparecidas
Aunque Open Graph funciona en muchas plataformas, añadir etiquetas de Twitter Card mejora la compatibilidad con X.
¿Quién debería usar el comprobador de Open Graph?
Esta herramienta es ideal para:
- Propietarios de sitios web
- Blogueros
- profesionales de SEO
- creadores de contenido
- negocios de comercio electrónico
- especialistas en marketing digital
- desarrolladores web
- Agencias de marketing
- gestores de redes sociales
¿Cuándo se deben revisar las etiquetas de Open Graph?
Compruebe sus metadatos:
- Antes de publicar una página web
- Antes de compartir en redes sociales
- Después de los rediseños del sitio web
- Durante las auditorías de SEO
- Tras las migraciones
- Después de actualizar las imágenes destacadas
- Antes de las campañas de marketing
- Al solucionar problemas de previsualizaciones de enlaces incorrectas
Ventajas de las auditorías periódicas de Open Graph
Las auditorías frecuentes ayudan a:
- Mantener una imagen de marca coherente
- Mejorar la participación
- Aumentar el tráfico social
- Detectar metadatos faltantes
- Mejorar la confianza del usuario
- Reducir los problemas de compartición
- Mejorar la calidad general del contenido.
Preguntas frecuentes (FAQ)
¿Qué es un comprobador de Open Graph?
Un comprobador de Open Graph analiza una página web y muestra sus metadatos de Open Graph, lo que le ayuda a verificar cómo es probable que aparezca la página cuando se comparta en las redes sociales.
¿Son importantes las etiquetas Open Graph para el SEO?
No son factores directos de posicionamiento en Google, pero mejoran la difusión en redes sociales, la interacción del usuario y las tasas de clics, lo que los convierte en una parte importante de una estrategia de marketing digital completa.
¿Qué plataformas utilizan etiquetas Open Graph?
Muchas plataformas utilizan metadatos de Open Graph, entre ellas Facebook, LinkedIn, WhatsApp, Slack, Discord, Telegram y otras. Twitter también admite etiquetas específicas para Twitter Card.
¿Qué tamaño de imagen se recomienda?
Se recomienda ampliamente utilizar una imagen de 1200 × 630 píxeles con una relación de aspecto de 1,91:1 para obtener previsualizaciones consistentes en las principales plataformas.
¿Puedo usar la misma imagen de Open Graph para todas las páginas?
Sí, puedes hacerlo, pero las imágenes únicas que coinciden con cada página generalmente crean vistas previas más atractivas y relevantes.
¿Con qué frecuencia debo probar mis etiquetas Open Graph?
Revíselas cada vez que publique contenido nuevo, rediseñe páginas, cambie imágenes destacadas o note vistas previas incorrectas en las plataformas de redes sociales.
Conclusión
Las etiquetas Open Graph son esenciales para crear previsualizaciones de enlaces atractivas, informativas y coherentes en las plataformas de redes sociales y mensajería actuales. Los metadatos configurados correctamente ayudan a aumentar la tasa de clics, fortalecen la imagen de marca y mejoran la experiencia general al compartir contenido.
El comprobador de Open Graph de Small Web Tools simplifica el análisis de los metadatos de Open Graph, la identificación de etiquetas faltantes, la validación de la información de vista previa y la garantía de que tus páginas web estén listas para compartirse. Al probar regularmente tus etiquetas de Open Graph y mantenerlas actualizadas, puedes maximizar el impacto de cada enlace compartido y ofrecer una experiencia profesional y atractiva a tu audiencia.