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

¿Quieres añadir tarjetas de Twitter a tu sitio de WordPress? Twitter Cards te permite adjuntar medios con tecnología avanzada a los tweets que enlazan con tu contenido. Esto es muy similar a compartir un enlace en Facebook que muestra automáticamente una vista previa con el título, el resumen y la miniatura del contenido de la página. En este artículo, te mostraremos cómo añadir tarjetas de twitter en WordPress.

¿Cómo funcionan las tarjetas de Twitter?

Cuando tu 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án este resumen como en la siguiente captura de pantalla. Puede ver el ejemplo en vivo en nuestra página de Twitter.

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

Hemos notado esto específicamente en algunos curadores de contenido populares. Ellos twittearán nuestros artículos sin ningún tipo de vía @AprenderWP o RT @wpbeginner. Este es su derecho, pero nosotros/usted como editores nos perdemos especialmente cuando otras personas vuelven a twittear su contenido con los atributos de otra persona.

Por ejemplo, @syedbalkhi retuitea un mensaje de @AprenderWP sin atribución, y otras personas retuitean @syedbalkhi. Entonces, 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 las longitudes de los tweets cortas y asegurar retweets de sus propios tweets. Con las tarjetas de twitter, este problema se resuelve porque usted recibe crédito a su sitio de cada tweet que menciona su artículo. Nota: no nos metemos con los curadores de contenido. Este es un defecto de límite de 140 caracteres, y twitter está ayudando a arreglarlo con las tarjetas de Twitter.

Por ejemplo, cuando Annie tuiteó nuestro artículo, no mencionó @wpbeginner. Pero gracias a la integración de nuestras tarjetas de twitter, obtuvimos todo el crédito y la exposición. Fíjese cómo tiene un botón de seguimiento de un solo clic también.

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

Cómo agregar tarjetas de Twitter en WordPress

Hay dos maneras de añadir tarjetas de twitter en WordPress. Echemos un vistazo a los dos.

Método 1: Yoast SEO plugin

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

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

Después haga clic en la pestaña de Twitter. En la pestaña Twitter debe marcar la casilla de Agregar metadatos de tarjetas Twitter. Seleccione un tipo de tarjeta predeterminado para elegir. Puede elegir entre mostrar un resumen o un resumen con una imagen grande.

Lo siguiente que necesitas hacer es ir a la página Usuarios " Mi Perfil . Verás un nuevo campo bajo Información de contacto para tu nombre de usuario de twitter. Introduce tu nombre de usuario de twitter aquí.

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

Eso es todo lo que has añadido con éxito a las meta tags de Twitter Cards en tu sitio de WordPress.

Este método es, con mucho, el más fácil. Dado que utilizamos WordPress SEO por Yoast en todos nuestros sitios web, estamos utilizando este método.

Método 2: Hard Code it yourself

Este método requiere añadir código a los archivos de tema o a los archivos de tema hijo. Simplemente abra el archivo header.php y añada este código justo antes de la etiqueta.

123456789101112131415161718192021222324252627ID), full); $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));?>"twitter:card "value="summary"/>"twitter:url "value="">"/>"twitter:title "value=""/>"twitter:description "value="">"/>"twitter:image "value=""/>"twitter:site "value="@libdemvoice"/>"twitter:creator "value="@"/>

Fuente: Ryan Cullen @artesea

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

Paso final: Probar y validar

Antes de que los enlaces de tu sitio WordPress empiecen a mostrar Tarjetas Twitter, primero tienes que comprobar en el validador de tarjetas Twitter.

Simplemente diríjase a la página del Validador de Tarjetas en el sitio web de los desarrolladores de Twitter. Ingresa la URL de cualquier mensaje de tu sitio de WordPress y haz clic en el botón de la tarjeta de vista previa.

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

Actualización: Anteriormente tenías que solicitar la participación en las Tarjetas de Twitter. Sin embargo, Twitter ha implementado un sistema que automáticamente hace listas blancas de dominios cuando los pruebas con el validador o simplemente compartes una URL en Twitter.

Esperamos que este artículo le haya ayudado a añadir tarjetas de Twitter en WordPress. También puedes ver nuestra lista de los 10 hacks y plugins de Twitter más buscados para WordPress.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir