tiempo de carga web Archivos

Entradas

Cómo subir imágenes a WordPress y optimizarlas

17/12/2021/en Tutoriales manuales y ayuda /por aeuroweb

Una de las primeras cosas que tenemos que saber hacer y tener en cuenta antes de publicar una entrada o una página es cómo subir las imágenes a WordPress. Dicho así, parece la cosa más sencilla del mundo (no es para nada complicado), pero hay algunos puntos que no se nos puede escapar a la hora de seleccionar las imágenes, de subirlas y de agregarlas a la entrada o a la sección correspondiente.

Las medidas, el formato, el alt, la descripción, el título, dónde se alojan, etc., son factores determinantes que influirán en el posicionamiento SEO del blog o página web, en su velocidad de carga y en el funcionamiento de esta o este.

Así pues, como las imágenes aportan valor añadido a los textos, contribuyen muy positivamente a la legibilidad, facilitan la compresión y contribuyen en el diseño web en WordPress, en este post te contamos cómo subir imágenes a WordPress, qué tienes que tener en cuenta y cómo optimizarlas para que la experiencia usuario sea de 10.

Antes de subir las imágenes a WordPress

Antes de subir las imágenes a WordPress, hay que guardarlas en una carpeta de la que no se deberían mover una vez estén publicadas. Para optimizarlas, hay que reducir el tamaño y el peso de estas para que el tiempo de carga web no sea lento y, por ende, Google nos favorezca en el posicionamiento.

Cómo debes guardarlas en tu ordenador

Así, todas las imágenes de una misma entrada o página deben estar guardadas en una misma carpeta con nombres diferentes, ya que WordPress le asignará una url. Además, el título que le pongamos a la imagen en la carpeta es muy importante para el SEO por eso, no utilices mayúsculas, tildes ni caracteres que no sean letras o números. Procura que no sean nombres excesivamente largos, con 4 palabras estará bien y deben ir separadas por guiones. Por ejemplo: como-subir-imagenes-a-wordpress.jpg.

Cómo optimizar las imágenes antes de subirlas

Antes de subir las imágenes a WordPress, debemos tener en cuenta, como decíamos, su tamaño y peso. Para optimizarlas, hay que reducirlas al menor peso posible: entre 30 kb y 100 kb. Lo ideal es que la extensión de dichos contenidos sea .jpg, pues al pasar de otro formato a este, estaremos reduciendo en más del 80 % el peso de la imagen.

Existe una herramienta muy fácil de usar con la que optimizar las imágenes. Es Light Image Resizer y en este post te contamos cómo funciona, esta y otras aplicaciones y herramientas. Bastará con cambiar el ancho a 800 y desmarcar la altura, cambiar la calidad al 60 % y la resolución a 72 DPI, pues el ojo humano no es capaz de ver resoluciones mayores.

Cómo subir imágenes a WordPress

Para agregar imágenes o vídeos a entradas o páginas, tenemos que hacerlo pinchando en el botón ‘Añadir Medios’ de la esquina superior izquierda, justo encima del cajón de texto. Se abrirá una ventana con las pestañas ‘Subir archivos’ y ‘Biblioteca de Medios’. Si la imagen o vídeo ya la habíamos subido previamente, tendremos que dirigirnos a la biblioteca y seleccionar la imagen. Ahí, debemos escribir el alt, la descripción y el título si no está.

Si el archivo tan solo está en nuestro ordenador, clicamos en la pestaña ‘Subir archivos’, para o bien arrastrarlos, o bien seleccionarlos desde su carpeta. Igual que antes, debemos rellenar los campos.

Cómo guarda WordPress los archivos

Cada vez que arrastras archivos o los seleccionas desde la ventana, estos se guardan en la biblioteca de archivos (carpeta ‘Medios’).

‘Medios’ es la carpeta donde se alojan todas las imágenes y vídeos del sitio web con WordPress, e indica en qué entrada o página están insertadas, el nombre de cada vídeo o foto, su url, la fecha en que se subió a WordPress y su autor (quién la subió).

Al subir los archivos, por defecto WordPress los almacena en el directorio wp-content/uploads de tu servidor, con fechas y en subcarpetas, lo cual es mejor no modificar. También creará automáticamente un mínimo de tres versiones, que son miniatura (150x150px), tamaño medio (300x300px) y tamaño grande (1024x1024px). Así, en ‘Medios’, en la barra lateral de WordPress, es donde puedes ver y modificar dichas medidas.

Cómo optimizar las imágenes en WordPress

Una vez que hayas subido las imágenes a WordPress y les hayas dado su lugar en la entrada o página, tienes que optimizarlas, pues es contenido de la web y los motores de búsqueda leen por igual un texto que un archivo. Así, optimizar las imágenes en WordPress no solo repercutirá de manera positiva en el posicionamiento de tu sitio web, sino que hará que la velocidad de carga sea más rápida y la experiencia usuario mejor.

Para optimizar los archivos, ten en cuenta:

Título de la imagen

Como hemos explicado antes, el título de la imagen debe corresponder con el nombre que tenía esta en la carpeta de origen de tu ordenador y debe estar separado por guiones, sin caracteres que no sean palabras o números y no más de 4 palabras.

Para modificarlo una vez hayas colocado la imagen, te diriges a ella en la entada o página el archivo y clicas en el icono del lápiz, que mostrará la pestaña de ‘Editar’. En la ventana que aparecerá encontrarás la casilla de ‘Atributo «title» de la imagen‘, donde debes pegar el título que tiene la imagen en la carpeta.

Puesto que el nombre de la imagen puede ayudarte a posicionar tu web, intenta que este refleje la palabra clave asignada a esa entrada o página.

Etiqueta ALT o Texto Alternativo

Esta etiqueta es una descripción del archivo que debes asignarle por si, por algún motivo, al usuario no se le muestra la imagen. También será la descripción que oiga una persona con discapacidad visual, por lo que debe poder imaginarse cómo es la imagen con esa breve descripción.

Esto es muy importante y Google le presta especial atención, por lo que agregar en esa casilla la palabra clave será muy positivo para el SEO. De hecho, es uno de los requisitos que el plugin Yoast SEO tiene en cuenta. Pero no hace falta que el alt refleje con exactitud la frase clave, puede ser una variación de ella.

De igual modo que hemos cambiado el título se cambia el texto alternativo. Vamos a la opción de ‘Editar’ que nos muestra el lápiz y escribimos en el cuadro llamado ‘Texto alternativo‘.

Tamaño imágenes

Por último, aunque ya hayas cambiado el tamaño previamente, debes ajustarlo según consideres que queda mejor en el post. Esto es porque el tamaño que elijas será el que se le muestre al usuario, por lo que no tiene sentido que el tamaño de la imagen sea mayor que el ancho de la pantalla del ordenador.

Para editar el tamaño, si utilizas el editor Clásico de WordPress, ve una vez más al icono del lápiz. Ahí te aparecerán los Ajustes de Visualización, donde puedes elegir la alineación del archivo y el tamaño. Re comendamos ajustar el tamaño seleccionando ‘Tamaño personalizado‘ en la lista despegable de Tamaño y escribir en el cuadro 680×480 si es una imagen ligeramente rectangular.

Eliminar imágenes que no necesitas

Y un último consejo: si has subido imágenes por error a Medios o vas a cambiar unas imágenes de una entrada por otras, no olvidas borrar permanentemente las que no sirven; es decir, las que no se van a ver. Una vez más, seleccionando el icono del lápiz, encontrarás la opción ‘Reemplazar‘, y dentro de ella unas letras rojas debajo de la imagen en las que se lee ‘Borrar permanentemente‘. Así, no habrá peso de más en WordPress por archivos que no necesitas.

Por qué optimizar las imágenes en WordPress

Como hemos mencionado ya a lo largo del post, optimizar las imágenes es bueno para tu sitio web con WordPress por varias razones:

Velocidad de carga más rápida

Una velocidad de carga web lenta se traduce en una experiencia usuario negativa y en tasas de rebote más altas. Los usuarios no pueden estar esperando más de 4 segundos a que carguen tus imágenes, porque se irán a otra web, por eso y porque Google está muy preocupado por la experiencia usuario, debes optimizar tus archivos.

En este post puedes ver cómo afecta un tiempo de carga lento a tu página web.

Mejora el posicionamiento SEO

El tiempo de carga lento no solo «enfada» a los usuarios, sino también a Google. Al tener imágenes optimizadas en tu sitio web WordPress, el motor de búsqueda posicionará tus imágenes mucho más rápido, lo que supone mayor tráfico.

Tu sitio ocupará menos sitio en el servidor

Para que tu sitio web ocupe menos espacio en el servidor, tienes que intentar quitarle todo el peso que puedas, y una forma de hacerlo es reduciendo las imágenes lo máximo posible. Esto, además, está de nuevo íntimamente ligado al tiempo de carga y al SEO de tu web.

Ahora ya sabes cómo subir imágenes a WordPress, cómo optimizarlas y por qué debes hacerlo, pero, ¿sabes optimizar el resto de contenidos, hacer una web con diseño web WordPress y aumentar la velocidad de carga? ¡Nosotros sí! Pregúntanos sin compromiso.

Velocidad de carga: qué es, cómo afecta al SEO y cómo optimizarla

03/05/2021/en Posicionamiento Web /por aeuroweb

¿Alguna vez has medido el tiempo que tarda tu web en mostrar los contenidos al usuario? Si tarda entre 3 o 4 segundos, debes aumentar la velocidad de carga web. Esto es la velocidad a la que tu sitio web de WordPress descarga las imágenes, vídeos, gráficos, títulos y demás contenidos y se los muestra al internauta. Si este tiene que esperar 4 segundos para poder verlo, abandonará tu web y puede que no regrese a ella.

¿Qué quiere decir esto? Pues que tu página de WordPress tendrá menos visitas, lo que se traduce en menos ingresos, porque en la era digital la gente vive con prisa y la velocidad a la que cargan los contenidos es fundamental. Pero, ¿afecta esto al SEO? Por supuesto que sí. De entre todos los factores que influyen en el posicionamiento SEO de tu página web, el tiempo que tarda esta en cargar es de los más importantes.

Cómo afecta la velocidad de carga a tu web

En primer lugar, afecta, como decíamos, al SEO. No solo los usuarios penalizan las páginas lentas marchándose de ellas y pinchando en el siguiente url de la posición de Google, sino que este buscador también lo hace. El motor de búsqueda más famoso del mundo afina cada vez más los requisitos para darle los primeros puestos a los negocios en la web. Las búsquedas, las keywords y los contenidos deben ser más precisos a medida que pasa el tiempo y que crecen los negocios en internet.

Por eso, Google necesita tener en cuenta diversos factores para otorgar los primeros puestos del buscador, y no solo nos referimos a una buena combinación de palabras clave. Aquellos sitio de WordPress con contenido interesante y bien estructurado, con un código limpio, imágenes de calidad y en el formato adecuado y, efectivamente, con una velocidad de carga que ronde entre los 2 y 3 segundos son los preferidos por el motor de búsqueda.

Así, este tiempo de carga web afecta a tu página no solo en el posicionamiento, sino en los ingresos. Si el usuario tiene que esperar mucho tiempo para ver tus servicios o productos, lo buscará en otra empresa.

Cómo comprobar la velocidad de carga web

Antes de hacerte la pregunta ‘cómo optimizar el tiempo de carga’ debes haber comprobado los segundos que necesita tu web para mostrar sus contenidos. Como ya sabemos, Google es el motor de búsqueda más famoso y utilizado del planeta, por lo que una buena posición en él es imprescindible y un sueño para cualquier página web.

Para que consideres tal importancia, este buscador recibe cientos de millones de consultas al día, de las cuales el 91,5 % no pasan de la segunda página. Un 4,8 % clickean en la segunda y solo un 1 % sigue buscando en la tercera. Pero estar en la primera página no es cuestión de suerte, es cuestión de SEO.

Como manera de cribar tales resultados y de medir el tiempo de carga web, Google creó la herramienta PageSpeed Insights, un test de velocidad que determina la velocidad de una web, la calidad de sus contenidos y el rendimiento, puntuando a la url del 0 al 100.

Pagespeed Insights

Esta herramienta de Google analiza la url señalada, tanto para móvil como para ordenador, y proporciona datos sobre el rendimiento, la accesibilidad y seguridad de dicha página web, ofreciendo sugerencias de qué se puede mejorar.

