¿Quieres añadir tarjetas de Twitter 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 credibilidad al incluir automáticamente su nombre en sus tweets y aumentar la participación de los usuarios.

En este artículo, le mostraremos cómo agregar tarjetas de Twitter en WordPress para que sus tweets se destaquen.

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

¿Por qué usar Twitter Cards en WordPress?

Las Twitter Cards le permiten agregar títulos, resúmenes, imágenes y archivos de video o audio a sus tweets. De esta manera, es más probable que obtenga más clics y retweets.

Puede ver un ejemplo en vivo visitando nuestro página de Twitter.

Ejemplo de tarjeta de Twitter

La mayor ventaja de tener Twitter Cards es que aumenta la cantidad de personas que siguen tu cuenta de Twitter a través de la atribución de contenido. La gente a menudo tuitea tu enlace sin darte el crédito adecuado.

Por ejemplo, @syedbalkhi retuiteó una publicación de @wpbeginner sin atribución, otros retuitearon @syedbalkhi. 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 acortar la duración de los tweets y asegurar sus propios retweets.

Con Twitter Cards, este problema se soluciona porque puedes ganar confianza en tu sitio web a partir de cada tweet que menciona tu artículo.

Ahora que comprende los beneficios de las tarjetas de Twitter, 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 tarjetas de Twitter a su sitio web es usar el complemento All in One SEO (AIOSEO) para WordPress. Es el mejor complemento SEO de WordPress utilizado por más de 2 millones de sitios web.

Primero, debe 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.

Puede usar la versión gratuita de AIOSEO, ya que brinda la posibilidad de configurar tarjetas de Twitter en su sitio de WordPress.

Una vez que el complemento esté activado, vaya a su área de administración de WordPress y navegue hasta SEO todo en uno » Redes SocialesLuego haga clic en la pestaña “Twitter” y asegúrese de que la opción “Habilitar tarjeta de Twitter” esté habilitada.

Habilitar la opción de tarjeta de Twitter

Una vez que las Tarjetas de Twitter están habilitadas, puede cambiar su apariencia usando diferentes configuraciones.

AIOSEO le permite elegir el tipo de tarjeta predeterminado para su contenido. El complemento establecerá “Resumen” como el tipo de tarjeta predeterminado, mostrando el título, el resumen y la miniatura del contenido.

Sin embargo, puede cambiarlo a “Resumen con imagen grande” en el menú desplegable y Twitter mostrará los tweets con imágenes grandes.

Tipo de tarjeta predeterminado

Después de eso, debe seleccionar Fuente de imagen de publicación predeterminada. Esta es la imagen que desea mostrar en su tarjeta de Twitter.

Utilice el menú desplegable para seleccionar diferentes opciones. Por ejemplo, puede cargar o elegir una imagen predeterminada que aparecerá en su Tarjeta de Twitter, o elegir una imagen destacada, una imagen adicional, la primera imagen en el contenido y más.

Seleccione la fuente de imagen de publicación predeterminada

A continuación, agregue una imagen de Twitter de publicación predeterminada, que servirá 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 la publicación carece de una imagen destacada, Twitter usará la imagen predeterminada.

Sube una imagen de Twitter predeterminada

Además de esto, AIOSEO ofrece más opciones para mostrar otros datos, como el autor de la publicación y el tiempo necesario para leer el artículo.

También hay una opción para establecer la fuente de imagen del término predeterminado, pero necesita una licencia AIOSEO Pro o 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 Twitter Card.

Configuración de la página de inicio

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 se aplica a su página de inicio.

Inicio Tipos de tarjetas e imágenes

Luego, ingrese el título de la página y la descripción que aparecerá en la tarjeta de Twitter.

Título y descripción de la página de inicio

Cuando haya terminado, haga clic en el botón “Guardar cambios”.

Además de esto, 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 y 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”.

Configuración de Iosai

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 nuevos títulos y descripciones o usar etiquetas inteligentes. Por ejemplo, si usa la etiqueta “+Título de la publicación” debajo de su título de Twitter, AIOSEO usará automáticamente el título de su publicación en la Tarjeta de Twitter.

Configuración de la tarjeta de Twitter para publicaciones y páginas

Después de eso, desplácese hacia abajo y seleccione la fuente de la imagen para Twitter Card. Use el menú desplegable para seleccionar la imagen que se mostrará para la publicación, como imagen destacada, imagen adicional, primera imagen en el contenido, etc.

Finalmente, puede elegir el tipo de tarjeta de Twitter en el menú desplegable. De forma predeterminada, AIOSEO establecerá esto en “Resumen”, pero puede cambiarlo a “Resumen de imagen grande”.

Origen de la imagen y tipo de tarjeta

A continuación, actualice o publique su publicación de blog. Ahora ha agregado con éxito Twitter Cards a su sitio 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 archivo de tema secundario.Simplemente abra el archivo header.php y en </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 @artesa

Si no sabe cómo usar PHP o tiene problemas con el método 2, use el método 1.

Prueba y valida tus Twitter Cards

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.

solo ve a validador de tarjetas Una página en el sitio para 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.

validador de tarjetas de twitter

Twitter le mostrará una vista previa de su tarjeta de Twitter.

renovar: Anteriormente, tenía que presentar una solicitud para participar en Twitter Cards. Sin embargo, Twitter ha implementado un sistema que automáticamente incluye dominios en la lista blanca cuando prueba un dominio con un 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 mejores complementos de Twitter para WordPress, así como nuestras selecciones expertas de complementos de WordPress imprescindibles para hacer crecer su sitio web.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.