Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo corregir las imágenes rotas de las tarjetas de Twitter en WordPress

Nota editorial: Ganamos una comisión de los enlaces de socios en WPBeginner. Las comisiones no afectan a las opiniones o evaluaciones de nuestros editores. Más información sobre Proceso editorial.

¿Estás buscando una forma de corregir las imágenes rotas de las tarjetas de Twitter en WordPress?

Twitter intenta mostrar automáticamente una imagen en miniatura cuando alguien enlaza desde tu sitio WordPress. Sin embargo, a veces, puede mostrar la miniatura incorrecta, lo que hace que tu sitio web parezca poco profesional.

En este artículo, le mostraremos cómo corregir fácilmente las imágenes rotas de las tarjetas de Twitter en WordPress.

Fixing broken or missing Twitter card images in WordPress

¿Por qué están rotas las imágenes de Twitter Card en algunos sitios web?

Twitter utiliza metadatos Open Graph para buscar imágenes cuando se comparte un enlace. Esto es similar a cómo Facebook muestra miniaturas cuando compartes un enlace en una página o grupo.

Sin embargo, WordPress no es compatible con las metaetiquetas Open Graph por defecto. Por eso, cuando compartes un enlace en Twitter, es posible que no siempre se muestre una imagen de Twitter card.

A link without Twitter card image

Las imágenes de las tarjetas de Twitter te ayudan a captar la atención de tus usuarios y animarles a enlazar.

Esto significa más tráfico para tu sitio web WordPress desde Twitter.

A link with a large Twitter card image

Dicho esto, echemos un vistazo a cómo corregir fácilmente las imágenes rotas de Twitter Card en WordPress.

He aquí un rápido resumen de los debates que trataremos en este artículo. Puedes saltar a la sección que te interese o seguir las instrucciones paso a paso:

Corrección de imágenes rotas de Twitter Card usando All in One SEO

En primer lugar, debe instalar y activar el plugin All in One SEO para WordPress. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

All in One SEO es el mejor plugin SEO para WordPress del mercado. Le permite optimizar fácilmente su sitio web de WordPress para los motores de búsqueda y plataformas de medios sociales, incluyendo Twitter.

Nota: También hay una versión gratuita de All in One SEO que puede utilizar para corregir las imágenes de la tarjeta de Twitter. Sin embargo, la versión Pro viene con características SEO más potentes.

Para este tutorial, mostraremos la versión Pro porque es la que utilizamos, pero las instrucciones son similares para la versión gratuita.

Tras la activación, debe visitar la página All in One SEO ” Ajustes generales para introducir su clave de licencia. Puede encontrar esta información en su cuenta del sitio web de AIOSEO.

All in One SEO license

All in One SEO le da el control completo de las imágenes que se utilizarán con las tarjetas de Twitter en su sitio web. Le guiaremos a través de todos los pasos.

En primer lugar, debe añadir las URL de sus perfiles en los medios sociales. Éstas asociarán su sitio web con su perfil de Twitter y otros medios sociales.

Sólo tienes que ir a la página Todo en uno SEO ” Redes sociales e introducir las URL de los perfiles de tus medios sociales, incluido Twitter.

Add your social media profile URLs

Establecer una imagen de tarjeta de Twitter por defecto

A continuación, debes cambiar a la pestaña “Twitter” y hacer clic en el conmutador situado junto a la opción “Activar Twitter Card”.

Turn on Twitter Card settings in AIOSEO

Debajo verás los ajustes por defecto para las tarjetas de resumen de Twitter, que funcionarán para la mayoría de los sitios web, pero puedes cambiarlos según necesites.

En particular, usted querrá cambiar el ‘Default Post Image Source’. All in One SEO te da un montón de opciones.

Por ejemplo, puede elegir la imagen destacada, la imagen adjunta, la primera imagen del contenido, la imagen de un campo personalizado, la imagen del autor de la entrada o la primera imagen disponible.

Recomendamos utilizar la imagen destacada, ya que la mayoría de los temas de WordPress son compatibles con imágenes destacadas que son adecuadas para las imágenes de las tarjetas de Twitter.

Debajo encontrará la opción de seleccionar una fuente de imagen de término por defecto. Esta imagen se utiliza cuando alguien comparte una URL a una página de archivo de términos de categoría, etiqueta u otra taxonomía.

Setting a default term image

Puede subir una imagen por defecto aquí, o puede subir una imagen personalizada para cada categoría o etiqueta. Le mostraremos cómo hacerlo más adelante.

Después de seleccionar la fuente de imagen de la tarjeta Twitter por defecto, no olvides hacer clic en el botón “Guardar cambios” para establecer tus ajustes.

Establecer una imagen de tarjeta de Twitter por defecto para la página de inicio de WordPress

Veamos ahora cómo establecer una imagen de tarjeta de Twitter por defecto para la página de inicio de tu sitio web.

Si no está utilizando una página de inicio estática, puede establecer una imagen de tarjeta de Twitter por defecto directamente desde la página Todo en Uno SEO ” Redes Sociales en la pestaña Twitter.

Add a custom image for your homepage

Sin embargo, este aspecto será diferente si utiliza una página de inicio personalizada.

En ese caso, verás el enlace para editar directamente los ajustes de tu página de inicio.

Edit your homepage to add custom Twitter card image

En la pantalla de edición de páginas, sólo tiene que desplazarse hasta el cuadro “Ajustes de AIOSEO”, situado debajo del editor de contenidos.

Desde aquí, tienes que cambiar a la pestaña “Social” y luego seleccionar Twitter.

Fixing Twitter card image for your WordPress homepage

En los ajustes de Twitter, puedes anular las opciones por defecto.

Aquí, usted puede proporcionar una imagen personalizada de la tarjeta de Twitter que se utilizará específicamente para su página de inicio.

Custom Twitter card image for your WordPress homepage

Basta con hacer clic en el menú desplegable situado junto a “Fuente de la imagen” para ver un montón de opciones entre las que elegir. Puedes elegir una de las opciones o subir una nueva imagen que te gustaría utilizar.

Cuando hayas terminado, no olvides actualizar y guardar los cambios.

Uso de una imagen personalizada de Twitter Card para cada entrada o página de WordPress

A muchos blogueros les gusta crear imágenes de medios sociales personalizadas para diferentes plataformas como Facebook, Twitter, Pinterest, etc.

All in One SEO hace que sea fácil anular los ajustes por defecto de la imagen de la tarjeta de Twitter y proporcionar una imagen personalizada para cualquier entrada o página.

Simplemente edita la entrada o página y desplázate hasta el cuadro “Ajustes de AIOSEO” situado debajo del editor de contenidos. Desde aquí, tienes que cambiar a la pestaña “Social” y luego seleccionar “Twitter”.

Twitter settings for individual posts and pages in WordPress using AIOSEO

A continuación, puede establecer datos personalizados de Twitter Open Graph, incluida una imagen personalizada utilizada específicamente para este artículo.

Sólo tiene que desplazarse hasta la sección “Fuente de la imagen” y hacer clic en el menú desplegable.

Setting custom Twitter image for post or pages

Puede elegir una de las imágenes proporcionadas o seleccionar “Imagen personalizada” para subir una nueva imagen.

Después, sólo tiene que hacer clic en el botón “Subir o seleccionar imagen” para subir una imagen desde su ordenador o utilizar una de su biblioteca de medios de WordPress.

Cuando hayas terminado, no olvides actualizar o publicar tu entrada o página para guardar los cambios.

Establecer imágenes personalizadas de tarjetas de Twitter para categorías y etiquetas

Al igual que entradas y páginas, All in One SEO también facilita la subida de una imagen personalizada para categorías individuales, etiquetas, categorías de productos de WooCommerce y otras taxonomías.

Simplemente ve a la página Entradas ” Categorías y haz clic en el enlace ‘Editar’ debajo de la categoría en la que deseas subir una imagen de tarjeta de Twitter personalizada.

Edit category

Accederá a la pantalla “Editar categoría”, donde deberá desplazarse hasta el cuadro “Ajustes de AIOSEO”.

Desde aquí, ve a la pestaña “Social” y selecciona “Twitter”.

Setting Twitter card image for a WordPress category

A continuación, desplácese hasta la sección “Fuente de la imagen” y haga clic en el menú desplegable.

Puede elegir una de las opciones de imagen suministradas o seleccionar “Imagen personalizada” para subir una nueva imagen de Twitter.

Adding your custom image to be used as Twitter card for category

Después, sólo tiene que hacer clic en el botón “Subir o seleccionar imagen” para subir una imagen desde su ordenador o utilizar una de su biblioteca de medios de WordPress.

Cuando haya terminado, no olvide hacer clic en el botón “Actualizar” para guardar los cambios.

Comprobar que una entrada tiene una imagen de Twitter Card válida

Una vez que haya establecido las imágenes de la tarjeta de Twitter, querrá probarlas para asegurarse de que aparecen correctamente cuando alguien comparte un enlace desde su blog de WordPress.

Sólo tienes que copiar la URL de la página o entrada que quieres probar y luego ir al sitio web del Validador de tarjetas de Twitter. Pega la URL en el campo “URL de la tarjeta” y haz clic en el botón “Vista previa de la tarjeta”.

Twitter Card Validator

La herramienta de validación de tarjetas enlazará la tarjeta y le mostrará un registro de la tarjeta obtenida correctamente.

Antes, la herramienta de validación de tarjetas también mostraba una vista previa de las tarjetas, pero esta característica se ha trasladado a Tweet Composer.

Diagnosticar imágenes rotas de Twitter Card en WordPress

Si has seguido los pasos anteriores y sigues sin poder ver la imagen correcta de la tarjeta Twitter, puedes probar estos sencillos consejos para diagnosticar el error de la tarjeta.

Vaciar la caché de WordPress

La causa más probable de las imágenes de Twitter rotas son los plugins de caché de WordPress. Aunque hayas establecido la imagen de la tarjeta de Twitter en All in One SEO, es posible que tu plugin de caché siga mostrando una versión obsoleta.

Para corregirlo, debes vaciar la caché de WordPress y volver a probar con la herramienta Twitter Card Validator.

Elija los tamaños de imagen correctos

Asegúrate de que la imagen que establezcas como tarjeta de Twitter no sea ni demasiado pequeña ni demasiado grande. Twitter recomienda imágenes con una resolución mínima de 144×144 píxeles y un tamaño inferior a 5 MB.

Consejo: Puedes aprenderlo todo acerca de los tamaños de las imágenes de los medios sociales en nuestra hoja de trucos definitiva sobre medios sociales para principiantes en WordPress.

Esperamos que este artículo te haya ayudado a corregir las imágenes rotas de las tarjetas de Twitter en WordPress. También puedes consultar nuestra guía definitiva sobre cómo aumentar el tráfico de tu blog o nuestra selección de los mejores plugins de medios sociales para WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

4 comentariosDeja una respuesta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    I had the same problem with Yoast seo. Each article was set up the same. For some, the image was loaded and for some not at all. Settings the same. I never got to the source of the problem. The social card was filled out in the advice. the problem was completely eliminated only by replacing Yoast seo with AIO SEO.

    • WPBeginner Support says

      Please ensure you’ve cleared all caching for your site before using the card validator as that is the most common reasons that it does not update.

      Administrador

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.