Teléfono: 650 30 91 26
Diseño Intuitivo
Teléfono: 650 30 91 26
22 Oct 2018
Comentarios: 0

Las 6 tendencias de diseño web que te ayudarán a mejorar tu presencia online este año

Diseño web Pozuelo de Alarcón

Hacer una web profesional, que atraiga tráfico y genere potenciales ventas no es nada sencillo. Usabilidad, diseño gráfico, desarrollo web, optimización seo… cada parte del proceso es clave para dotarla de mensajes potentes, para hacer que su apariencia sea atractiva,  y que la experiencia sea positiva con unos tiempos de carga adecuados y una navegación intuitiva. Si estás pensando en darle una vuelta de tuerca a tu web o quieres crear una que esté a la última, hoy te contamos las tendencias más populares de 2018 en diseño web.

Si te adaptas fácilmente y quieres una web acorde con los tiempos que corren, lo mejor es tomar como referencia las tendencias que están funcionando. No solo las que hablan de diseño son importantes, también algunas para estructurar tu web o mejorar la seguridad.

Mejora el diseño, la estructura y la seguridad para estar a la última

Internet es uno de los sectores más recientes que existen a nivel profesional, pero esto no significa que no haya que adaptarse. Las tendencias han cambiado mucho en los últimos años y el diseño web ha tomado otro camino que opta por el minimalismo y la rapidez. Lo que funcionaba hace unos pocos años puede que ahora sea algo totalmente desfasado y hoy te contamos algunos trucos para que tu web no parezca demasiado «viejuna».

1.- Sin HTTPS no eres nadie: estas siglas son clave para cualquier web de 2018 en adelante. Google se ha puesto serio con la seguridad y una web sin el certificado de seguridad instalado (SSL) tiene las cosas difíciles en estos momentos ya que posicionará peor en las búsquedas y será etiquetada como «no segura» por los navegadores de tus clientes. Asegúrate de contar con todo lo necesario para conseguir este certificado de Google y que tus usuarios naveguen tranquilamente por tus menús, muchos proveedores de hosting lo ofrecen de forma gratuita aunque hay que realizar algunas configuraciones para adaptar tu CMS. Habla con nosotros si tienes dudas de cómo activar el protocolo HTTPS para tu web.

2.- Las pantallas pequeñas son el presente: hace unos años hablábamos sobre el futuro de la navegación móvil como algo a largo plazo. Ese momento ya está aquí y probablemente tu tráfico llegue mayoritariamente desde una pantalla pequeña. Adapta bien el diseño responsive de tu web, cuida el tamaño de las fuentes e intenta que tu web se parezca lo máximo posible a una aplicación de móvil. Esto último genera mucha confianza a la hora de navegar y es posible que en algunos casos suponga la diferencia entre ganar y perder un cliente.

3.- Gánate a Google con el diseño de esqueleto: después de verificar que tienes el HTTPS funcionando, debes centrarte en la estructura de tu web. Algo que está funcionando muy bien es el diseño de esqueleto. No se trata de otra cosa que un sistema de carga rápido y eficaz. Los contenidos van apareciendo según haces scroll y por lo tanto el inicio carga mucho más rápido. Estos segundos que ganarás, Google los verá con muy buenos ojos para tu posicionamiento SEO.

4.- Menos es más: no pienses que los usuarios deben ver todo lo que ofreces nada más llegar a tu web. Expón lo más interesante, pero no sobrecargues tu pantalla de inicio con decenas de módulos, menús y largos textos. La tendencia en estos momentos es elegir imágenes grandes con textos cortos y concisos. Si tu web transmite armonía, los usuarios seguirán navegando, en cambio si tu homepage está sobrecargada se sentirán desalentados a continuar por el gran esfuerzo mental que les supone asimilar toda la información y organizarla a nivel cognitivo.

