¿Quieres agregar Twitter Cards 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 cómo se verán sus Tweets en Twitter, obtener crédito 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 tarjetas de Twitter 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, es más probable que obtenga más clics y retweets.
Puede ver un ejemplo en vivo yendo a nuestro página de Twitter.
La mayor ventaja 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. A menudo, las personas twittean sus enlaces sin darle el crédito adecuado.
Por ejemplo, @syedbalkhi retuitea una publicación de @wpbeginner sin atribución y otras personas retuitean a @syedbalkhi. Entonces, es más probable que los usuarios que ven esos retweets sigan a @syedbalkhi que a @wpbeginner.
A menudo, los curadores de contenido hacen esto para mantener corta la duración de los tuits y asegurar que se retuiteen sus propios tuits.
Con Twitter Cards, este problema se resuelve porque obtienes crédito para 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 Cards a su sitio web es usando el SEO todo en uno (AIOSEO) Complemento para WordPress. Es el mejor complemento SEO de WordPress y lo utilizan más de 2 millones de sitios web.
Primero, deberá instalar y activar el complemento AIOSEO. 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 navegue hasta Todo en Uno SEO » Redes Sociales. Luego haga clic en la pestaña ‘Twitter’ y asegúrese de que la opción ‘Habilitar Twitter Card’ esté habilitada.
Una vez que habilite 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 tarjeta 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.
Después de eso, debe seleccionar la fuente de imagen de publicación predeterminada. Es la imagen que quieres mostrar en tus Twitter Cards.
Hay diferentes 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 Twitter de publicación predeterminada, que se utilizará 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, entonces 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 llevaría leer un artículo.
También hay una opción para establecer la fuente de imagen de término predeterminado, pero necesitará AIOSEO Pro o una licencia superior para usar 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án en la tarjeta de Twitter.
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 eso, edite cualquier publicación o página de blog y luego desplácese hacia abajo hasta la Configuración de AIOSEO 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 pestaña 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.
Después de eso, desplácese hacia abajo y seleccione la fuente de 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.
Por último, 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».
A continuación, actualice o publique su publicación de blog. Ahora ha agregado con éxito Twitter Cards a su sitio web de WordPress.
Método 2: agregar tarjetas de Twitter en WordPress (método de código)
Este método requiere agregar código a su tema o archivos de temas secundarios. Simplemente abra el archivo header.php y agregue este código justo antes del </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, utilice el Método 1.
Pruebe y valide sus tarjetas de Twitter
Antes de que los enlaces de su sitio de WordPress comiencen a mostrar Twitter Cards, primero debe verificarlo en el validador de tarjetas de Twitter.
Simplemente dirígete a la Validador de tarjetas página 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 tarjeta de vista previa.
Twitter le mostrará una vista previa de su tarjeta de Twitter.
Actualizar: Anteriormente había que solicitar la participación en las Twitter Cards. Sin embargo, Twitter ha implementado un sistema que automáticamente incluye dominios en la lista blanca 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. 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.
.