Cómo agregar tarjetas de Twitter a sitios web de WordPress

Compartir contenido en Twitter es una excelente manera de atraer tráfico a su sitio. Sin embargo, el Tweet en sí no proporciona mucha información sobre el contenido que se comparte. En el mejor de los casos, un Tweet estándar simplemente contendría una pequeña cantidad de texto descriptivo escrito por el usuario que tuitea, un enlace al contenido, una imagen cargada manualmente y tal vez uno o dos #hashtags o @menciones.

Todo material bastante estándar, ninguno de los cuales se recuperó dinámicamente. Además, si tus tweets se retuitean, tu tweet original (y el contenido tuiteado) obtiene una exposición mínima: Twitter Cards cambia todo esto. Twitter Cards ofrece la posibilidad de recuperar automáticamente contenido de la URL que se twittea utilizando el popular protocolo Open Graph.

Contenido como un extracto de texto, una imagen o incluso un vídeo, y mucho más, se pueden recuperar y mostrar dinámicamente dentro de la tarjeta de Twitter correspondiente. No solo eso, cada tarjeta también mostrará enlaces directos a su nombre de Twitter e incluso permitirá seguirlo con 1 clic. Eso significa que, si sus tweets son retuiteados, su información (y el contenido compartido) está en una ubicación privilegiada para atraer la atención, no el usuario que retuitea. Esto es ideal para aumentar el número de seguidores de Twitter.

Dos formas de integrar Twitter Cards

Echemos un vistazo más de cerca a cómo implementaríamos esta característica revolucionaria en su sitio de WordPress. La implementación de Twitter Cards en WordPress se puede realizar de varias maneras. Uno es mediante el uso de un complemento. En segundo lugar, modificando el código de su tema mediante el uso de un tema secundario.

La primera opción que exploraremos es mediante el uso de un complemento. Existen varios complementos que le permiten implementar fácilmente tarjetas de Twitter en su sitio web de WordPress. Simplemente descargue e instale uno de los complementos populares y disponibles para este propósito. Los complementos se pueden descargar a través del Directorio de complementos o dentro de su panel de WordPress cuando navega a Complementos .

Metacomplemento de tarjetas de Twitter

El complemento Twitter Cards Meta le permite implementar fácilmente Twitter Cards en su sitio web o blog de WordPress. Al activar el complemento, se crea una página de opciones dentro de su panel de WordPress. Puede acceder a él a través del menú de administración de Tarjetas de Twitter .

Ahora puede comenzar a configurar el complemento Twitter Cards Meta. Complete los detalles relevantes de su cuenta de Twitter, agregue una URL de imagen predeterminada y seleccione qué imagen le gustaría que se muestre en sus tarjetas de Twitter. Finalmente guarde sus opciones haciendo clic en el botón Guardar opciones .

Complemento Yoast SEO

Uno de los complementos más populares disponibles para WordPress es Yoast SEO. Actualmente cuenta con más de un millón de instalaciones activas. Este poderoso complemento de WordPress viene completo con integración de tarjetas Twitter lista para usar . La mayoría de la gente tiene este complemento instalado para la optimización SEO. Así que lo más probable es que ya tengas esta función en particular disponible sin darte cuenta.

Descargue e instale el complemento como de costumbre y visite el menú SEO => Administración social dentro de su panel de WordPress. Ingrese su nombre de usuario de Twitter en el campo marcado Nombre de usuario de Twitter y haga clic en el botón Guardar cambios . En la parte superior de la página hay pestañas para varios medios de comunicación sociales. Ahora haga clic en la pestaña Twitter para abrir la página de opciones específicas de Twitter con el complemento Yoast SEO.

Asegúrese de que el control deslizante Agregar metadatos de tarjeta de Twitter esté en la posición Habilitado y seleccione qué tipo de tarjeta le gustaría usar en la lista desplegable. Una vez que haya completado este paso, presione el botón Guardar cambios nuevamente para guardar sus opciones.

Un último paso es agregar su nombre de usuario de Twitter a la cuenta de usuario de sus sitios. Puede hacerlo a través del menú de administración Usuarios => Su perfil en su panel de WordPress. Desplácese hacia abajo en la página de su perfil de usuario hasta que vea el encabezado Meta para tarjetas de Twitter . Allí puede agregar su nombre de usuario de Twitter en el campo provisto. Asegúrese de hacer clic en el botón Actualizar perfil para guardar los cambios correctamente.

