Gráfico abierto: Crea fragmentos de redes sociales llamativos

Gráfico abierto: Crea fragmentos de redes sociales llamativos

Todos quieren crear contenido que se destaque, fomente el conocimiento de la marca y sea fácil de compartir en el mundo del marketing en línea.

Las etiquetas de gráficos abiertos son una forma de obtener más puntos de vista en las redes sociales. Estas etiquetas útiles determinan cómo aparecen las vistas previas de su enlace en las redes sociales. Cuando alguien comparte un enlace desde su sitio web, verá las partes más importantes de su página web en la vista previa.

¿Qué es el gráfico abierto?

En 2010, Facebook introdujo metaetiquetas de gráficos abiertos para facilitar el intercambio de sitios web en la plataforma. Desde entonces, Twitter y LinkedIn han adoptado metaetiquetas de gráficos abiertos para mejorar la experiencia de sus usuarios.

Cuando pega una URL en un cuadro de entrada de Facebook, es probable que vea una vista previa del enlace. Antes de abrir las metaetiquetas del gráfico, no tenía control sobre cómo aparecía la vista previa de su enlace, y a veces Facebook mostraba el contenido incorrecto.

Los metaetiquetas de los gráficos abiertos ayudan a los usuarios a optimizar sus vistas previas de enlaces de redes sociales, por lo que los usuarios siempre ven la información esencial.

En las siguientes imágenes, tenemos un ejemplo de metaetiquetas incluidas en el código de una página web. Cuando alguien publica la URL en esta página web en Facebook, vemos una vista previa de enlace estilizado:

¿Por qué son importantes las etiquetas de gráficos abiertos?

Los canales de redes sociales son una fuente constante de tráfico web y conversiones. Con la combinación correcta de estrategia y diseño, puede convencer a los usuarios de hacer clic en su sitio web para obtener más información sobre su marca, hacer una venta y mucho más.

Abra las metaetiquetas de los gráficos mejore las vistas previas del enlace de su página web de una manera que llame la atención de su audiencia. Así es como se ve una vista previa de enlace para una página web sin metaets de gráficos abiertos en Facebook:

Revisemos una vista previa del enlace para una página web con el gráfico Open. En comparación, vemos una imagen más grande y un titular en negrita, y una URL truncada.

Cómo usar el gráfico abierto

Facebook enumera 17 etiquetas de gráficos abiertos en su documentación oficial, pero solo se requieren cuatro para que Facebook comprenda su página web. Usará las etiquetas colocándolas entre las etiquetas <head> en el backend de la página web.

Las cuatro etiquetas requeridas son:

OG: Título del título del artículo
<Meta Property = «Og: Title» Content = «Open Graph: Crear fragmentos de redes sociales llamativos»/>
OG: escriba para indicar el tipo de objeto que está cargando (artículo, video, etc.)

<meta propiedad = «og: type» content = «artículo»/>
OG: imagen para la URL de la imagen principal
<Meta Property = «Og: Image» Content = «https://static.semrush.com/cdn-cgi/image/width=1010/blog/uploads/media/00/7c/007.png/>
OG: URL para indicar la URL real que el usuario hará clic en
<meta propiedad = «og: url» content = «https://semrush.com»/>

Puedes usar otras etiquetas OG, como:

OG: audio (conecte un archivo de audio a su publicación)
OG: Descripción (agregue una breve descripción)
OG: determinador (indique la palabra que aparece antes del título del objeto en una oración)
OG: Site-Name (enumere el sitio desde el cual se originó el objeto)
Otras formas de gráfico abierto
Tarjetas de Twitter

Las tarjetas de Twitter funcionan de manera similar para abrir el gráfico en que puede personalizar cómo aparecen las vistas previas de su enlace en los tweets. Cuando pega una URL en el cuadro de entrada de Twitter, generará automáticamente un título y una imagen principal:

Todavía puede usar etiquetas de gráficos abiertos con Twitter; La plataforma solo implementa su propio sistema de etiqueta antes de abrir el gráfico.

Sin embargo, las tarjetas de Twitter tienen un requisito: las imágenes deben estar dimensionadas a 1024 píxeles por 512 píxeles. Puede verificar dos veces la apariencia de su tarjeta de Twitter con su validador de tarjeta.

Probar los resultados de su gráfico abierto

Puede ser útil probar su implementación de gráfico abierto para asegurarse de que funcione cuando sea hora de publicar. Para probar, tiene algunas opciones disponibles para usted, que incluyen:

Herramienta de auditoría del sitio

La herramienta de auditoría del sitio incluye más de 120 cheques de SEO técnicos y en página para cada parte de su sitio web. Uno de estos cheques indica cuántas de sus páginas auditadas tienen marcas de gráficos abiertos.

Para comenzar con la herramienta de auditoría del sitio:

Sire la herramienta de auditoría del sitio desde el tablero de su proyecto. (Si no tiene un proyecto configurado, deberá crear un proyecto para que su sitio web use la herramienta de auditoría del sitio).
Configure la configuración de la auditoría con los paneles de configuración de la herramienta. Puede establecer el alcance de rastreo de la auditoría e incluir cualquier página no permitida. Seleccione Iniciar auditoría del sitio.
Cuando se complete la auditoría, use el informe temático de marcado en la pestaña Descripción general para ver cualquier página con el marcado de gráfico abierto:

Del ejemplo anterior, vemos que el 78% de las páginas no tienen ningún marcado. Si sus resultados se ven similares a esto, puede valer la pena considerar agregar un marcado de gráfico abierto a sus páginas más importantes.

Depurador de objetos de Facebook

Dado que Facebook usa el protocolo de gráfico abierto para determinar qué mostrar cuando hay un enlace disponible, ofrecen una herramienta de depuración para probar su código de gráfico abierto. Para usar la herramienta:

Navegue a la herramienta de depuración de Facebook.
Ingrese la URL de la página que desea que lo raspen e investigan.
Seleccione la depuración.

Si hay algún problema con su enlace, la herramienta devuelve un mensaje de advertencia:

Otras formas de verificar los datos estructurados
Validador de tarjeta de Twitter
LinkedIn Pos

t Inspector
Herramienta de prueba de fragmentos ricos en Google
OpenGraph para Ruby
OpenDgraph para Java
Control de llave

Open Graph es una simple adición a su página web que puede traer resultados notables para sus campañas de marketing. La apariencia de su contenido en las redes sociales puede atraer a más usuarios y eventualmente convertirlos en ventas.

Si es nuevo en trabajar con código gráfico abierto, hay muchas herramientas para ayudarlo a probar si su implementación funciona. Pruebe una herramienta de auditoría del sitio o cualquier herramienta que pueda ayudarlo a revisar sus datos estructurados.

Tags:

Leave A Comment