Optimizar imágenes para web

Imágenes comprimidas y optimizadas para web

Para la mayoría de imágenes (fotografías, etc) hay que utilizar el formato JPG optimizado para web. Si tienes Adobe Photoshop, puedes utilizar la función de Guardar para web con calidad alta (60%). Aquí os explicamos los pasos a seguir. Si no tienes ningún software que lo permita, hay numerosas herramientas online para comprimir imágenes de forma óptima: TinyJPG, Optimizilla

Para las imágenes con colores planos puedes usar PNG o GIF, te dará mejores resultados tanto de peso como de calidad.

Nombres de archivo con un formato compatible

Evitar el uso de caracteres especiales como acentos o ñ en los nombres de archivo. Evitar también el uso de espacios, en su defecto se recomienda usar el guión medio (-). Esto da problemas a la hora de cargar las imágenes en Safari y iOS, y además puede dar problemas posteriores en migraciones de plataforma, etc.

Nombres de archivo adecuados para SEO

Nombrar los archivos con palabras clave relevantes, de esta forma fomentarás el SEO de tu contenido multimedia y podrá aparecer más fácilmente en Google Images.
Si tienes más de una imagen en cada página, puedes enumerarlas. Ejemplo: nombre-marca-producto-referencia-1.jpg, nombre-marca-producto-referencia-2.jpg…

Texto alternativo

Es obligatorio poner un texto alternativo en las imágenes. Dentro de WordPress puedes hacerlo en el campo Texto Alternativo correspondiente  que encontrarás al editar cada imagen, ya sea desde el apartado Media como directamente desde un post o página.

 

¿WordPress te cambia el color de las imágenes?

Si WordPress te cambia el color de las imágenes lo más probable es que las hayas subido con un perfil de color no compatible.
Para asegurarte que las imágenes que subes a tu WordPress tienen el perfil de color adecuado para web te recomendamos utilizar la opción de Guardar para web de Photoshop:

Una vez aquí, basta con desmarcar la opción Embed Color Profile y guardar la imagen con el nombre de desees.

Cómo refrescar la imagen que se comparte en Facebook con Opengraph Debugger

¿Has cambiado la imagen de compartición de un post y el cambio no se ve reflejado en Facebook al compartirlo? Facebook tiene un cache interno bastante letal que guarda en memoria todas las páginas que han sido compartidas anteriormente. Para obligar a Facebook a refrescar la información de tu URL de este cache tienes que utilizar la herramienta Facebook Opengraph Debugger.

En la herramienta hay que insertar la URL que quieres refrescar del cache de Facebook. Al darle a Depuración te aparecerá la información que hay actualmente en Facebook sobre dicha URL.

depuracion-facebook-opengraph-debuggerPara refrescarla, tienes que hacer click en Scrap Again. A veces es necesario darle al botón más de una vez para que se refresque todo correctamente.

scrap-again-facebook-opengraph-debugger

 

Traducir el contenido con WPML de forma rápida

WPML permite traducir el contenido de dos formas: duplicándolo o añadiendo la traducción desde cero.

Si añades la traducción desde cero tendrás que escribirlo todo de nuevo, sin ninguna referencia del contenido del idioma original.

La forma más rápida de traducir un contenido es duplicándolo en todos los idiomas y luego traducirlo encima del contenido del idioma original. Los pasos a seguir son los siguientes:

  1. Marcamos para duplicar las versiones del contenido en los distintos idiomas y pulsamos el botón Duplicar.duplicar-contenido-wpml-wordpress
  2. Las versiones ya están creadas, ahora pueden editarse cada una haciendo click en el lápiz:contenido-duplicado-editable-wpml-wordpress
  3. Al entrar en una traducción te saldrá un mensaje que dice que las traducciones están sincronizadas. Si necesitas editar el contenido en los idiomas secundarios, es necesario hacer click a el botón Traducir de forma independiente. De lo contrario, el contenido se mantendrá sincronizado entre los idiomas, de tal forma que si haces un cambio en la versión original, este cambio se verá también repercutido en los otros idiomas.

wpml-sincronizar-manera-independiente