5.- Vídeos y animaciones 3D: el vídeo está empezando a sustituir a cualquier otra forma de comunicación y es importante que lo tengas en cuenta. Si tienes contenido de calidad, impleméntalo en tu web. Varios estudios aseguran que a los usuarios le cuesta dejar de ver un vídeo hasta que no termina. Es una forma casi perfecta de contar todo lo que ofreces en un formato nuevo y muy dinámico. Además, también contribuye positivamente al posicionamiento SEO ya que el tiempo de permanencia de los usuarios que visitan tu web es otro factor que Google tiene muy en cuenta a la hora de posicionar resultados en su buscador.

Esto también ocurre con las animaciones 3D, las cuales están al orden del día. Eso sí, ten cuidado, ya que tanto los vídeos como las animaciones harán tu web más lenta y todo lo que has conseguido con el punto tercero podría no servir de mucho.

6.- Aprovecha el tirón de los iconos: Flaticon ha aumentado su catálogo de iconos en un 40% desde el último año. Esto nos deja saber que los iconos funcionan. Elegir los adecuados nos puede ayudar a dejar de lado el texto y ahorrar espacio en el formato móvil. Encontrar un pack que se adapte a tu web tan solo te llevará unos minutos.

Ahora que ya conoces algunas de las tendencias que se mueven en el diseño web en 2018 solo te falta implementar alguna de ellas en tu sitio. ¿Te animas a realizar un rediseño completo de tu presencia online? Escríbenos para comentarnos tus necesidades y te haremos una propuesta para renovar tu web en nuestra agencia de diseño web en Pozuelo de Alarcón.


14 Oct 2015
Comentarios: 1

Cómo eliminar espacio en disco en WordPress: archivos y carpetas

Hace un par de semanas publicamos un artículo sobre cómo ahorrar espacio en WordPress optimizando el uso de imágenes. En esta ocasión, nos centraremos en los archivos y carpetas que ya no usamos y que ocupan espacio en nuestro servidor. Estos métodos pueden seros útiles en bastantes situaciones, principalmente si recibís un aviso de vuestro proveedor de hosting diciendo que estáis a punto de superar el límite de espacio en disco. Leer más


01 Oct 2015
Comentarios: 13

Cómo eliminar espacio en disco en WordPress: las imágenes

Cómo eliminar espacio en disco en WordPress

¿Has recibido un email de tu proveedor de hosting diciendo que estás a punto de sobrepasar el espacio en disco?

Muchos planes de hosting limitan el espacio porque al fin y al cabo lo que estamos haciendo es “alquilar” unos superordenadores llamados servidores que permanecen todo el día encendidos y tienen la infraestructura necesaria para soportar miles de consultas de Internet a la vez.

Esos computadores, al igual que nuestro ordenador de casa, tienen discos duros donde almacenan la información. Y muchos proveedores de hosting, a la hora de definir sus planes de contratación, establecen el criterio de que cuanto más espacio usado, más cobran a quienes los alquilan. Si sobrepasas el espacio del plan contratado, estás violando los términos del acuerdo y pueden llegar a suspenderte la página web.

Aquí es posible que te surjan algunas preguntas interesantes: ¿cuánto espacio es mucho espacio?, ¿cuánto espacio de hosting necesito para mi blog? Una instalación típica de WordPress debería ocupar menos de 50Mb de espacio en disco, aunque si añades muchas imágenes y vídeos de calidad puedes llegar hasta los 300Mb. Y luego lo que vayas acumulando tras años de publicar post con sus correspondientes imágenes, vídeos, etc.

Con el tiempo, puede convertirse en un problema. Y de todos modos, la verdad es que es muy recomendable hacer esto de vez en cuando, sin esperar a que tu proveedor te dé un aviso.

Iniciamos con este post una serie de artículos con pautas para ahorrar espacio en el servidor de tu blog WordPress. Hoy, le toca el turno a las imágenes porque son ficheros muy grandes que pueden llegar a representar gran parte del problema.

Aviso importante: Antes de empezar, haz un backup de todo tu sitio web por si acaso. Borrar ficheros e instalar cosas nuevas siempre supone un riesgo, así que más vale que te asegures de tener un “plan B” por si algo sale mal.

