¿Quieres saber cómo añadir Twitter Cards en WordPress?
Las Twitter Cards te permiten compartir información visual y atractiva con tus seguidores sin superar el límite de caracteres, así como dirigir tráfico de referencia a tu sitio web.
También te permiten controlar el aspecto de tu contenido cuando se comparte en Twitter. De hecho, puedes elegir la imagen y el texto que se muestran, lo que significa que más gente se fijará en tu contenido y hará clic en él.
En este post, te mostraremos cómo añadir Twitter Cards en WordPress utilizando el mejor plugin de Twitter Card para WordPress del mercado.
No dude en utilizar los enlaces rápidos que aparecen a continuación para ir directamente a las distintas secciones:
- ¿Qué son las Twitter Cards de WordPress?
- ¿Qué tipo de tarjeta Twitter debe utilizar?
- ¿Cómo funcionan las Twitter Cards?
- El mejor plugin de Twitter Card para WordPress
Empecemos explicando qué son las Twitter Cards y por qué es bueno utilizarlas.
¿Qué son las Twitter Cards de WordPress?
Las Twitter Cards de WordPress son simplemente imágenes y descripciones que se muestran cuando alguien comparte contenido de su sitio en Twitter. También le permiten controlar el aspecto de su contenido para que sus Tweets sean más atractivos.
Por esta razón, las Twitter Cards te ayudan a destacar, además de darte más espacio para interactuar con tus seguidores.
También permiten añadir vídeo y audio a los Tweets compartidos. Es similar a cuando compartes un enlace en Facebook, que muestra automáticamente una vista previa del título de tu página, un resumen del contenido y una miniatura.
Este es un ejemplo de una Twitter Card de WordPress al compartir el post de WPBeginner sobre cómo empezar tu propio podcast en Twitter.
Como puede ver, la imagen le da un aspecto visualmente atractivo, y en la descripción puede ver fácilmente de qué trata el contenido. Sin la imagen y la descripción, menos usuarios harían clic en él.
Por qué deberías usar Twitter Cards
He aquí algunas razones por las que debería utilizar las Twitter Cards de WordPress:
- Mayores tasas de participación: al añadir contenido de vídeo y audio a tus Tweets, es probable que consigas más clics y comparticiones. Según Twitter, los Tweets promocionados con Twitter Cards tienen un 43 % más de participación que los Tweets que solo contienen enlaces.
- Atribución adecuada: cuando alguien tuitee un enlace desde tu sitio, aunque no incluya tu nombre de usuario de Twitter, tu nombre se incluirá automáticamente en la Twitter Card. Obtendrás el crédito que mereces, así como la oportunidad de ganar nuevos retweets y seguidores.
- Rankings más altos en la herramienta de búsqueda de hashtags de Twitter - Los tweets con Twitter Cards obtienen rankings más altos en la herramienta de búsqueda de hashtags de Twitter en comparación con los tweets de texto plano.
- Aumenta el tráfico a tu sitio web: las Twitter Cards no sólo te dan más visibilidad en Twitter, sino que también aumentan el tráfico de referencia a tu sitio web.
- Estadísticas detalladas - también obtendrás estadísticas detalladas sobre qué Twitter Card te da más clics y shares. Podrás ver qué tipo de Cards te funcionan mejor.
Ahora que ya hemos explicado qué son las Twitter Cards de WordPress y por qué es bueno utilizarlas, echemos un vistazo a los diferentes tipos de Twitter Cards.
¿Qué tipo de tarjeta Twitter debe utilizar?
Tal vez te preguntes qué tipo de Twitter Card debes utilizar.
La respuesta es sencilla: ¡lo que usted prefiera!
Depende totalmente de ti lo que quieras que vean los usuarios cuando alguien comparte el contenido de tu sitio en Twitter.
Dicho esto, hay 4 tipos diferentes de Twitter Cards que puedes utilizar:
- Ficha resumen: incluye un título, una descripción y una imagen en miniatura.
- Ficha resumen con imagen grande: incluye un título, una descripción y una imagen grande destacada.
- Tarjeta de aplicación: incluye un título, una descripción y un enlace de descarga directa a una aplicación móvil (iPhone, iPad o Android).
- Tarjeta de reproductor: incluye un título, una descripción y un archivo de vídeo o audio con un reproductor integrado.
Por ejemplo, los blogs y los sitios de noticias suelen utilizar la tarjeta de resumen con una imagen grande. He aquí un ejemplo:
Antes de mostrarte cómo añadir Twitter Cards en WordPress, te explicaremos cómo funcionan las Twitter Cards.
¿Cómo funcionan las Twitter Cards?
Como ya hemos mencionado, una Twitter Card es una función especial que te permite controlar el aspecto de tu contenido cuando se comparte en Twitter. Y lo que es mejor, puedes añadir más información a tus Tweets que los 280 caracteres habituales (incluyendo hashtags y un enlace).
Con Twitter Cards, tienes la opción de incluir:
- Un título (70 caracteres como máximo)
- Un resumen (máximo 200 caracteres)
- Una imagen (que puede ser una miniatura o una imagen grande)
- Un archivo de vídeo o audio
Con esto en mente, después de que hayas configurado tu Twitter Card (como pronto te enseñaremos a hacer usando el mejor plugin de Twitter Card para WordPress), mostrará un resumen de tu contenido.
Aquí tienes un ejemplo de tarjeta de resumen con una imagen en miniatura al compartir el post de Smash Balloon sobre cómo incrustar una página de Facebook en tu sitio web:
Independientemente de la Twitter Card que utilices, hacen que tus Tweets tengan un aspecto mejor y más atractivo. Aumenta la probabilidad de que los usuarios presten atención a tu contenido y hagan clic en tu sitio web.
Ahora que ya sabes cómo funcionan las Twitter Cards, vamos a mostrarte cómo añadir fácilmente Twitter Cards en WordPress.
El mejor plugin de Twitter Card para WordPress
Hay una manera fácil y rápida de añadir Twitter Cards en WordPress usando el mejor plugin de Twitter Cards para WordPress del mercado, All in One SEO (AIOSEO).
De hecho, AIOSEO no es sólo un plugin de Twitter Card, sino un plugin SEO completo con todas las funciones que necesitas para optimizar tu sitio para que se posicione mejor en los motores de búsqueda y obtenga más tráfico.
Con AIOSEO, puedes controlar fácilmente el aspecto de tu contenido en Twitter para conseguir más seguidores, engagement y tráfico de referencia desde Twitter. Además, si tienes un plan Pro o Elite hay muy poca configuración necesaria.
Dicho esto, vamos a mostrarte cómo añadir Twitter Cards en WordPress utilizando AIOSEO.
Añadir Twitter Cards en WordPress
Después de instalar y activar AIOSEO, el primer paso es habilitar Twitter Cards.
Para empezar, haz clic en Redes sociales en el menú SEO Todo en uno y, a continuación, en la pestaña Twitter.
Esto abrirá una nueva ventana para la Configuración de Twitter Card, donde sólo tienes que asegurarte de que el botón Habilitar Twitter Cards está activado.
El botón azul significa que ya está todo listo.
Ahora, pasemos a configurar qué Twitter Card quieres utilizar.
Configuración de los tipos de tarjetas de Twitter
Una vez activada tu Twitter Card, tienes que establecer el Tipo de tarjeta predeterminado para tu contenido. Twitter lo utiliza para determinar la apariencia de tu contenido cuando se comparte.
Por defecto está configurada como Resumen, que es la Twitter Card más común para blogs y sitios de noticias.
Puede utilizar el menú desplegable de la opción Tipo de tarjeta por defecto para elegir entre Resumen o Resumen con imagen grande.
La tarjeta de resumen mostrará un título, un resumen del contenido y una imagen en miniatura. Alternativamente, el tipo de tarjeta Resumen con imagen grande mostrará un título, un resumen del contenido y una imagen grande.
Ahora que ya has decidido qué tipo de Twitter Card quieres utilizar, tienes que elegir una imagen que se muestre cuando tu contenido se comparta en Twitter.
Configuración de la imagen de Twitter
A continuación, haga clic en la opción Fuente de imagen predeterminada y aparecerá un menú desplegable con diferentes fuentes de imágenes.
Aquí puedes ver todas las imágenes que existen para el contenido de tu sitio, y puedes elegir la que prefieras.
Si no está seguro de cuál elegir, aquí tiene una descripción de lo que significan las distintas opciones de imagen:
- Imagen predeterminada: se utilizará la imagen establecida en la opción Imagen predeterminada de Twitter.
- Imagen Destacada- esto usará la Imagen Destacada, que tú estableces en tus Publicaciones y Páginas cada vez que publicas una nueva Publicación o Página.
- Primera imagen adjunta: utilizará la primera imagen adjunta a la publicación o página.
- Primera imagen en el contenido: utilizará la primera imagen que aparezca en el contenido de su publicación o página.
- Imagen desde Campo Personalizado - cuando seleccione esta opción, se mostrará una configuración de Campo Personalizado donde podrá introducir el nombre del Campo Personalizado que desea utilizar para su imagen.
- Imagen del Autor de la Publicación - esto usará la Imagen de Perfil del perfil del usuario para el autor de la Publicación o Página.
- Primera imagen disponible: buscará una imagen entre todas las anteriores.
Espero que esto te haya aclarado un poco las cosas y te haya ayudado a decidir qué fuente de imágenes elegir.
Ahora, vamos a pasar a la configuración de la imagen de Twitter post por defecto.
Configuración de la imagen predeterminada de Twitter
Después de elegir la fuente de imagen que desea utilizar, debe establecer una imagen predeterminada de Twitter para la publicación.
Esta imagen se utilizará como reserva en caso de que no haya ninguna imagen disponible para su contenido.
Por ejemplo, si elige Imagen destacada en el menú desplegable Fuente de imagen predeterminada, pero su publicación o página no tiene una imagen destacada, AIOSEO utilizará la que haya establecido como imagen predeterminada de Twitter.
Además, si su tema le permite añadir un logotipo, AIOSEO utilizará automáticamente el logotipo como imagen predeterminada de Twitter si no establece una imagen.
Para configurar la imagen predeterminada de Twitter, haga clic en el botón Cargar o Seleccionar imagen y cargue su imagen, o elija una imagen de su biblioteca multimedia.
También puede escribir o pegar la URL de una imagen directamente en el campo.
Nota: Twitter prefiere imágenes de un mínimo de 144px x 144px con una proporción ideal de 1:1 para las tarjetas de resumen con imágenes en miniatura. Y 300px de ancho x 157px de alto con una proporción ideal de 2:1 para las Summary Cards con imágenes grandes. Puedes encontrar más detalles en la documentación de Twitter aquí.
A continuación, vamos a ver cómo cambiar la configuración de Twitter Card en publicaciones y páginas individuales.
Configuración de Twitter Cards para publicaciones y páginas individuales
También puedes cambiar la configuración de Twitter Card en publicaciones y páginas individuales.
Cuando edite la entrada de su blog o página, simplemente desplácese hacia abajo hasta la Configuración de AIOSEO y luego haga clic en la pestaña Social .
Asegúrate de que has hecho clic en la pestaña Twitter junto a la pestaña Facebook.
La opción de utilizar los datos de tu ficha de Facebook está activada por defecto, pero si quieres establecer tu propio título y descripción de Twitter, puedes desmarcar este botón.
Se abrirá una nueva ventana en la que podrás añadir tu título y descripción de Twitter.
Aquí puedes escribir tu propio Título y Descripción o utilizar las etiquetas inteligentes. Por ejemplo, si haces clic en + Post Title, AIOSEO añadirá automáticamente el título de tu post o página.
También puedes escribir el carácter hashtag ( # ) en el campo para que aparezca una lista de etiquetas disponibles entre las que puedes elegir.
Recuerde utilizar un máximo de 70 caracteres para su Título y 200 caracteres para su Descripción.
A continuación, debe elegir qué tipo de Twitter Card desea utilizar para su entrada de blog o página.
La primera opción predeterminada (establecida en Redes sociales) es el tipo de tarjeta que eligió para la configuración original de Twitter Card.
Por último, pero no menos importante, vamos a pasar a la configuración de la página de inicio de Twitter.
Configuración de la página de inicio de Twitter
Una vez en Configuración de la página de inicio, lo primero que verás es un fragmento de vista previa de la Twitter Card para tu página de inicio.
Ahora, desplácese un poco hacia abajo para encontrar ajustes adicionales para Tipo de tarjeta e Imagen de la página de inicio.
Aquí necesitas añadir el Tipo de Tarjeta y la Imagen de la Página de Inicio tal y como has hecho anteriormente para el contenido de tus entradas. La única diferencia es que esta configuración es para su página de inicio en lugar de sus mensajes.
A continuación, deberá añadir el título y la descripción de la página de inicio.
Aquí puede hacer clic en las etiquetas inteligentes para insertar diferentes variables en el título y la descripción de su página de inicio, o puede escribir las suyas propias.
Por último, haz clic en el botón Guardar cambios cuando hayas terminado.
¡Eso es!
Ahora ha añadido Twitter Cards en WordPress, que se mostrarán cuando una de sus entradas o página de inicio se comparta en Twitter.
Esperamos que este artículo te haya ayudado a aprender cómo añadir Twitter Cards en WordPress, y te haya hecho darte cuenta del potencial de usar Twitter Cards para conseguir más engagement y tráfico de referencia a tu sitio.
Ahora, comience a utilizar el mejor plugin de Twitter Card para WordPress del mercado, y sus Twitter Cards se mostrarán y compartirán en Twitter en un abrir y cerrar de ojos.
Antes de irte, quizás quieras consultar la lista de WPBeginner de los 10 hacks y plugins de Twitter para WordPress más buscados.
También damos muchos consejos sobre cómo mejorar el posicionamiento en buscadores y analizar el SEO de sus competidores.
¡Que aproveche!
Como siempre, gracias por apoyar el mejor plugin SEO para WordPress.
¿Quieres probar AIOSEO gratis?
Introduzca la URL de su sitio web WordPress para instalar AIOSEO Lite.
Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, es posible que ganemos una comisión. Sólo recomendamos productos que creemos que aportarán valor a nuestros lectores.
La última versión no funciona.
Hola Michael,
lamentamos oír eso. Por favor, abre un ticket de soporte en el siguiente enlace y uno de los miembros de nuestro equipo estará encantado de ayudarte:
https://aioseo.com/contact
muchas gracias... buen articulo..
¡Gracias Karimunjawa! Le agradecemos su amable comentario.
Por favor, visite nuestro blog para más contenido: https://aioseo.com/blog/
Si nos enseñas al final del artículo cómo quedaría en una web, con un ejemplo, se agradecería. Más que nada para saber si es lo que necesitamos o no, antes de instalarlo.
Gracias
Hola Antonio,
No estoy seguro de a qué te refieres, ya que damos ejemplos de cómo se verán las Twitter Cards cuando se compartan en Twitter, además de mostrarte cómo habilitarlas en AIOSEO. Si estás pensando que esta función cambiará el aspecto de tu sitio, no es así. Las Twitter Cards sólo te permiten controlar el aspecto de tu contenido cuando se comparte en Twitter. Por ejemplo, con una imagen grande o en miniatura, título y descripción. Espero haber respondido a su pregunta. Si no es así, por favor, no dude en ponerse en contacto de nuevo.
Hola
He intentado los pasos, pero no funciona en mi sitio que utiliza el tema7. Se muestra en la vista previa, pero no en twitter.
Hola Arjun,
Gracias por ponerte en contacto con nosotros. Por favor, abre un ticket de soporte en el siguiente enlace y uno de los miembros de nuestro equipo estará encantado de ayudarte:
https://aioseo.com/contact