Complemento de tarjetas de Twitter de JM

JM Twitter Cards es otro complemento que le permite integrar fácilmente Twitter Cards con su sitio web de WordPress. Admite todo tipo de tarjetas y no entra en conflicto con Yoast SEO. Esto le permite seguir utilizando otras funciones de Yoast si prefiere utilizar este complemento para sus necesidades de tarjeta de Twitter.

Al activar el complemento, puede visitar la página de opciones en su panel de WordPress haciendo clic en JM Twitter Cards . Simplemente complete los detalles solicitados, como su nombre de usuario de Twitter, tipo de tarjeta y tamaño de imagen. Ahora cargue una imagen alternativa que se mostrará si no existe una imagen de publicación.

También puede proporcionar datos adicionales que se vincularán a varias tiendas de dispositivos móviles, como Google Play y Apple Store . Esto le permitirá autopromocionar aplicaciones que puedan estar conectadas con el contenido que se comparte. Usando la pestaña Tipos de publicaciones en la parte superior de la página de opciones, puede seleccionar si sus publicaciones, páginas y/o archivos adjuntos le ofrecerán la oportunidad de personalizar aún más cada una de sus tarjetas de Twitter por publicación.

Agregar tarjetas de Twitter sin complementos

Tanto los desarrolladores de temas como las personas que sólo quieren ensuciarse las manos con algo de código, pueden implementar Twitter Cards en su tema de WordPress con relativa facilidad. Usando un tema hijo del tema particular que ha activado, simplemente agregue el siguiente código a su archivo funciones.php :

función my_twitter_cards() {
    si (es_singular()) {
        publicación $ global;
	$twitter_user = str_replace('@', '', get_the_author_meta('twitter'));
	$twitter_url = get_permalink();
	$twitter_title = obtener_el_título();
	$twitter_excerpt = get_the_excerpt();
	$twittercard_image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'completo');
	$twittercard_thumb = $twittercard_image[0];
	si (!$twittercard_thumb) {
	    $twittercard_thumb = 'https://www.example.com/default-image.png';
	}
	si ($twitter_user) {
	    echo '<meta name="twitter:creator" value="@' . esc_attr($twitter_user) . '" />' . "\norte";
	}
	echo '<meta nombre="twitter:card" valor="summary" />' . "\norte";
	echo '<meta name="twitter:url" value="' . esc_url($twitter_url) . '" />' . "\norte";
	echo '<meta name="twitter:title" value="' . esc_attr($twitter_title) . '" />' . "\norte";
	echo '<meta name="twitter:description" value="' . esc_attr($twitter_excerpt) . '" />' . "\norte";
	echo '<meta name="twitter:image" value="' . esc_url($twittercard_thumb) . '" />' . "\norte";
	echo '<meta nombre="twitter:site" value="@mhthemes" />' . "\norte";
    }
}
add_action('wp_head', 'mis_twitter_cards');

Todo lo que hemos hecho aquí es crear una función PHP llamada my_twitter_cards . Esta función está conectada a la acción wp_head y asigna algunos datos de cualquier publicación que se esté viendo actualmente a algunas variables de PHP. No olvide cambiar el valor de $twitter_user según sus necesidades personales y proporcionar la URL de la imagen alternativa para $twittercard_thumb . Estos datos luego se utilizan como metadatos de las publicaciones. Son exactamente estos datos los que Twitter Cards recupera y muestra en pantalla.

Validando tus URL

Al llevar a cabo cualquiera de las opciones anteriores para implementar Tarjetas de Twitter en su sitio web o blog de WordPress, debe probar la validez de una de las URL de sus publicaciones que se puede compartir en Twitter. De esta manera, puede asegurarse de que la función Tarjetas de Twitter se haya implementado correctamente y funcione correctamente en su sitio web de WordPress como se esperaba.

En algunos casos, dependiendo del tipo de tarjeta que elija, su dominio se agregará automáticamente a una lista blanca . Por eso es muy recomendable realizar este proceso de validación. Puede hacerlo copiando y pegando una URL de una de sus publicaciones en el Validador de tarjetas de Twitter. Una vez validada, verá una vista previa de cómo se mostrará esa publicación en particular una vez compartida en Twitter. ¡Ahora estás listo para utilizar Twitter Cards y compartir tu contenido con el mundo!