1) Eliminar imágenes que no se usan en WordPress

En primer lugar, tenemos las imágenes sin usar que alguna vez subimos a WordPress pero que nunca llegamos a insertar en nuestros post. A mano es facilísimo eliminarlas, solo tenéis que ir a “Medios” y seleccionar “Sin adjuntar” en el desplegable para verlas.

biblioteca-multimedia-sin-adjuntar

Una vez haya aparecido el listado con las imágenes que no se usan, puedes ir seleccionándolas y borrándolas. ¡Listo!

Es un poco tedioso pero funciona. Si quieres hacerlo de forma más automática, sigue estos pasos:

  1. Instala el plugin Media Cleaner y actívalo.
  2. Accede al menú “Ajustes > Media Cleaner”.
  3. Marca la casilla “The Uploads folder will be scanned.” y y presiona el botón de guardar cambios. Esto configura el plugin para analizar si los ficheros en la carpeta “uploads” dentro de “wp-content” se están usando o no.
  4. A continuación, accede al menú “Medios > Media Cleaner” para ver el panel de control del plugin.
  5. Presiona el botón “Scan” de color azul para que el programa muestre los archivos sin usar. Aparecerá un texto junto a los botones que irá indicando el número de archivos leídos. Cuando termine, aparecerá un mensaje tipo “XXX issues found” y un enlace de “Refresh”, púlsalo para mostrar los resultados.
  6. En el listado de abajo, aparecerán las imágenes que no estás usando. En algunos casos, verás que aparece un comentario junto a la ruta similar a esto: “(+ 3 files)”, que significa que además del principal hay otras versiones del archivo.
    La versión gratuita de este plugin solamente permite borrar de uno en uno, así que tendrás que hacer clic en la casilla correspondiente y darle a eliminar para cada caso. La versión Pro no la he probado, pero permite seleccionar todas las imágenes de golpe y ahorrarse este proceso, lo cual es más cómodo pero también un poco menos seguro, ya que no revisas caso por caso.
  7. Después, vuelve a  “Ajustes > Media Cleaner” y marca la casilla “The Media Library will be scanned.” para comprobar esta vez si algún fichero de los que aparecen en los registros de “Medios” no se están usando. Nuevamente, dale al botón “Scan” y refresca para ver el listado.
  8. Aparecerán mensajes como “File not found” (si no se encuentra el archivo) y “Seems not in use” (que significa que el archivo existe pero no lo estás usando). Te recomiendo ver caso por caso, pero en general la consigna es borrar los del segundo tipo y comprobar qué ha ocurrido con los que dice que no encuentra para poder restaurarlos.

¿Por qué no puedo hacerlo directamente borrando las imágenes en la carpeta “uploads”?

Cuando subes una imagen a WordPress, el sistema no solo copia el fichero, también crea una entrada en la base de datos para registrarlo todo: nombre, fecha de subida, etiqueta title, etc. Esta es la información que luego muestra en el panel “Medios”.

Si borras los ficheros a mano, entonces te encontrarás en la Biblioteca Multimedia que aparecen un montón de casillas vacías donde no se muestra la imagen, porque el sistema ya no la encuentra. Algo como esto:

imagenes-borradas

Aparte de que no interesa dejar estos “residuos”, no es conveniente hacerlo así porque estaremos resolviendo solo la mitad del problema: las imágenes ocupan espacio en disco pero también conviene eliminar la información que no usamos en la base de datos para ahorrar espacio.

2) Eliminar versiones de las imágenes

De forma automática, cada vez que subimos una imagen a WordPress, el CMS genera varias copias del fichero en distintos tamaños.

¿Por qué? Piensa por un momento en un post típico, en el que una misma imagen se muestra en distintos sitios:

  • En los listados de artículos, aparece como imagen destacada (en formato cuadrado, por lo general)
  • En el artículo, aparece a un tamaño medio o incluso pequeño
  • Al pinchar en la imagen del artículo, se muestra a tamaño original

