Comparte imágenes de diferentes tamaños en cada red social con Nelio Content

Publicada en Marketing Online.

Mira nuestro vídeo

Existe una versión mejor de tu web

Comparte este artículo

Las redes sociales son el lugar perfecto para promocionar tus contenidos. La audiencia está allí, por lo que sólo has de conseguir llegar a ella y atraerla a tu web. Y este trabajo se hace mucho más llevadero gracias a utilidades como Nelio Content, nuestro plugin para WordPress que te ayuda a compartir mensajes en redes sociales de forma sencilla y sin esfuerzo.

Cuando preparas la cola de mensajes promocionales para publicar contenidos en redes sociales con Nelio Content, crearás varios tipos de mensajes, y algunos de ellos compartirán la imagen destacada de tus entradas en redes. El problema aquí es que cada red social recomienda utilizar un tamaño de imagen diferente, por lo que tu imagen destacada no se verá igual al compartirla en Twitter que en Facebook o Instagram.

Cada red social tiene sus peculiaridades en cuanto al tamaño de las imágenes que compartimos allí.
Cada red social tiene sus peculiaridades en cuanto al tamaño de las imágenes que compartimos allí.

Aunque seguramente la imagen no se verá mal de todos modos (a no ser que utilices unas dimensiones muy extrañas), si quieres conseguir la perfección deberás utilizar diferentes versiones de la imagen a compartir en cada red social, cada una de estas con un tamaño diferente. Así conseguirás que en cada red social se comparta la imagen con un tamaño perfecto para tal red, por lo que tus seguidores disfrutarán de una mejor experiencia de usuario.

Veamos cómo podemos conseguir esto extendiendo Nelio Content de forma sencilla y sin necesidad de tener conocimientos de programación.

Tamaños de imagen recomendados en cada red social

Antes de entrar en faena, veamos qué tamaños de imagen son los recomendados en cada red social. Ten en cuenta que las redes sociales cambian constantemente y estos tamaños pueden dejar de ser válidos en el futuro. Pero en el momento de escribir estas líneas, los tamaños son estos:

  • Twitter: El tamaño recomendado es de 1024 píxeles de ancho y 512 de alto. Aunque se mostrarán en el feed de tuits reducidas a 506 x 253 píxeles.
  • Facebook: El tamaño recomendado de la imagen que subimos a Facebook para compartir es de 1200 píxeles de ancho por 630 de alto. Aunque en el feed de novedades que ven tus seguidores y demás público se mostrará con un máximo de 470 píxeles de ancho (escalando la imagen original manteniendo las proporciones).
  • LinkedIn: Las imágenes que compartes en LinkedIn han de tener un ancho de 520 píxeles para ser mostradas de forma óptima. Se esperan imágenes en disposición horizontal con un alto de entre 270 y 320 píxeles.
  • Instagram: Las imágenes cuadradas admiten un tamaño de 1080 píxeles de lado, que se reducirán a 612 píxeles y se mostrarán en el feed a 510 píxeles. También puedes optar por usar imágenes con proporción horizontal de 1080 x 566 píxeles o imágenes verticales de 1080 x 1350 píxeles. En ambos casos también sufrirán sendos escalados hacia abajo al mostrarlas en el feed de tus seguidores.
  • Pinterest: Cuando añades un pin a tu tablero, es importante recordar que Pinterest pone un límite en el ancho de la imagen pero no en la longitud. Esto te da la oportunidad de añadir una foto que sea cuadrada o una que tenga una altura aún mayor. Las imágenes aparecen con 236 píxeles de ancho máximo. Se recomienda el uso de relaciones de aspecto de 2:3 o 1:3,5.
  • Tumblr: Las imágenes en Tumblr tienen un tamaño máximo de 1280 x 1920 píxeles, que se muestran en el feed escaladas a 500 x 750 píxeles.

Además de las dimensiones anteriores, acuérdate siempre de utilizar imágenes que no pesen demasiado. La mayoría de redes sociales tienen restricciones en el tamaño máximo de imagen que puedes utilizar. Dadas las dimensiones comentadas antes, deberías intentar que las imágenes que compartes en redes queden siempre por debajo de los 250Kb de peso. Para esto, webs como compressjpeg.com te lo ponen muy fácil comprimiendo la imagen sin perder calidad.

Ampliando Nelio Content para compartir diferentes tamaños de imagen

Ahora que ya sabes los tamaños de imagen que deberías utilizar, veamos cómo decirle a Nelio Content qué imagen concreta debe utilizar para compartir en los mensajes sociales de cada red.

Lo primero que has de hacer es conocer que Nelio Content tiene un filtro especialllamado nelio_content_{network}_featured_image donde {network} se sustituye por el nombre de la red social donde queramos meter una imagen diferente a la imagen destacada por defecto.

Gracias a esto podemos crear un plugin con el contenido que tienes a continuación:

Copia el contenido anterior en un archivo llamado nelio-content-featured-image.php y súbelo al directorio /wp-content/plugins/ de tu instalación WordPress. De este modo activarás la funcionalidad de sustituir la URL de la imagen destacada por una URL diferente en cada red social, si así lo has definido.

Para definir qué imagen diferente quieres utilizar en cada red puedes hacer dos cosas diferentes. La más directa pero algo más complicada es tener un campo personalizado en la entrada con el nombre nc-{network}-featured-image (otra vez, sustituye {network} por el nombre de la red, tal y como ves en el código anterior) que incluya el identificador de la imagen que quieres usar (esta ha de estar en la Biblioteca de Medios de WordPress).

Pero si lo quieres fácil, sólo has de instalar el plugin gratuito Advanced Custom Fields que te permite añadir campos personalizados a tus contenidos. Luego, importa la configuración que encontrarás en el archivo acf-export.json que tienes en mi GitHub. Esto creará el grupo de campos y añadirá una caja en la barra lateral de edición de tus entradas donde podrás indicar de forma visual (al igual que haces con la imagen destacada) qué imagen quieres que vaya a cada red social (ver imagen a continuación).

Caja de imágenes sociales dónde podemos seleccionar alternativas de imágenes para cada red social.
Caja de imágenes sociales dónde podemos seleccionar alternativas de imágenes destacadas para compartir en cada red social.

Desde este momento, ya podrás tener diferentes imágenes para compartir en tus mensajes sociales de Nelio Content. Automáticamente Nelio Content cogerá la imagen alternativa si así la seleccionaste y creará los mensajes automáticamente teniendo en cuenta estas imágenes en vez de la imagen destacada por defecto.

Si eres un loco de las imágenes, ya no tienes excusa para no usar Nelio Content para compartir tus contenidos automáticamente en las redes sociales. Con esto podrás especificar una imagen por cada red social con los tamaños que quieras y así se adaptarán mejor a las particularidades de cada red.

Imagen destacada de Guilherme Vasconcelos vía Unsplash.

Deja una respuesta

No publicaremos tu correo electrónico. Los campos obligatorios están marcados con: •

He leído y acepto la Política de privacidad de Nelio Software

Al marcar la casilla de aceptación estás dando tu legítimo consentimiento para que tu información personal se almacene en SiteGround y sea usada por Nelio Software con el propósito único de publicar aquí este comentario. Contáctanos para corregir, limitar, eliminar o acceder a tu información.