Cómo optimizar la imagen de vista previa del enlace en WordPress

L’imagen de vista previa del enlace en WordPress es uno de los puntos de mayor atención para obtener buenos resultados de su trabajo de compartir y difundir. La razón es simple: será el visual que se notará cada vez que tu artículo sea compartido en algún lugar público o no.

La vista previa de un artículo publicado en este CMS, de hecho, recuerda tres elementos: el título, que básicamente corresponde a la etiqueta del título, y la descripción que aparece si el título no es demasiado largo (y se hace eco de la meta descripción) son los campos de texto. El conjunto está dominado por la imagen principal.

¿Por qué optimizar la imagen de vista previa?

Simple, la gente se inspira en lo visual. El clic se mueve basado en lo que ves. Para comprender la importancia de la imagen de vista previa del enlace en WordPress, solo eche un vistazo a las estadísticas que encontré en thenextweb.com.

El cerebro procesa imágenes 60.000 veces más rápido que el texto. Y el 90% de la información que llegan al cerebro son visuales, el 50% de las actividades cerebrales están activas en los procesos que involucran la vista. Esto tiene un propósito: validar la importancia de las imágenes.

Pero también de lo que vamos a decir y hacer, que es optimizar la vista previa de los artículos cuando compartes un enlace en redes sociales, chats y otras herramientas de difusión de contenidos.

Leer: Cómo insertar videos en WordPress

Debe haber al menos una imagen en la página.

Primera regla para tener una gran vista previa en las distintas redes sociales: debe ingresar al menos una imagen en el recurso que ha decidido poner en línea. Las páginas sin fotos o gráficos tienen problemas evidentes porque la vista previa del enlace en las distintas redes sociales buscará un posible visual para insertar.

Y elegirá al azar, quizás entre íconos de comentarios o avatares. O abandonará la firma e publicará un enlace sin imagen Con resultados dramáticos para los clics en su sitio.

Escribe algo sobre la imagen destacada.

Si en el centro de la imagen quieres añadir un elemento visual, por ejemplo vas a escribir un titular, puede utilizar programas y aplicaciones en línea que le permitan acelerar su trabajo. Mis nombres favoritos: Canva y Pablo si quieres trabajar online.

Cómo insertar una imagen de vista previa en WordPress

La solución más simple: agregue una imagen destacada en el backend de su publicación para hacer eso ser recordado por las redes sociales. Por lo general, esta configuración está definida por el tema que comunica a las distintas plataformas cuál es la imagen de vista previa del enlace en WordPress.

Para agregar una imagen destacada, simplemente haga clic en el campo en la columna de la derecha, explore la galería de medios o sube la foto que prefieras. Sin embargo, esto no siempre es suficiente. Tal vez quieras subir una imagen social diferente a la que propones.

¿Cómo personalizar la imagen (pero también el título y la descripción) de los enlaces compartidos en Facebook y Twitter? Solo usa WordPress SEO por Yoast: este complemento, de hecho, le permite personalizar la vista previa de compartir en las principales redes sociales. Aquí está el videotutorial.

Y para modificar la vista previa de la Tarjeta de Twitter puede ir a la configuración social de este complemento y configurar no solo la presencia de la imagen en la vista previa, sino que también puede decidir mostrar la foto en el tamaño máximo: esto es muy importante para aumentar las posibilidades de recibir clics de seguidores . Y es un cambio de unos segundos.

El tamaño de la imagen destacada de WordPress

Un paso fundamental para que la imagen de vista previa del enlace en WordPress se adapte a necesidades de varias redes sociales: necesita cargar una imagen con un tamaño adecuado.

Independientemente de las necesidades de la plantilla, si desea tener una vista previa adecuada y efectiva del enlace, debe seguir las reglas de facebookválido para todas las redes sociales:

“Utilice imágenes de al menos 1200 x 630 píxeles para obtener la mejor visualización en dispositivos de alta resolución. Como mínimo, debe usar imágenes de 600 x 315 píxeles para mostrar las publicaciones de la página de enlaces con imágenes más grandes. Si su imagen es más pequeña que 600 x 315 px, aún se mostrará en la publicación de la página del enlace, pero el tamaño será mucho más pequeño”.

desarrolladores.facebook.com

Usa imágenes de al menos 1200 x 630 píxeles para tener una mejor vista incluso en dispositivos de alta resolución. Si no quieres trabajar con este tamaño al menos no bajes menos de 600 x 315 píxeles para ver miniaturas con imágenes grandes.

Si la foto tiene menos de 600 x 315 px, se mostrará una vista previa, pero el tamaño será mucho más pequeña. Esta solución funciona bien para Facebook, Twitter y LinkedIn.

Para saber más: cómo insertar una galería de fotos en WordPress

¿Por qué no podemos ver la imagen de vista previa?

A veces el problema está en la caché, es decir, en la memoria de las páginas. En resumen, la red social en la que compartiste el enlace todavía recuerda el recurso tal como fue publicado.

Si la imagen correcta no aparece en el recurso compartido, o si ha corregido la foto recientemente, puede ir a los diversos depuradores que le permiten borrar la memoria y lea la página tal como la presentó. Estas son las herramientas para tener siempre a mano:

¿Cómo trabajan? Muy simple, tome el enlace que da problemas para compartir, péguelo en los campos relevantes y comienza el trabajo de depuración. Unos segundos y la vista previa del enlace de WordPress será exactamente lo que pediste. Superar cualquier error de visualización.

Como puede ver en este video tutorial, es bastante fácil usar Facebook Debugger para actualizar el caché de enlaces. El mismo proceso que puede seguir para las otras herramientas. Y si tienes alguna duda déjala en los comentarios.