Esto en realidad son varios ficheros que WordPress ha creado en el momento de subir la imagen para optimizar el tiempo de carga de la página (si insertásemos las imágenes a tamaño original en los listados, por ejemplo, cada una de ellas pesaría muchísimo y el listado tardaría en cargar). Una imagen cuadrada, otra pequeña, otra mediana, el fichero original…

Sin embargo, muchas veces esto no es necesario. En muchos casos, la imagen aparece a un solo tamaño y el haber generado todas esas versiones ocupa espacio extra sin necesidad. A continuación os explicamos cómo eliminar esos ficheros:

  1. Instalamos el plugin Image Cleanup y lo activamos.
  2. Accedemos al menú “Herramientas > Image Cleanup”
  3. Pulsamos el botón “Index images” que aparece en la parte superior, junto al título, para que se nos muestren todas las imágenes del blog.
  4. Hacemos clic en el enlace “Unreferenced unused images” y marcamos aquellas imágenes que reconocemos que no están en uso. Este plugin sí permite seleccionar muchas al tiempo, pero no os lo aconsejo. Finalmente, vamos al desplegable “Acciones en lote/Bulk Actions” y seleccionamos “Delete”.
  5. Veremos que ahora en la columna “File Exist” aparece para todos ellos el estado “Deleted”. Debemos pasar a la siguiente página de resultados y repetir el proceso hasta que los hayamos borrado todos.

image-cleanup

Si te despistas y borras los que no son, siempre puedes volver al desplegable y seleccionar la opción “Restore moved files”. De todos modos, te aconsejo que antes de darle a “Delete” hagas la prueba de desplazar los archivos con la opción “Move” y compruebes que todo sigue en su sitio antes de borrarlos definitivamente.

Cómo evitar que se generen imágenes a distintos tamaños

Si no quieres que WordPress genere automáticamente versiones extra a diferentes tamaños de las imágenes que subes, debes ir a “Ajustes > Medios” y poner cero en aquellos tamaños de imágenes que sepas que nunca sueles utilizar.

Por ejemplo, si solamente quieres que se genere la miniatura, esto es lo que debes poner:

tamano-imagenes-wordpress

3) Reducir el tamaño de las imágenes

Si acostumbras a subir a tu blog fotografías propias y nunca te has preocupado del espacio, es muy posible que estés subiendo ficheros demasiado grandes. Lo recomendable, tanto para ahorrar espacio como para mejorar el tiempo de carga de tu web, es que subas las imágenes al tamaño al que las vas a usar realmente.

Es decir, si por ejemplo tu blog tiene un ancho máximo de 700 píxeles para los post, no tiene sentido subir imágenes más grandes a menos que precisamente quieras que los lectores pinchen y las vean a toda pantalla (esto no es lo habitual).

¿Y qué pasa si llevamos ya un buen tiempo blogueando, y hemos subido decenas y decenas de imágenes excesivamente grandes?  Si es tu caso no te preocupes porque no vas a tener que bajarlas, editarlas y volverlas a subir. En WordPress suele haber un plugin para todo. Y de hecho, incluso varios.

Os contamos paso a paso cómo usar el que nosotros hemos probado:

  1. Instala Imsanity y actívalo.
  2. Accede al menú “Ajustes > Imsanity”
  3. Indica los tamaños máximos (por defecto el plugin trae 2048 píxeles que se corresponde con una pantalla grande)
  4. Presiona el botón “Search images” de la parte inferior.
  5. Aparecerá un listado de imágenes, con pequeñas casillas junto a ellas que aparecen marcadas por defecto. Desmarca las que no quieras modificar, y presiona “Resize Checked images” para reducirlas.

Además, a partir de ahora Imsanity se ocupará de que ninguna de las imágenes que subas exceda los tamaños indicados, redimensionándolas automáticamente.

imsanity-plugin

…y hasta aquí puedo leer.

Nos vemos en el próximo post de la serie “Cómo eliminar espacio en disco en WordPress”, os dejo con tarea para rato. No dudéis en hacer comentarios si se os presenta alguna duda.

Imagen | Victor en Flickr

 


Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies