Cómo configurar el gráfico abierto y las tarjetas de Twitter para WordPress

El buen contenido atraerá a una audiencia relevante en su sitio y hay altas posibilidades de que algunas de esas personas quieran compartir su contenido en las redes sociales. Pero a veces surgen problemas cuando el contenido compartido no aparece correctamente en un flujo de socialización, lo que puede ayudarlo a usar etiquetas gráficas abiertas. Con el gráfico abierto puede controlar la apariencia del título, la imagen, la descripción y muchos otros de su contenido cuando se distribuye a través de canales sociales. Tal vez ya esté familiarizado con el metaetichet habitual, como la etiqueta de título y las etiquetas de descripción. Pero muchos bloggers no saben que hay otros metaéticos específicos para los sitios de redes sociales como Google+, Facebook, Twitter y Pinterest. La razón por la cual estos sitios de redes sociales han comenzado a usar metadatos es la visualización correcta del contenido junto con imágenes, descripciones y enlaces relacionados. Al definir estos metaéticos, puede asegurarse de que su contenido sea más fácil de distribuir y comprender desde las redes sociales.
Cada sitio de red social tiene diferentes preferencias. Pinterest y Google+ dan preferencia a las etiquetas del esquema, pero también aceptan etiquetas de protocolo de gráficos abiertos, que Facebook, Google+ y Pinterest prefieren. Abrir las etiquetas de gráficos Van entre la sección de la página web. Las etiquetas más utilizadas son:
OG: Título
OG: Descripción
OG: URL
OG: Site_Name
OG: imagen
OG: Consejo
Probablemente no tienen mucho sentido, así que aquí hay algunos diagramas sociales compartidos con las etiquetas de gráficos abiertos claramente.

Pine Pinterest

Ejemplo de distribución de Google + 1

Ejemplo de Facebook Open Graph

Ejemplo de Twitterin Card Plus, Twitter ha definido sus propias etiquetas personalizadas conocidas como tarjetas de Twitter. Estas etiquetas permiten que sus enlaces presenten más información cada vez que se envían en Twitter. Similar a las etiquetas de gráficos abiertos, las etiquetas de las tarjetas de Twitter también van entre la sección de una página web. Las etiquetas de Twitter más utilizadas son:
Twitter: tarjeta
Twitter: sitio
Twitter: Creador
Si bien puede agregar manualmente las etiquetas de gráficos y tarjetas de Twitter, hay muchos complementos disponibles en wordpress.org que incluso facilitan a los usuarios principiantes para agregar etiquetas a las publicaciones y páginas de WordPress. Algunos de nuestros favoritos incluyen:
Seo por yoast
Abra la tabla de etiquetas de tarjetas de Facebook, Google+ y Twitter
Marco de SEO
Twitter JM Tarjetas (solo tarjetas de Twitter)
Marco de protocolo de gráfico abierto (solo para etiquetas y desarrolladores de gráficos abiertos)
Para este tutorial, utilizaremos las opciones incorporadas del complemento Yoast SEO para definir metaetics especiales para hacer nuestras publicaciones en los medios de publicación.
Nota: debe usar un solo complemento que tenga características similares. Si ya tiene WordPress SEO de Yoast, entonces es mejor configurar ese complemento que instalar el complemento de gráfico abierto, Google+ y la etiqueta de la tarjeta de Twitter.
Paso 1: Instale la última versión de Yoast SEO. Le recomendamos que instale la última versión de Yoast SEO. La forma más fácil de hacerlo es a través del tablero de administrador de WordPress de los complementos> Agregar un nuevo y buscar “Yoast SEO”.
Luego instale y active el complemento (haga clic en ese botón). Una vez activado, debería ver una nueva pestaña “SEO” en el tablero del administrador de WordPress. Hay muchas funciones excelentes en Yoast SEO (para migas de pan, redirecciones, etc.), pero lo que nos interesa hoy es la pestaña social. Paso 2: Configure la configuración social para configurar el gráfico abierto y las tarjetas de Twitter navegan a Social en el administrador de WordPress. Primero agregue los enlaces de perfil social aquí para ayudar a los motores de búsqueda a confirmar que están realmente conectados a su sitio. Luego pase a diferentes pestañas sociales. Facebook

Su primer paso es activar los datos del gráfico Meta Open para las publicaciones de Facebook; simplemente haga clic en la opción activada. Suponiendo que ya haya agregado la página de Facebook relacionada con su sitio en la pestaña de la cuenta, está listo. Puede agregar una imagen predeterminada si desea páginas que no admitan medios, pero eso depende de usted.

Gorjeo


Con Facebook terminado, es hora de acercarse a Twitter. Asegúrese de que los metadatos de la tarjeta de Twitter se activen, luego seleccione una tarjeta predeterminada (resumen o resumen de alta imagen). Nuevamente, esto se asociará con el identificador de Twitter que agregó en la página de cuentas. Pinterest
Pinterest es ligeramente diferente, ya que esta plataforma utiliza una verificación de metaetichet. Vaya a su cuenta de Pinterest, coloque el cursor en el icono del usuario y luego haga clic en la pestaña Configuración. Haga clic en la opción Reclamar el sitio web y seleccione la opción Agregar HTML.

Copie el metaetichet generado y péguelo a su panel de SEO yoast. Guarde los cambios, luego regrese a Pinterest para enviar. Ella le dice a Pinterest que revise la etiqueta y revise su sitio. ¡Listo para Pinterest! Google+La última cuenta social que necesitará establecer es Google+, que es solo un enlace a la página de Google+ de su empresa y está listo. Establecer los valores predeterminados

El último paso es crear el valor predeterminado. Yoast usa meta-casas en su contenido para definir datos de gráficos abiertos, así que asegúrese de cambiar los valores predeterminados en SEO> Search Aspect> Tipos de contenido. Use las variables de fragmentos de SEO de Yoast Incorporated para crear sus propios valores implícitos dinámicos para el título (que se usa para OG: Título) y Meta Descripción (utilizado para OG: Descripción).
Imagen personalizada, título y descripción

Yoast SEO también incluye una opción para publicaciones individuales para personalizar la imagen, el título y la descripción utilizados para Facebook y Twitter. Al editar una publicación, simplemente desplácese hacia abajo hasta la sección Yoast SEO y haga clic en el icono compartido (se ve menos que el símbolo <). Luego suba una imagen personalizada o edite el título y la descripción según sea necesario. Solución de problemas y validación Cada sitio de redes sociales principales tiene su propio validador o solucionador de problemas para probar y obtener una vista previa de cómo aparecerán sus enlaces cuando se compartan en las redes sociales.

Herramienta de prueba de datos estructurados de Google: esta herramienta no le mostrará la vista previa de la publicación en forma de publicación, pero mostrará qué metadatos están presentes y lees por Google.Sus propiedades aparecerán bajo las propiedades del nodo RDFA.Solución de problemas de Facebook: después de implementar etiquetas de gráficos abiertos, simplemente pegue la URL de su sitio que contiene etiquetas.Le mostrará las propiedades del objeto.Herramienta de validación de Twitter: puede usar este enlace para obtener una vista previa de su tarjeta de Twitter para su publicación antes de distribuirla en las redes sociales.