Revista Tecnología

Twitter cards en WordPress, ¿cómo configurarlas?

Publicado el 02 octubre 2014 por Santi Navarro @santiacn

A lo largo del artículo veremos cómo configurar las twitter cards en nuestro blog/web de WordPress de una forma muy sencilla y rápida.

La implementación la realizaremos mediante el plugin SEO by Yoast, éste además de ser un plugin para SEO nos permite crear diferentes acciones sociales sobre nuestro contenido como puede ser la implementación de las Twitter Cards.

Para este caso el resultado que vamos a obtener es el que vemos en siguiente líneas en un tweet incrustado, así entendermos mejor qué es lo que deseamos hacer.

Como vemos en el tweet incrustado se le añade una información adicional como es en este caso una vista previa del enlace compartido y que hace referencia al tweet que hemos enviado con una URL de nuestro blog.

Las twitter cards añaden formatos enriquecidos desde nuestro sitio web cuando se comparte un enlace de nuestra bitácora en twitter.

Las ventajas del uso de estos formatos es que siempre se conserva la relación entre usuario de Twitter al que está vinculado su website, así de este modo si se comparte de nuevo siempre se conserva dicha autoría. Lo que nos puede ayudar a que nos conozcan mayor número de usuarios y aumentar nuestros seguidores en esta red social de microblogging.

¿Cómo crear un mapa en My Maps de Google? http://t.co/sJoNmlYmPu #maps #google #mymaps #cartografía #geografía

— Santi Navarro (@santiacn) octubre 2, 2014

En el ejemplo superior hemos visto que la vista que se ha creado es de tipo Summary o lo que es lo mismo tipo Resumen, si nos fijamos siempre se muestra el usuario de Twitter vinculado a la web y la vista previa del enlace compartido. A su vez el enlace compartido se compone de el título del post, la metadescripción y una imagen del contenido, además del enlace que lleva al contendio de la web.

La creación de la twitter card en nuestro blog de WordPress nos puede ayudar a recibir mayor número de visitas desde Twitter ya que la previsualización del contenido del tweet es positiva en la llamada a la acción a la hora de cliquear.

Existen diferentes tipos de twitter cards como vemos desde Twitter developers, así pues deberemos emplear aquella que más se ajuste al resultado que deseamos. Por defecto en SEO by Yoast crearemos la de tipo Summary, sin embargo, es posible cambiar dicho tipo como podemos ver en la siguiente consulta en el foro de WordPress.

Además añadir que desde el propio plugin nos permiten la opción de elegir entre summary y summary with large image.

Bien, tras estas ideas vamos al lío para enchufar las twitter cards a nuestro website.

twitter-cards-wordpress

Twitter Cards para WordPress desde SEO by Yoast

En primer lugar consideramos que tenemos instalado el plugin SEO by Yoast en nuestro WordPress. Así pues vamos a la sección SEO > Social y seleccionamos la pestaña de Twitter. Debemos tener activada la casilla de añadir metadatos de TC. Lo vemos en la siguiente imagen.

twitter-cards-seo-yoast

En esta parte indicamos el usuario de Twitter y mediante el desplegable escogemos entre summary o summary with large image. Ver imagen superior.

El siguiente paso es clicar sobre la opción Twitter Card Validator con el fin de vincular la nuestra cuenta de Twitter a nuestro website. Accederemos a la plataforma de Twitter developers donde debemos indicar la URL de nuestro dominio como se muestra en la siguiente imagen.

card-validator-twitter-developers

Una vez realizado esto es posible realizar una vista previa para ver cómo quedará nuestra twitter card. Inmediatamente después debemos completar la información de Contacto administrativo y la información del website. Una vez rellenados todos los campos debemos realizar la petición de aprobación, dicha aprobación nos es notificada a nuestro mail. Es interesante revisar la carpeta de Spam por si nos llega allí el mail confirmando que la twitter card está aprobada, se mostrará el siguiente contenido como vemos en la siguiente imagen.

cuenta-aprobada-twitter-card

Bien, siendo así ya tenemos aprobada la twitter card y el siguiente paso es la prueba de fuego. La prueba de fuego consiste en compartir en Twitter un tweet una dirección de nuestro dominio para ver cómo se genera la TC y si realmente el proceso ha sido satisfactorio.

Conclusión

En un momento hemos configurado la Twitter card en WordPress, además hemos visto las ventajas que este tipo de marcado nos puede aportar, como son favorecer las visitas a nuestra web así como llegar a más usuarios de Twitter.

No queda más que despedirme hasta el siguiente artículo y preguntaros, ¿ya conocíais las twitter cards? ¿Qué más ventajas le veis? ¿Ya las usabais?

Y por último invitaros a compartir el presente contenido por vuestros canales sociales que seguramente a más personas les será de utilidad. Un saludo y gracias por vuestro tiempo.


Volver a la Portada de Logo Paperblog