Guía para principiantes sobre cómo agregar tarjetas de Twitter en WordPress

¿Quieres agregar tarjetas de Twitter a tu sitio de WordPress? Las tarjetas de Twitter le permiten adjuntar medios enriquecidos a tweets que enlazan con su contenido. Esto es muy similar a compartir un enlace en Facebook que muestra automáticamente una vista previa con título, resumen y miniatura del contenido de su página. En este artículo, le mostraremos cómo agregar tarjetas de twitter en WordPress.

¿Cómo funcionan las tarjetas de Twitter??

Cuando su tweet tiene un enlace a un sitio que tiene tarjetas de twitter habilitadas, hay una opción para ver el resumen. Cada vez que otro usuario haga clic en el tweet, verá este resumen como en la siguiente captura de pantalla. Puedes ver el ejemplo en vivo yendo a nuestra página de Twitter.

La mayor ventaja de tener tarjetas de twitter es que aumenta el número de personas que siguen sus cuentas de twitter a través de la atribución de contenido. A menudo las personas twittean tus enlaces sin darte la atribución adecuada..

Hemos notado esto específicamente de algunos curadores de contenido popular. Twittearán nuestros artículos sin ninguna vía @wpbeginner o RT @wpbeginner. Este es su derecho, pero nosotros / ustedes como editores nos perdemos especialmente cuando otras personas retuitean su contenido con los atributos de otra persona..

Por ejemplo, @syedbalkhi retweets una publicación de @wpbeginner sin atribución, y otras personas retwittean @syedbalkhi. Luego, los usuarios que ven esos retweets son más propensos a seguir @syedbalkhi que @wpbeginner.

A menudo, los curadores de contenido hacen esto para mantener cortos los tweets y garantizar los retweets de sus propios tweets. Con las tarjetas de twitter, este problema se resuelve porque obtiene crédito en su sitio por cada tweet que menciona su artículo. Nota: no estamos escogiendo curadores de contenido. Este es un defecto del límite de 140 caracteres, y Twitter está ayudando a solucionarlo con las tarjetas de Twitter..

Por ejemplo, cuando Annie tuiteó nuestro artículo, no mencionó @wpbeginner. Pero debido a nuestra integración de tarjetas de twitter, obtuvimos crédito y exposición completos. Observe cómo tiene un botón de seguimiento de un clic también.

Ahora que conoce los beneficios de las tarjetas de twitter, veamos cómo implementar en WordPress.

Cómo agregar tarjetas de Twitter en WordPress

Hay dos formas de agregar tarjetas de twitter en WordPress. Echemos un vistazo a los dos..

Método 1: Complemento de SEO para SEO

Si está utilizando el plugin de WordPress SEO by Yoast, entonces está de suerte. Yoast tiene integración integrada para las tarjetas de twitter, por lo que activarlo es cuestión de unos pocos clics.

Simplemente vaya a la página "Social" de la página de configuración de Yoast SEO. Ingrese su nombre de usuario de Twitter y guarde los cambios.

Después de eso haz clic en la pestaña de Twitter. Debajo de la pestaña Twitter, debe marcar la casilla Agregar metadatos de la tarjeta de Twitter. Seleccione un tipo de tarjeta por defecto para elegir. Puede elegir mostrar resumen o resumen con imagen grande.

Lo siguiente que debes hacer es ir a Usuarios "Mi Perfil página. Verá un nuevo campo en Información de contacto para su nombre de usuario de Twitter. Ingrese su nombre de usuario de Twitter allí.

Si está ejecutando un sitio de varios autores, entonces recomiende a sus autores que completen esta parte en su perfil. De esta manera, cada autor específico también obtiene crédito por su trabajo. Vea el ejemplo a continuación:

Eso es todo lo que ha agregado con éxito las etiquetas meta de las tarjetas de Twitter a su sitio de WordPress.

Este método es, con mucho, el método más fácil. Ya que usamos WordPress SEO by Yoast en todos nuestros sitios web, estamos usando este método.

Método 2: Codifíquelo usted mismo

Este método requiere agregar código a su tema o archivos de tema secundarios. Simplemente abra el archivo header.php y agregue este código justo antes de la etiqueta.

 ID), completo); $ twitter_thumb = $ twitter_thumbs [0]; if (! $ twitter_thumb) $ twitter_thumb = 'http://www.gravatar.com/avatar/8eb9ee80d39f13cbbad56da88ef3a6ee?rating=PG&size=75';  $ twitter_name = str_replace ('@', ", get_the_author_meta ('twitter'));?>          

Fuente: Ryan Cullen @artesea

Si no sabe cómo trabajar con PHP o tiene problemas con el Método 2, utilice el Método 1.

Paso final: Prueba y validación

Antes de que los enlaces de su sitio de WordPress comiencen a mostrar las tarjetas de Twitter, primero debe verificarlo en el validador de tarjetas de Twitter.

Simplemente diríjase a la página de Validador de tarjetas en el sitio web de desarrolladores de Twitter. Ingrese la URL de cualquier publicación de su sitio de WordPress y haga clic en el botón de vista previa de la tarjeta.

Twitter te mostrará una vista previa de tu tarjeta de Twitter.

Actualizar: Anteriormente tenías que solicitar la participación en las tarjetas de Twitter. Sin embargo, Twitter ha implementado un sistema que automáticamente coloca en la lista blanca los dominios cuando los prueba con el validador o simplemente comparte una URL en Twitter..

Esperamos que este artículo te haya ayudado a agregar tarjetas de Twitter en WordPress. También puede ver nuestra lista de los 10 hacks y complementos de Twitter más buscados para WordPress.

Si le ha gustado este artículo, suscríbase a nuestros tutoriales en video del Canal de YouTube para WordPress. También puedes encontrarnos en Twitter y Facebook..