Visor Open Graph

Para extraer etiquetas Open Graph de una URL, introduzca la URL completa en el campo de entrada y haga clic en el botón Extraer etiquetas Open Graph. La herramienta recupera y muestra todos los metadatos de Open Graph, incluidos og:title, og:description, og:image, og:url, og:type y otras propiedades que definen cómo aparece su contenido cuando se comparte en las redes sociales.

Las etiquetas Open Graph son metaetiquetas HTML (og:title, og:description, og:image) en la sección <head> de su página que controlan cómo aparece el contenido cuando se comparte en Facebook, LinkedIn, Twitter y otras plataformas sociales. Definen el título, la descripción, la imagen y otros metadatos para las vistas previas enriquecidas de las redes sociales.

Las etiquetas Open Graph mejoran drásticamente la participación en las redes sociales al controlar la apariencia de la vista previa, garantizar que los enlaces se compartan de forma atractiva, aumentar el porcentaje de clics, mantener la coherencia de la marca en todas las plataformas, evitar las vistas previas predeterminadas deficientes y hacer que su contenido destaque en los feeds sociales abarrotados. Son esenciales para un marketing eficaz en las redes sociales.

Después de extraer los metadatos de Open Graph de las páginas existentes, puede analizar lo que funciona bien y aplicar los conocimientos a su propio contenido. Utilice los datos extraídos para comprender las estrategias de la competencia, identificar títulos/descripciones eficaces, ver los tamaños de imagen óptimos y fundamentar sus propias decisiones de implementación de Open Graph.

Open Graph es el protocolo de Facebook (utilizado por la mayoría de las plataformas), mientras que las Twitter Cards son específicas de Twitter. Twitter vuelve a Open Graph si las etiquetas de Twitter Card no están presentes. Práctica recomendada: aplicar ambos para obtener la máxima compatibilidad. Open Graph es compatible con la mayoría de las plataformas; las Twitter Cards añaden una optimización específica de Twitter.

Las etiquetas esenciales incluyen og:title (título de la página), og:description (resumen del contenido), og:image (imagen de previsualización, mínimo 1200x630px), og:url (URL canónica) y og:type (tipo de contenido como artículo/sitio web). Estas cuatro etiquetas garantizan la correcta previsualización de los enlaces en las principales plataformas de redes sociales.

Utiliza nuestro extractor para comprobar que las etiquetas están presentes y tienen el formato correcto. A continuación, realiza pruebas con el depurador de compartición de Facebook, el inspector de publicaciones de LinkedIn y el validador de tarjetas de Twitter. Estas herramientas muestran exactamente cómo aparece tu contenido cuando se comparte e identifican cualquier problema de implementación.

Utilice 1200x630 píxeles para una visualización óptima en todas las plataformas. El mínimo es 600x315px; las imágenes por debajo de este valor pueden no visualizarse. Utilice el formato JPG o PNG, mantenga el tamaño del archivo por debajo de 8 MB, evite imágenes con mucho texto (10% de texto como máximo) y asegúrese de que el contenido importante está centrado (los bordes pueden recortarse en móviles).

Aunque sólo puedes establecer una og:image, puedes añadir imágenes específicas de Twitter con etiquetas twitter:image. Para la optimización específica de la plataforma, algunos sitios sirven dinámicamente diferentes etiquetas og:image en función del agente de usuario de la plataforma solicitante, aunque la implementación estándar de una sola imagen funciona para la mayoría de los casos de uso.

Las etiquetas Open Graph no tienen un impacto directo en las clasificaciones de búsqueda, pero mejoran significativamente el SEO de forma indirecta al aumentar las tasas de clics desde las redes sociales, generar señales sociales y vínculos de retroceso, mejorar la visibilidad de la marca, impulsar el tráfico y mejorar las métricas de participación, todos ellos factores que contribuyen al rendimiento general del SEO.

Las plataformas sociales generan previsualizaciones por defecto utilizando los títulos de las páginas, las meta descripciones y las primeras imágenes encontradas. Los resultados suelen ser malos: imágenes erróneas, títulos truncados, descripciones ausentes o contenido irrelevante. Esto reduce la participación y el porcentaje de clics. Aplique siempre etiquetas Open Graph para compartir en redes sociales de forma coherente y atractiva.

Introduzca la URL de cualquier competidor para ver su implementación de Open Graph, analizar su estrategia en redes sociales, ver qué imágenes utilizan, comprender su enfoque de mensajería, identificar patrones de optimización y aplicar tácticas exitosas a su propio contenido para mejorar el rendimiento en redes sociales.

El contenido de Open Graph debe representar fielmente la página, pero puede optimizarse para compartirlo en las redes sociales. Puede utilizar un título más atractivo, una descripción más corta o una imagen específica más adecuada para las redes sociales que el h1 o la imagen principal de su página. Garantice la precisión al tiempo que optimiza la participación.

Actualice las etiquetas Open Graph cuando cambie el contenido de la página de forma significativa, actualice las imágenes destacadas, cambie la marca, mejore las tasas de conversión, realice pruebas A/B de las vistas previas sociales o cuando los análisis muestren una escasa participación social. Actualízalas también cuando las plataformas cambien las dimensiones o los requisitos de la vista previa.