Si tu página web tiene una puntuación cercana a 100, ¡enhorabuena! Está perfectamente optimizada y, por tanto, el tiempo que tarda en cargar es inferior a 3 segundos. Esto quiere decir que Google está luchando por posicionarte en el lugar que te mereces.

Aumenta la velocidad de carga

Tras comprobar el rendimiento de tu sitio en WordPress y la velocidad a la que carga este, si el resultado no es óptimo, debes mejorar en varios apartados, como: la calidad de las imágenes, la cantidad de contenido que aloje el sitio web, el dominio y alojamiento web, el tema utilizado durante el desarrollo web WordPress, si utiliza diseño Responsive o no, los plugins instalados y si el código HTML está bien estructurado.

Para conseguir mejorar el rendimiento de la web y, por ende, el posicionamiento SEO, y después de analizar la situación, debes determinar qué le falta a tu web o qué tiene que mejorar. Pagespeed Insights te ayudará en este punto. Si lo que falla es el tiempo de carga web, entonces debes:

Cachear los elementos que componen la página web. Es decir, ahorrarle tiempo al usuario si este ha visitado el sitio web más de una vez.
Optimizar las imágenes. Utilizar el menor tamaño posible hace que reduzcamos el tiempo de carga web. Google recomienda formatos como PNG y JPG para fotografías y no utilizar BMP o TIFF.
Habilitar la compresión Gzip. Esto es utilizar la compresión Gzip para el resto de archivos.
Combinar CSS y JavaScript para reducir el número de peticiones necesarias.
Optimizar HTML, CSS Y JavaScript. Esto se refiere a minimizar los recursos: eliminar caracteres/bytes innecesarios como los saltos de línea o sangrías.
¿Tu web utiliza diseño Responsive? Si la respuesta es no, debes saber que la usabilidad para Google es muy importante.

Ventajas de optimizar la velocidad web

Ahora que ya sabes qué es la velocidad de carga, cómo afecta al SEO y cómo comprobarla, presta atención a las ventajas que esto puede tener para tu negocio:

Web más rápida

En el mundo digital, las milésimas de segundo cuentan. Aumentando la velocidad de carga de la web evitarás que los usuarios la abandonen, lo que lleva a la segunda ventaja.

Incrementar la tasa de conversión

La tasa de conversión es uno de los datos más importantes a tener en cuenta a la hora de medir los resultados de una página web, y pueden ser ventas o leads. Esta ventaja es la consecuencia de una buena experiencia usuario: si los usuarios pueden encontrar lo que buscan en cuestión de segundos y en cualquier dispositivo (diseño Responsive), tendrán una imagen positiva de tu web y volverán a ella.

Obtener una ventaja sobre la competencia

No todas las empresas conocen la importancia de medir la velocidad web con la herramienta Pagespeed de Google, por lo que obtener en ella una buena puntuación hará que tu web se posicione mejor que las de la competencia utilizando la misma combinación de palabras clave.

Mejor posicionamiento

Como ya hemos explicado, para Google es fundamental que un sitio web esté optimizado. Si tienes en cuenta todos los puntos a mejorar, como un código HTML limpio y la calidad de las imágenes, el motor de búsqueda te premiará con una buena posición.

Código más limpio

Uno de los requisitos de Google para la optimización de la web es a la vez una ventaja para esta. Uno de los pasos para aumentar la velocidad de carga es obtener un código optimizado, bien estructura y limpio, lo que mejorará el rendimiento de la página.

Mejor experiencia usuario

El teléfono móvil es el dispositivo más utilizado a nivel mundial y, a su vez, sus usuarios son mucho más exigentes. Así, mejorar la velocidad de carga de tu web para la versión móvil es la mejor forma de conseguir clientes a través de este dispositivo.

Ya sabes qué es la velocidad web y cómo afecta un tiempo de carga superior a 3 segundos a tu negocio en internet. Pero, ¿sabrás seguir todos los pasos para que PageSpeed de Google te dé una buena puntuación? Es un tanto complejo, ya que hay que tener en cuenta muchos factores, pero no es imposible. En Aeuroweb somos expertos en la optimización de un sitio web, tanto en el apartado de contenidos como de diseño y posicionamiento web. No dudes en contar con profesionales para darle a tu página web la posición que se merece.