Todo el mundo quiere crear contenido que destaque, promueva el conocimiento de la marca y sea fácil de compartir en el mundo del marketing online.
Las etiquetas Open Graph son una forma de obtener más visitas en las redes sociales. Estas útiles etiquetas determinan cómo se verán las vistas previas de sus enlaces en las redes sociales. Cuando alguien comparte un enlace en su sitio web, ve las partes más importantes de su página web en la vista previa.
En 2010, Facebook introdujo las metaetiquetas Open Graph para facilitar que los sitios web se compartieran en la plataforma. Twitter y LinkedIn comenzaron a usar metaetiquetas Open Graph para mejorar la experiencia de sus usuarios.
Cuando pega una URL en el cuadro de entrada de Facebook, lo más probable es que vea una vista previa del enlace. Antes de las metaetiquetas Open Graph, no tenía control sobre cómo se vería la vista previa de su enlace y, a veces, Facebook mostraba el contenido incorrecto.
Las metaetiquetas Open Graph ayudan a los usuarios a optimizar las vistas previas de enlaces en redes sociales, para que los usuarios siempre vean la información importante.
En las siguientes imágenes, vemos un ejemplo de metaetiquetas incluidas en el código de una página web. Cuando alguien comparte la URL de esta página web en Facebook, vemos una vista previa del enlace estilizada:
Los canales de redes sociales son una fuente de tráfico web constante y conversiones. Con la combinación correcta de estrategia y diseño, puede convencer a los usuarios de que hagan clic en su sitio web para obtener más información sobre su marca, realizar ventas y mucho más.
Las metaetiquetas Open Graph mejoran las vistas previas de enlaces de su página web para captar la atención de su público objetivo. En Facebook, la vista previa del enlace para una página web sin metaetiquetas Open Graph se ve así:
Examinemos la vista previa del enlace de una página web con Open Graph. En comparación, vemos una imagen más grande, un título en negrita y una URL abreviada.
Facebook enumera 17 etiquetas Open Graph en sus documentos oficiales, pero solo cuatro son necesarias para que Facebook entienda su página web. Usará las etiquetas colocándolas entre las etiquetas <head> en el backend de la página web.
OG: title para el título del artículo OG: type para especificar el tipo de objeto que ha subido (artículo, vídeo, etc.)
OG: image para la URL de la imagen principal OG: url que especifica la URL real en la que hará clic el usuario
OG: audio (vincule un archivo de audio a su publicación) OG: description (añada una breve descripción) OG: determiner (especifique la palabra que precede al título del objeto en la oración) OG: site_name (enumere el sitio del que proviene el objeto) Otras formas de Open Graph Tarjetas de Twitter
Las tarjetas de Twitter funcionan de manera similar a Open Graph, ya que puede personalizar cómo se verán las vistas previas de sus enlaces en los tweets. Cuando pega una URL en el cuadro de entrada de Twitter, se generan automáticamente un título y una imagen principal:
Sin embargo, las tarjetas de Twitter tienen un requisito: las imágenes deben tener un tamaño de 1024 x 512 píxeles. Puede volver a comprobar el aspecto de su tarjeta de Twitter utilizando el validador de tarjetas.
Puede ser útil probar su implementación de Open Graph para asegurarse de que funcione cuando llegue el momento de publicar. Tiene varias opciones para probar:
La herramienta de auditoría del sitio incluye más de 120 comprobaciones técnicas y de SEO en la página para cada parte de su sitio web. Dicha comprobación muestra cuántas de sus páginas auditadas tienen marcado Open Graph.
Abra la herramienta de auditoría del sitio desde el panel de control de su proyecto. (Si no tiene un proyecto configurado, debe crear un proyecto para su sitio web para usar 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 del rastreo de la auditoría e incluir páginas no permitidas. Seleccione Iniciar auditoría del sitio. Cuando se complete la auditoría, utilice el informe temático de marcado en la pestaña Descripción general para ver las páginas con marcado Open Graph:
En el ejemplo anterior, vemos que el 78% de las páginas no tienen ningún marcado. Si sus resultados se ven similares, puede considerar agregar marcado Open Graph a sus páginas más importantes.
Dado que Facebook utiliza el protocolo Open Graph para determinar qué se muestra cuando hay un enlace disponible, ofrece una herramienta de depuración para probar su código Open Graph. Para usar la herramienta:
Open Graph es un complemento simple para su página web que puede generar resultados notables para sus campañas de marketing. Que su contenido aparezca en las redes sociales puede atraer a más usuarios y, finalmente, convertirlos en ventas.
Si es nuevo en el trabajo con código Open Graph, hay muchas herramientas que le ayudarán a probar si su implementación funciona. Pruebe una herramienta de auditoría de sitios o cualquier herramienta que pueda ayudarle a examinar sus datos estructurados.
Cómo construir autoridad actual (y por qué es importante)
A Sneak Peek into Augmented Reality’s Influence on SEO
19 / 100 A Sneak Peek into Augmented Reality’s Influence on SEO AR (Augmented Reality) pr ..
Servicio relacionado: Agencia de marketing con IA