Adding Twitter Cards To A Wordpress Site

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

¿Quieres agregar tarjetas de Twitter a tu sitio de WordPress? Twitter Cards le permite adjuntar contenido multimedia enriquecido 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 el 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. Siempre que otro usuario haga clic en el tweet, verá este resumen como en la captura de pantalla a continuación. Puedes ver el ejemplo en vivo yendo a nuestra página de Twitter.

Descripción General De Las Tarjetas De Twitter
El mayor beneficio de tener tarjetas de Twitter es que aumenta la cantidad de personas que siguen sus cuentas de Twitter a través de la atribución de contenido. A menudo, la gente tuitea tus enlaces sin darte la debida atribución. Hemos notado esto específicamente por algunos curadores de contenido populares. Ellos tuitearán nuestros artículos sin ninguno a través de @MundoCMS o RT @MundoCMS. Es su derecho, pero nosotros / usted como editores extrañamos especialmente cuando otras personas retuitean su contenido con los atributos de otra persona. Por ejemplo, @syedbalkhi retuitea una publicación de @MundoCMS sin atribución, y otras personas retuitean a @syedbalkhi. Entonces, los usuarios que ven estos retweets tienen más probabilidades de seguir a @syedbalkhi que a @MundoCMS. A menudo, los curadores de contenido hacen esto para reducir la longitud de 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 publicación. Nota: No seleccionamos curadores de contenido. Este es un defecto de hasta 140 caracteres y Twitter está ayudando a corregirlo con Twitter Cards. Por ejemplo, cuando Annie tuiteó nuestro artículo, no mencionó a @MundoCMS. Pero a través de la integración de nuestras tarjetas de Twitter, obtuvimos todo el crédito y la exposición. Observe cómo también tiene un botón de seguimiento con un solo clic.
Vista Previa De Un Retweet Con Una Tarjeta De Twitter
Ahora que conoce los beneficios de las tarjetas de Twitter, echemos un vistazo a cómo implementarlas en WordPress.

Cómo agregar tarjetas de Twitter en WordPress

Hay dos formas de agregar tarjetas de Twitter en WordPress. Echemos un vistazo a ambos.
Método 1: complemento de Yoast SEO
Si está utilizando el complemento WordPress SEO by Yoast, está de suerte. Yoast tiene integración incorporada 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. Ingrese su nombre de usuario de Twitter y guarde los cambios.
Agregue Un Nombre De Usuario De Twitter En La Página Social En La Configuración De Seo
Después de eso, haga clic en la pestaña de Twitter. En la pestaña Twitter, debe marcar la casilla Agregar metadatos de la tarjeta de Twitter. Seleccione un tipo de tarjeta predeterminado para elegir. Puede optar por mostrar un resumen o un resumen con una imagen grande.
Activar Tarjetas De Twitter
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 aquí. Si está utilizando un sitio de varios autores, recomiende 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:
Vista Previa De Tarjetas De Twitter Que Muestran Al Creador O Autor Del Contenido
Esto es todo lo que ha agregado con éxito las metaetiquetas de Twitter Cards a su sitio de WordPress. Este método es, con mucho, el método más sencillo. Dado que usamos WordPress SEO by Yoast en todos nuestros sitios web, usamos este método.
Método 2: codifíquelo usted mismo
Este método requiere agregar código a su tema o archivos de tema hijo. Simplemente abra el archivo header.php y agregue este código justo antes del 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’)); ?>


Último paso: probar y validar

Antes de que los enlaces de su sitio de WordPress comiencen a mostrar tarjetas de Twitter, primero debe verificarlo en el validador de tarjetas de Twitter. Simplemente diríjase a la página Card Validator en el sitio web para desarrolladores de Twitter. Ingrese la URL de cualquier publicación en su sitio de WordPress y haga clic en el botón de la tarjeta de vista previa.
Prueba De Vista Previa De Tarjetas De Twitter Con Validador De Tarjetas
Twitter le mostrará una vista previa de su tarjeta de Twitter.
Poner al día: Anteriormente, tenías que postularte para participar en Twitter Cards. Sin embargo, Twitter tiene un sistema que enumera automáticamente 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 consultar nuestra lista de los 10 hacks y complementos de Twitter más buscados para WordPress. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply