¿Quieres arreglar imágenes rotas de tarjetas de Twitter en WordPress? Twitter intenta automáticamente mostrar una imagen en miniatura cuando alguien comparte un enlace desde su sitio de WordPress. Sin embargo, a veces puede mostrar una miniatura incorrecta que hace que su sitio web parezca poco profesional. En este artículo, le mostraremos cómo arreglar fácilmente imágenes rotas de tarjetas de Twitter en WordPress.
¿Por qué las imágenes de las tarjetas de Twitter están rotas en algunos sitios web?
Contents
Twitter utiliza metadatos de Open Graph para buscar imágenes cuando se comparte un enlace. Esto es similar a cómo Facebook muestra miniaturas cuando comparte un enlace en una página o grupo. WordPress no admite metaetiquetas Open Graph de forma predeterminada. Por eso, cuando comparte un enlace en Twitter, es posible que no siempre muestre una imagen de tarjeta de Twitter.
Las imágenes de las tarjetas de Twitter te ayudan a captar la atención de los usuarios y les animan a hacer clic en un enlace. Esto significa más tráfico para su sitio web desde Twitter.
Dicho esto, veamos cómo arreglar fácilmente imágenes rotas de tarjetas de Twitter en WordPress. Aquí hay un resumen rápido de los temas que cubriremos en este artículo. Puedes dirigirte al apartado que te interese o seguir las instrucciones paso a paso.
Repare las imágenes de tarjetas de Twitter rotas con SEO todo en uno para WordPress
En primer lugar, debe instalar y activar el complemento All in One SEO para WordPress. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress. All in One SEO es el mejor complemento SEO de WordPress del mercado. Le permite optimizar fácilmente su sitio web de WordPress para motores de búsqueda y plataformas de redes sociales, incluido Twitter.
Notar: También hay una versión gratuita de All in One SEO que puede utilizar para corregir imágenes de tarjetas de Twitter. La versión Pro viene con funciones de SEO más potentes. Para los propósitos de este tutorial, demostraremos la versión Pro ya que eso es lo que usamos, pero las instrucciones también son similares para la versión gratuita. Tras la activación, debe visitar el fuerte Todo en uno SEO »Configuración general para ingresar su clave de licencia. Puede encontrar esta información en su cuenta en el sitio web del complemento.
All in One SEO le brinda un control completo sobre qué imágenes usar con las tarjetas de Twitter en su sitio web. Lo guiaremos a través de todos los pasos. Primero, debe agregar las URL de su perfil de red social. Esto asociaría su sitio web con su perfil de Twitter. Solo ve a Todo en uno SEO »Redes sociales e ingrese las URL de su perfil de redes sociales, incluido Twitter.
Establecer una imagen de tarjeta de Twitter predeterminada
Luego, debes cambiar a la pestaña «Twitter» y hacer clic en el botón junto a la opción «Activar tarjeta de Twitter».
A continuación, verá la configuración predeterminada de la tarjeta de Twitter que funcionaría para la mayoría de los sitios web, pero puede cambiarla si es necesario. En particular, querrá cambiar la «Fuente de imagen de publicación predeterminada». All in One SEO te ofrece un montón de opciones. Por ejemplo, puede elegir la imagen seleccionada, la imagen adjunta, la primera imagen del contenido, la imagen de un campo personalizado, la imagen del autor de la publicación o la primera imagen disponible. Le recomendamos que utilice la imagen destacada, ya que la mayoría de los temas de WordPress admiten imágenes destacadas que se pueden utilizar como imágenes de tarjetas de Twitter. A continuación, encontrará la opción para seleccionar una fuente de imagen predeterminada. Esta imagen se usa cuando alguien comparte una URL a una categoría, etiqueta u otra página de archivo de términos de taxonomía.
Puede cargar una imagen predeterminada aquí, o puede cargar 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 de Twitter predeterminada, no olvide hacer clic en el botón Guardar cambios para guardar su configuración.
Establecer una imagen de tarjeta de Twitter predeterminada para la página de inicio
Ahora veamos cómo configurar una imagen de tarjeta de Twitter predeterminada para la página de inicio de su sitio web. Si no está utilizando una página de inicio estática, puede establecer una imagen de tarjeta de Twitter predeterminada directamente desde Todo en uno SEO »Redes sociales página en la pestaña de Twitter.
Sin embargo, si está utilizando una página de inicio personalizada, verá el enlace para cambiar su página de inicio.
En la pantalla de la página de edición, simplemente desplácese hacia abajo hasta el cuadro « Configuración de AIOSEO » debajo del editor de contenido. Desde allí, debe cambiar a la pestaña «Social» y luego seleccionar Twitter.
En la configuración de Twitter, puede anular las opciones predeterminadas y proporcionar una imagen de tarjeta de Twitter personalizada para usar específicamente en su página de inicio.
Simplemente haga clic en el menú desplegable junto a «Fuente de la imagen» y verá un montón de opciones para elegir. Puede elegir una de las opciones o seleccionar una imagen personalizada para cargar una nueva imagen que desee utilizar. Una vez que haya terminado, no olvide actualizar y guardar los cambios de su página.
Use una imagen de tarjeta de Twitter personalizada para cada publicación o página en WordPress
A muchos blogueros les gusta crear imágenes de redes sociales personalizadas para diferentes plataformas como Facebook, Twitter, Pinterest, etc. All In One SEO hace que sea fácil anular la configuración predeterminada de la imagen de la tarjeta de Twitter y proporcionar una imagen personalizada para cualquier publicación o página. Simplemente edite la publicación o página y desplácese hacia abajo hasta el cuadro « Configuración de AIOSEO » debajo del editor de contenido. Desde allí, debe cambiar a la pestaña «Social» y luego seleccionar «Twitter».
Luego, puede definir datos personalizados de gráficos abiertos de Twitter, incluida una imagen personalizada utilizada específicamente para esta publicación. Simplemente desplácese hacia abajo hasta la sección «Fuente de la imagen» y haga clic en el menú desplegable.
Puede elegir entre un montón de opciones o seleccionar «Imagen personalizada» para cargar una nueva imagen de Twitter. Después de eso, simplemente puede hacer clic en el botón « Cargar o seleccionar imagen » para cargar una imagen desde su computadora, o usar una de su biblioteca de medios de WordPress. Cuando termine, no olvide actualizar o publicar su publicación / página para guardar sus cambios.
Definición de una imagen de tarjeta de Twitter personalizada para categorías y etiquetas en WordPress
Al igual que las publicaciones y las páginas, All in One SEO también facilita la carga de una imagen personalizada para categorías individuales, etiquetas, categorías de productos (si está usando WooCommerce) y otras taxonomías. Simplemente ve a Artículos »Categorías y haga clic en el enlace Editar debajo de la categoría donde desea cargar una imagen de tarjeta de Twitter personalizada.
Esto lo llevará a la pantalla «Editar categoría» donde debe desplazarse hacia abajo hasta el cuadro «Configuración de AIOSEO». Desde allí, vaya a la pestaña «Social» y seleccione «Twitter» a continuación.
Ahora debe desplazarse a la sección Fuente de imagen y hacer clic en el menú desplegable. Puede elegir entre un montón de opciones o seleccionar «Imagen personalizada» para cargar una nueva imagen de Twitter.
Después de eso, simplemente puede hacer clic en el botón « Cargar o seleccionar imagen » para cargar una imagen desde su computadora o usar una de su biblioteca de medios de WordPress. Una vez que haya terminado, no olvide hacer clic en el botón «Actualizar» para guardar sus cambios.
Prueba / solución de problemas de imágenes de tarjetas de Twitter
Una vez que haya configurado las imágenes para las tarjetas de Twitter, querrá probarlas para asegurarse de que se muestren correctamente cuando alguien comparte un enlace desde su sitio web de WordPress. Simplemente copie la URL de la página o el artículo que desea probar, luego vaya al sitio web de Twitter Card Validator. Pegue la URL debajo del campo URL del mapa y haga clic en el botón «Vista previa del mapa».
El validador de tarjetas tomará el enlace y le mostrará una vista previa de cómo se verá cuando alguien lo comparta en Twitter.
Solución de problemas de imágenes rotas de tarjetas de Twitter en WordPress
Si ha seguido los pasos anteriores y aún no ve la imagen correcta de la tarjeta de Twitter, puede probar estos sencillos consejos de solución de problemas.
Borrar caché de WordPress
La causa más probable de imágenes rotas de Twitter son los complementos de almacenamiento en caché de WordPress. Incluso si ha configurado la imagen de la tarjeta de Twitter en All in One SEO, su complemento de caché aún puede mostrar una versión desactualizada. Para resolver este problema, debe borrar su caché de WordPress y luego probar nuevamente con la herramienta Twitter Card Validator.
Elija los tamaños de imagen correctos
Asegúrese de que la imagen que configuró para usar como tarjeta de Twitter no sea demasiado pequeña ni demasiado grande. Twitter recomienda que las imágenes tengan un tamaño mínimo de 144 x 144 píxeles y un tamaño de archivo de menos de 5 MB.
Consejo: Puede aprender todo sobre los tamaños de imagen de las redes sociales en nuestra última hoja de trucos de redes sociales para principiantes de WordPress. Esperamos que este artículo te haya ayudado a arreglar imágenes rotas de tarjetas de Twitter en WordPress. También puede consultar nuestra selección de expertos de los mejores complementos de redes sociales para WordPress y nuestra guía definitiva sobre cómo aumentar el tráfico de su blog. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.
