Validador de gráfico abierto

Extraiga y verifique los metadatos de cualquier gráfico abierto

Inspeccione gráficos abiertos con Open Graph Validator de ETTVI para asegurarse de que los metadatos de una página web llamen la atención cuando se comparten en las redes sociales. Esta herramienta avanzada ayuda a los webmasters a descubrir qué tan bien aparecen sus enlaces web en Facebook, Pinterest, Instagram y LinkedIn en tiempo real.

Simplemente ingrese la URL de su página web y vea qué tan rápido el Open Graph Validator de ETTVI muestra la vista previa y los metadatos del gráfico abierto. Extraerá y resaltará copiable:

• Título de Open Graph

• Descripción de Open Graph

• Tipo de recurso web

• Nombre del Sitio Web

• URL del sitio web

• URL de la imagen

El innovador validador Open Graph Generator de ETTVI extrae las  metaetiquetas OG  : busca y muestra automáticamente las metaetiquetas del gráfico abierto. El usuario puede copiar o descargar fácilmente los códigos del gráfico abierto solicitado.

Verifique y extraiga metaetiquetas de gráficos abiertos: obtenga una vista previa de cómo aparecen los enlaces web en las redes sociales de forma gratuita.

Siga estos pasos para comprobar el gráfico abierto de cualquier enlace web:

PASO 1 “Ingrese la URL”

Coloque el enlace a una página web para validar su gráfico abierto de la siguiente manera:

PASO 2 "Ejecute la herramienta"

Haga clic en validar para ejecutar Open Graph Checker de ETTVI.

PASO 3 “Vista previa del gráfico abierto”

El Validador de Gráfico Abierto de ETTVI mostrará el gráfico abierto para mostrar cómo aparecerá su enlace en las redes sociales de la siguiente manera:

PASO 4 "Verificar los detalles del gráfico abierto"

El validador Open Graph de ETTVI extraerá y resaltará la siguiente información:

PASO 5 "Obtener metaetiquetas de Open Graph"

El validador Open Graph de ETTVI extraerá las metaetiquetas OG y las mostrará de la siguiente manera:

Haga clic en o para guardar las metaetiquetas del gráfico abierto dado.

El validador Open Graph de ETTVI sirve mejor para garantizar si los usuarios de las redes sociales encuentran sus enlaces web significativamente notables o no. Le permite obtener una vista previa y verificar el gráfico abierto de cualquier web en menos de un minuto. Además, puede extraer fácilmente metadatos y metaetiquetas copiables de cualquier gráfico abierto con la herramienta avanzada de ETTVI.

Eche un vistazo a continuación para saber qué ofrece Open Graph Checker de ETTVI y por qué debería elegirlo:

Interfaz amigable

El equipo de ETTVI se ha asegurado de que los usuarios puedan encontrar, acceder y utilizar fácilmente esta herramienta para probar gráficos abiertos de cualquier recurso web. Todas las características y funciones del Open Graph Validator de ETTVI se han mostrado de manera destacada y adecuada de manera organizada. Además, se ha especificado claramente qué hace el Open Graph Tester de ETTVI, cómo y por qué los usuarios deberían utilizarlo.

Precisamente, es realmente destacable la forma en la que se ha diseñado y desarrollado esta herramienta para comprobar el gráfico abierto de cualquier enlace web. Funciona de manera eficiente y precisa para ayudar a los webmasters a validar cualquier gráfico abierto.

Validación con un clic

El validador de gráficos abiertos de ETTVI solo requiere que el usuario ingrese la URL de un recurso web para buscar y mostrar su gráfico abierto. Con un solo clic, los usuarios pueden consultar y validar el gráfico abierto de cualquier página web. En caso de que el usuario encuentre algún problema para comprender el funcionamiento de la herramienta, puede leer el manual integrado para saber cómo probar el gráfico abierto con el Validador de Gráfico Abierto de ETTVI.

Extracción Rápida

Cuando el usuario ingresa la URL de un recurso web, automáticamente busca y muestra todos los detalles del gráfico abierto. En resumen, Open Graph Validator de ETTVI extrae los metadatos y metaetiquetas del gráfico abierto solicitado y permite a los usuarios copiarlos o descargarlos según sea necesario. Sin duda, todos los webmasters, incluidos SEO, especialistas en marketing de redes sociales y blogueros, pueden aprovechar esta herramienta avanzada para realizar un seguimiento de las metaetiquetas o el título y la descripción de cualquier gráfico abierto en tiempo real.

Acceso gratuito e ilimitado

ETTVI permite a los usuarios acceder y utilizar Open Graph Validator de forma gratuita. Personas de todo el mundo pueden validar gráficos abiertos con esta herramienta avanzada, independientemente del límite de tiempo y la suscripción.

El contenido es lo más importante. Sin embargo, incluso el mejor material pasaría desapercibido sin compartirlo en las redes sociales y plataformas que promuevan el intercambio. Si un usuario quiere maximizar el alcance en las redes sociales, lo primero que debe hacer es mejorar la apariencia del contenido cuando lo comparte, lo que los SEO pueden hacer con las etiquetas Open Graph.

¿Qué son las metaetiquetas de Open Graph?

Cada página web puede transformarse en un objeto rico en el gráfico social a través del protocolo Open Graph. Es posible modificar la forma en que aparecen las URL en las redes sociales agregando metaetiquetas Open Graph al encabezado de las etiquetas HTML.

La sección de una página web contiene estas etiquetas. Las etiquetas Open Graph son cualquier etiqueta con el prefijo og: antes del nombre de la propiedad.

Las metaetiquetas para gráficos abiertos están codificadas de la siguiente manera:

Después de aprender qué son las etiquetas de gráficos abiertos, los SEO pueden preguntar cómo es la codificación de estas etiquetas.

La fórmula básica para esta codificación es la siguiente:

Aunque Facebook fue pionero en este concepto, desde entonces ha sido adoptado por otras empresas de redes sociales. Twitter, LinkedIn y Google reconocen etiquetas de Graphs abiertas. Si bien Twitter tiene sus propias metaetiquetas llamadas "Twitter Cards", aún reconoce y emplea etiquetas Open Graph y lo hará si no se encuentran Twitter Cards. Sin embargo, los SEO pueden utilizar el verificador de gráficos abiertos de ETTVI, que proporciona una descripción general de las etiquetas válidas que se han implementado con éxito.

¿Por qué es necesario el protocolo Open Graph para un sitio web?

El protocolo Open Graph mejora la experiencia del usuario del contenido compartido. Mejora la exposición del contenido, lo hace más interesante y anima a los lectores a hacer clic en él.

Por ejemplo, interactuar con elementos interesantes como:

• Aumentar el número de personas que visitan el sitio web

• Mejore la clasificación en los motores de búsqueda y aumente las ventas

• Consigue vínculos de retroceso de alta calidad al sitio web.

• Aumentar el número de personas que responden al contenido en particular.

• Aumentar el seguimiento en las redes sociales.

• Aumentar la tasa de clics (CTR) del sitio web

Utilice etiquetas OG para notificar a las redes sociales qué contenido deben mostrar cuando alguien comparte el contenido. Facebook no es un buen lugar para publicar un enlace si falta la imagen o el título es incorrecto. Las etiquetas OG también se pueden utilizar para dirigirse a determinados grupos o ubicaciones. Por ejemplo, los SEO pueden controlar la información que aparece a los usuarios en un área específica. Comencemos con algunos conceptos básicos de metadatos para gráficos abiertos.

Conceptos básicos de metadatos

Hay cuatro metaetiquetas fundamentales que toda página debe incluir:

• og:title: el título de la página. Esto no debe incluir ningún identificador específico del sitio, sino simplemente información sobre la página en sí.

• og:type: el tipo de contenido de la página. El tipo más común es un sitio web, pero hay más variedades disponibles si los webmasters requieren algo más específico.

• og:image: la imagen que aparecerá en la vista previa de un enlace. Esta debe ser una imagen representativa del contenido de la página. Además, es beneficioso incluir una imagen alternativa que represente el sitio vinculado con el enlace.

• og:url: la URL canónica de la página. Debe ser una URL completa.

Si bien la implementación de etiquetas Open Graph no tendrá un efecto directo en el SEO de la página, seguramente tendrá un efecto en el rendimiento de los enlaces de las redes sociales. Como resultado, ¡es un aspecto crítico a investigar!

Comprensión de las metaetiquetas Y en Facebook

Las metaetiquetas de gráficos abiertos en Facebook vienen en una variedad de formas. Aquí hay muchos tipos de gráficos abiertos que explicarán cómo usar cada uno.

y:título

El título del contenido se define de esta manera como el usuario podría esperar. El código aún puede usar la etiqueta metatítulo estándar para este propósito. El metatítulo se utiliza en lugar de la etiqueta og:title si Facebook no lo ubica en la página.

Asegúrese de recordar que el texto que se muestra en las noticias de Facebook está en negrita y es increíblemente llamativo. Como el título de un buen artículo de blog, debe ser intrigante.

Una regla general razonable es limitarse a entre 60 y 90 caracteres, pero no existe ninguna restricción superior o inferior. Facebook truncará el título a sólo 88 caracteres si tiene más de 100 caracteres.

y: URL

Al compartir una página, es fácil configurar la URL canónica de la página. Básicamente, esto significa que todos los recursos compartidos estarán vinculados a una única página web. Esta es una etiqueta útil si el contenido tiene muchas URL que apuntan al mismo contenido. Una nota importante: el servicio de noticias de Facebook solo muestra el nombre del dominio y no la URL proporcionada por los usuarios.

y: tipo

Esto expresa el tipo de objeto, aquí hay algunos ejemplos:

Entretenimiento:

• libro

• juego

• película

Existe mucha superposición entre este metadescriptor y la etiqueta de meta descripción HTML. La etiqueta og:description se utiliza para describir el contenido en Facebook; se muestra debajo del título del enlace en lugar de en la parte superior de la página de resultados del motor de búsqueda. No pierda demasiado tiempo intentando descubrir cómo incluir palabras clave en el contenido. Como resultado, no tendrá ningún impacto en la clasificación de los motores de búsqueda. Sin embargo, si los SEO quieren que los usuarios hagan clic en él, deben hacerlo interesante y atractivo, y pueden verificar la descripción, el encabezado, la imagen y el contenido del original con el validador de gráficos abierto de ETTVI.

Tarjetas de Twitter

Las tarjetas de Tumblr son un tipo de metaetiqueta social que se utiliza únicamente para twittear.

Twitter utiliza etiquetas de tarjetas de Twitter, que brindan mayor poder y opciones cuando están disponibles. De lo contrario, Open Graph se utiliza como valor predeterminado (nuevamente, si se proporciona).

Con las tarjetas de Twitter, se incorpora instantáneamente contenido adicional, como fotografías, vídeos y otros medios, al Tweet, lo que aumenta la interacción.

Etiquetas para tarjetas de Twitter

Twitter:card determina el tipo de tarjeta que se utiliza en una situación.

Resumen: ofrece una tarjeta de resumen que incluye una imagen de un cuadrado acompañada de la información de resumen.

Imagen de resumen grande: cuando la imagen utilizada es rectangular, el usuario desea utilizar una imagen de resumen grande en lugar de una imagen de resumen pequeña.

twitter:description (og:description) Una descripción de la página o artículo.

twitter:sitio Usando el identificador de Twitter, asociado con la empresa o sitio web

Twitter: creador (opcional). Se creó el identificador de Twitter del creador de contenido. Esta etiqueta solo tendrá significado si twitter:card está definido para resumir una imagen grande.

Se pueden usar imágenes cuadradas (a través de la etiqueta twitter:image) con un tamaño entre 4096x4096 y 144x144 píxeles para Twitter:cards configuradas como resumen.

Además, se admiten imágenes rectangulares entre 4096x4096 y 300x157 píxeles para el parámetro de imagen grande de resumen, que se puede utilizar para imágenes más grandes. Se admiten archivos JPG, WEBP, GIF y PNG, y su tamaño no debe exceder los 5 MB. Twitter, por otro lado, no admite GIF animados. En su lugar, se utiliza el primer cuadro. Sin embargo, la herramienta Open Graph Checker de ETTVI ayudará a los profesionales de SEO a identificar y optimizar las etiquetas OG en una página web, según sus necesidades.

Configurar las etiquetas Open Graph de Shopify para Facebook

Las etiquetas OG como og:title y og:image se extraen de variables como la etiqueta del título y la imagen destacada en la mayoría de los temas de Shopify. Solo la etiqueta og:image se puede personalizar a través de la interfaz de usuario de Shopify. Tema/ Personalizar/ Configuración del tema/ Personalizar/ Redes sociales/ elegir una imagen en el menú desplegable. Para ver cómo se hace, vaya a Tienda en línea > Temas > Acciones > Editar código > Fragmentos > líquido de metaetiquetas sociales en la barra de desplazamiento. Si los usuarios necesitan realizar cambios en el código, pueden hacerlo.

Wix permite agregar etiquetas de Open Graph

Además del metatítulo y la descripción de la página, Wix también utiliza otros datos para completar las etiquetas OG típicas.

En las opciones de "Compartir en redes sociales", los usuarios pueden cambiar la descripción, el título y la imagen de OG de cada página. La imagen OG también se puede personalizar para todo el sitio. En el menú principal, seleccione Configuración > Compartir en redes sociales. Wix simplifica la adición de etiquetas OG porque no es necesario codificar nada.

Abrir etiquetas de gráficos en el panel de administración de WordPress

El complemento SEO de Yoast puede ayudar a mejorar la clasificación del sitio web en los motores de búsqueda. Se debe mostrar una caja de herramientas de SEO en la publicación o en el editor de páginas, hasta el final. Seleccione "Facebook" en el menú desplegable "Social"

Para configurar las etiquetas og:description, og:title y og:image, escriba la información aquí. No es necesario configurar og:url explícitamente, Yoast se encarga de esto. Las dimensiones de la imagen también se incluyen en la lista de etiquetas OG que pueden resultar beneficiosas. Es posible que un usuario no lo sepa, pero si el usuario no tiene una imagen destacada para la publicación, Yoast la usará de forma predeterminada. Para ahorrar tiempo, también agregará otras etiquetas de Twitter Card y OG, como el nombre del sitio, el tamaño de la imagen, etc.

También se recomienda configurar una etiqueta og:image para todo el sitio. Cuando una URL compartida no tiene una etiqueta personalizada, se muestra este mensaje. Usando la configuración de Yoast, localizará esta opción. Yoast > Facebook > Redes sociales Una vez que el interruptor esté configurado en "Activado", envíe una imagen adecuada. Este es un buen lugar para imágenes de marca.

¿Qué pasará si la publicación no tiene etiquetas OG?

De forma predeterminada, la mayoría de las redes sociales harán todo lo posible para crear un adelanto del contenido. La mayoría de las veces esto no sale según lo planeado. Incluso si el nombre de mi página aparece en el título y la descripción, el tweet no es particularmente llamativo. Vemos una historia diferente en comparación con la vista previa de una sola publicación. Entonces, ¿qué sucede si un usuario no utiliza etiquetas de gráficos abiertos en su sitio web? No sucederá nada malo, pero no podrá utilizar algunas de las características que distinguen el Contenido de la avalancha de otros contenidos publicados en línea.