¿Quieres añadir Twitter Card a tu sitio de WordPress? Las tarjetas de Twitter son imágenes y descripciones que aparecen en Twitter cuando alguien comparte su contenido.
Le ayuda a controlar la apariencia de sus Tweets en Twitter, ganar créditos al incluir automáticamente su nombre en el Tweet y aumentar la participación de los usuarios.
En este artículo, le mostraremos cómo agregar Twitter Cards en WordPress, para que sus Tweets se destaquen.
¿Por qué usar Twitter Cards en WordPress?
Las Tarjetas de Twitter le permiten agregar un título, un resumen, una imagen y un archivo de video o audio a su Tweet. De esta manera, será más probable que obtenga más clics y retweets.
Puede ver un ejemplo en vivo yendo a nuestro página de Twitter.
El mayor beneficio de tener Twitter Cards es que aumenta la cantidad de personas que siguen tus cuentas de Twitter a través de la atribución de contenido. La gente a menudo tuitea tus enlaces sin darte el crédito adecuado.
Por ejemplo, @syedbalkhi retuitea una publicación de @wpbeginner sin atribución y otras personas retuitean a @syedbalkhi. Por lo tanto, es más probable que los usuarios que ven esos retweets sigan a @syedbalkhi que a @wpbeginner.
Los curadores de contenido a menudo hacen esto para mantener corta la duración de los Tweets y asegurarse de que sus Tweets sean retweets.
Con Twitter Cards, este problema se resuelve porque recibes crédito en tu sitio por cada Tweet que menciona tu artículo.
Ahora que conoce los beneficios de las Twitter Cards, echemos un vistazo a cómo implementarlas en WordPress.
Método 1: use el complemento AIOSEO para agregar tarjetas de Twitter
La forma más fácil de agregar Twitter Card a su sitio web es usar el SEO todo en uno (AIOSEO) Complemento de WordPress. Es el mejor complemento de SEO para WordPress y lo utilizan más de 2 millones de sitios web.
Primero, deberá instalar y activar el complemento AOSEO. Para obtener más detalles, siga nuestro tutorial paso a paso sobre cómo instalar un complemento de WordPress.
Puedes usar el versión gratuita de AIOSEO ya que ofrece una función para configurar Twitter Cards en su sitio web de WordPress.
Después de que el complemento esté activo, vaya a su área de administración de WordPress y vaya a Todo en uno SEO » Redes Sociales. Luego haga clic en la pestaña “Twitter” y asegúrese de que la opción “Habilitar tarjeta de Twitter” esté habilitada.
Después de habilitar las Tarjetas de Twitter, puede cambiar su apariencia usando diferentes configuraciones.
AIOSEO le permite seleccionar el tipo de tarjeta predeterminado para su contenido. El complemento establecerá “Resumen” como el tipo de pestaña predeterminado que muestra el título, el resumen y la imagen en miniatura de su contenido.
Sin embargo, puedes cambiarlo a “Resumen con imagen grande” desde el menú desplegable y Twitter mostrará tu tweet con una imagen grande.
A continuación, debe seleccionar la fuente de imagen de publicación predeterminada. Es la imagen que deseas mostrar en tus Twitter Cards.
Hay varias opciones para elegir usando el menú desplegable. Por ejemplo, puede cargar o seleccionar una imagen predeterminada que aparecerá en la Tarjeta de Twitter o seleccionar la imagen destacada, la imagen adjunta, la primera imagen en el contenido, etc.
A continuación, agregue una imagen de publicación de Twitter predeterminada, que se usará como respaldo en caso de que su contenido no tenga una imagen.
Por ejemplo, si la fuente de la imagen de su publicación es una imagen destacada pero a la publicación le falta una imagen destacada, Twitter usará la imagen predeterminada en su lugar.
Aparte de eso, AIOSEO ofrece más opciones para mostrar datos adicionales, como el autor de la publicación y el tiempo que lleva leer un artículo.
También hay una opción para establecer la fuente de la imagen del término predeterminado, pero la necesitará AIOSEO Pro o una licencia superior para utilizar esta función.
Ahora, si se desplaza hacia abajo, verá la configuración de la página de inicio de Twitter. El complemento mostrará una vista previa de cómo se verá su página de inicio en una tarjeta de Twitter.
En esta sección, puede cambiar el tipo de tarjeta y agregar una imagen de página de inicio. Es similar a los pasos que mostramos anteriormente, pero la única diferencia es que esta configuración es para su página de inicio.
A continuación, ingrese un título y una descripción de la página de inicio que aparecerá en la Twitter Card.
Una vez hecho esto, haga clic en el botón “Guardar cambios”.
Aparte de eso, AIOSEO también le permite cambiar la configuración de la tarjeta de Twitter para publicaciones y páginas individuales.
Para hacer esto, edite cualquier publicación o página de blog, luego desplácese hacia abajo hasta Configuración de AOSEO en el editor de contenido. Ahora haga clic en la pestaña “Social” y seleccione “Twitter”.
El complemento mostrará una vista previa de la tarjeta de Twitter de su publicación y le dará la opción de usar los datos de la tarjeta de Facebook. También te permite editar el título y la descripción de Twitter.
Puede escribir un nuevo título y descripción o usar etiquetas inteligentes. Por ejemplo, si usa la etiqueta “+ Título de la publicación” en Título de Twitter, AIOSEO usará automáticamente el título de su publicación en la Tarjeta de Twitter.
A continuación, desplácese hacia abajo y seleccione la fuente de la imagen para su tarjeta de Twitter. Use el menú desplegable para seleccionar la imagen que desea mostrar para su publicación, como una imagen destacada, una imagen adjunta, la primera imagen en el contenido, etc.
Finalmente, puede seleccionar el tipo de tarjeta de Twitter en el menú desplegable. De forma predeterminada, AIOSEO lo establecerá en “Resumen”, pero puede cambiarlo a “Resumen con imagen grande”.
Después de eso, actualice o publique su publicación de blog. Ahora ha agregado con éxito Twitter Cards a su sitio web de WordPress.
Método 2: agregue Twitter Card en WordPress (método de código)
Este método requiere agregar código al tema o a los archivos del tema secundario. Simplemente abra el archivo header.php y agregue este código justo antes del archivo </head> etiqueta.
<?php
#twitter cards hack
if(is_single() || is_page()) {
$twitter_url = get_permalink();
$twitter_title = get_the_title();
$twitter_desc = get_the_excerpt();
$twitter_thumbs = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 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'));
?>
<meta name="twitter:card" value="summary" />
<meta name="twitter:url" value="<?php echo $twitter_url; ?>" />
<meta name="twitter:title" value="<?php echo $twitter_title; ?>" />
<meta name="twitter:description" value="<?php echo $twitter_desc; ?>" />
<meta name="twitter:image" value="<?php echo $twitter_thumb; ?>" />
<meta name="twitter:site" value="@libdemvoice" />
<?
if($twitter_name) {
?>
<meta name="twitter:creator" value="@<?php echo $twitter_name; ?>" />
<?
}
}
?>
Fuente: Ryan Cullen @artesea
Si no sabe cómo trabajar con PHP o tiene problemas con el Método 2, use el Método 1.
Prueba y valida tus tarjetas de Twitter
Antes de que los enlaces de su sitio de WordPress comiencen a mostrar Twitter Cards, primero debe verificar esto en el validador de Twitter.
Solo ve a la validador de tarjetas en el sitio web para desarrolladores de Twitter. Ingrese la URL de cualquier publicación de su sitio de WordPress y haga clic en el botón de la pestaña de vista previa.
Twitter le mostrará una vista previa de su perfil de Twitter.
Actualizar: Antes tenías que aplicar para participar en Twitter Cards, sin embargo, Twitter ha implementado un sistema que automáticamente incluye dominios en la lista blanca cuando los pruebas con el validador o simplemente compartes una URL en Twitter.
Esperamos que este artículo te haya ayudado a agregar tarjetas de Twitter en WordPress. Es posible que también desee ver nuestra lista de los mejores complementos de Twitter para WordPress y nuestra selección experta de los complementos de WordPress imprescindibles para hacer crecer su sitio web.
Si te ha gustado este artículo, suscríbete al nuestro. canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo Y Facebook.
