¿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.
¿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.
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.
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:
- Fixing Broken Twitter Card Images Using All in One SEO
- Setting a Default Twitter Card Image
- Setting a Default Twitter Card Image for the WordPress Homepage
- Using a Custom Twitter Card Image for Each WordPress Post or Page
- Setting Custom Twitter Card Images for Categories & Tags
- Testing That a Post Has a Valid Twitter Card Image
- Troubleshooting Broken Twitter Card Images in WordPress
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 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.
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”.
A continuación, verás los ajustes por defecto para las tarjetas de Twitter, que funcionarán para la mayoría de los sitios web, pero puedes cambiarlos según sea necesario.
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.
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.
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.
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.
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.
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”.
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.
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.
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”.
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.
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”.
La herramienta de validación de tarjetas enlazará y mostrará un registro de la tarjeta obtenida correctamente. Antes, la herramienta de validación de tarjetas también mostraba una vista previa del aspecto que tendría la tarjeta cuando alguien la compartiera en Twitter, 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 ver la imagen correcta de la tarjeta Twitter, puedes probar estos sencillos consejos para diagnosticar el problema.
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.
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!
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.
Abdullah says
I did all these, it doesn’t solve the problem.
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