¿Quieres arreglar imágenes rotas de tarjetas de Twitter en WordPress?
Twitter intenta mostrar automáticamente 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 se vea poco profesional.
En este artículo, le mostraremos cómo reparar fácilmente imágenes rotas de tarjetas de Twitter en WordPress.
¿Por qué las imágenes de las tarjetas de Twitter están rotas para algunos sitios web?
Twitter usa los 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 es compatible con las metaetiquetas Open Graph de forma predeterminada. Es por eso que 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 lo ayudan a llamar la atención del usuario y lo alientan a hacer clic en un enlace. Esto significa más tráfico para su sitio web desde Twitter.
Dicho esto, echemos un vistazo a cómo arreglar fácilmente las imágenes rotas de Twitter Card en WordPress.
Aquí hay una descripción general rápida de los temas que cubriremos en este artículo. Puedes saltar a la sección que te interese o seguir las instrucciones paso a paso.
Repare las imágenes rotas de la tarjeta de Twitter usando All in One SEO para WordPress
En primer lugar, debe instalar y activar el SEO todo en uno para WordPress enchufar. 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.
Nota: También hay un versión gratuita de All in One SEO que puedes usar para arreglar imágenes de tarjetas de Twitter. La versión Pro viene con funciones de SEO más potentes.
Por el bien de este tutorial, demostraremos la versión Pro porque 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 de qué imágenes se utilizarán con las tarjetas de Twitter en su sitio web. Te guiaremos a través de todos los pasos.
Primero, debe agregar las URL de su perfil de redes sociales. Esto asociaría su sitio web con su perfil de Twitter.
Simplemente ve a la 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
A continuación, debe cambiar a la pestaña ‘Twitter’ y hacer clic en el interruptor junto a la opción ‘Habilitar tarjeta de Twitter’.
Debajo de eso, verá la configuración predeterminada para las tarjetas de Twitter que funcionaría para la mayoría de los sitios web, pero puede cambiarlas según sea necesario.
En particular, le gustaría cambiar la ‘Fuente de imagen de publicación predeterminada’. All in One SEO le ofrece un montón de opciones.
Por ejemplo, puede elegir la imagen destacada, la imagen adjunta, la primera imagen en el contenido, la imagen de un campo personalizado, la imagen del autor de la publicación o la primera imagen disponible.
Recomendamos usar la imagen destacada, ya que la mayoría de los temas de WordPress admiten imágenes destacadas que son adecuadas para usar como imágenes de tarjetas de Twitter.
Debajo de eso, encontrará la opción para seleccionar una fuente de imagen de término 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 Twitter Card predeterminada, no olvide hacer clic en el botón Guardar cambios para almacenar su configuración.
Establecer una imagen de tarjeta de Twitter predeterminada para la página de inicio
Ahora echemos un vistazo a 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 configurar una imagen de tarjeta de Twitter predeterminada directamente desde Todo en Uno SEO » Redes Sociales página bajo la pestaña de Twitter.
Sin embargo, si está utilizando una página de inicio personalizada, verá el enlace para editar su página de inicio.
En la pantalla de edición de la página, simplemente desplácese hacia abajo hasta el cuadro ‘Configuración de AIOSEO’ debajo del editor de contenido. Desde aquí, 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 usarla 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 le gustaría usar.
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 bloggers les gusta crear imágenes de redes sociales personalizadas para diferentes plataformas como Facebook, Twitter, Pinterest y más.
All in One SEO facilita la anulación de la configuración predeterminada de la imagen de la tarjeta de Twitter y proporciona una imagen personalizada para cualquier publicación o página.
Simplemente, edite la publicación o la página y desplácese hacia abajo hasta el cuadro ‘Configuración de AIOSEO’ debajo del editor de contenido. Desde aquí, debe cambiar a la pestaña ‘Social’ y luego seleccionar ‘Twitter’.
A continuación, puede configurar datos personalizados de gráficos abiertos de Twitter, incluida una imagen personalizada utilizada específicamente para este artículo. Simplemente desplácese a 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, puede simplemente 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 Actualizar o Publicar su publicación / página para guardar sus cambios.
Configuració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 usa WooCommerce) y otras taxonomías.
Simplemente, vaya a Publicaciones » Categorías y haga clic en el enlace Editar debajo de la categoría en la que 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 aquí, cambie a la pestaña ‘Social’ y seleccione ‘Twitter’ debajo.
Ahora, debe desplazarse hacia abajo hasta la sección Fuente de la 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, puede simplemente 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 los cambios.
Prueba/Solución de problemas de imágenes de tarjetas de Twitter
Una vez que haya configurado las imágenes de las tarjetas de Twitter, querrá probarlas para asegurarse de que aparezcan correctamente cuando alguien comparta un enlace desde su sitio web de WordPress.
Simplemente copie la URL de la página o publicación que desea probar y luego vaya a la Validador de tarjetas de Twitter sitio web. Pegue la URL en el campo URL de la tarjeta y haga clic en el botón «Vista previa de la tarjeta».
La herramienta de validación de tarjetas buscará el enlace y le mostrará una vista previa de cómo se vería cuando alguien lo comparta en Twitter.
Solución de problemas de imágenes de tarjetas de Twitter rotas en WordPress
Si siguió los pasos anteriores y aún no puede ver la imagen correcta de la tarjeta de Twitter, puede probar estos sencillos consejos para solucionar problemas.
Borrar caché de WordPress
La causa más probable de las imágenes rotas de Twitter son los complementos de almacenamiento en caché de WordPress. Aunque haya configurado la imagen de la tarjeta de Twitter en All in One SEO, es posible que su complemento de caché aún muestre una versión desactualizada.
Para solucionar esto, debe borrar su caché de WordPress y luego probar nuevamente usando el Validador de tarjetas de Twitter herramienta.
Elija los tamaños de imagen correctos
Asegúrese de que la imagen que ha configurado para usar como tarjeta de Twitter no sea ni 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 inferior a 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. Es posible que también desee ver nuestra selección experta de los mejores complementos de redes sociales para WordPress y nuestra guía definitiva sobre cómo aumentar el tráfico de su blog.
.