¡Las imágenes grandes son un gran problema! Atascan los tiempos de carga de la página y engullen cantidades masivas de espacio de Página, lo que indica a Google que su página es lenta, está rota y debe evitarse. Esto puede enviar su sitio web a no man’s land: página dos. ¡Caramba!
para ayudarte a evitar perderte en el desierto, he creado algunos consejos de mejores prácticas para cambiar el tamaño de las imágenes., Aquí encontrará pautas para el tamaño de la imagen junto con consejos para el uso y la optimización de la imagen.
4 preguntas para hacerse sobre el tamaño de la imagen
- ¿Qué tan ancho es mi sitio web? Los anchos de los sitios web varían, por lo que si desea agregar imágenes grandes, querrá saber qué tan amplia es su área de contenido., Ha habido muchas veces cuando hablamos con propietarios de negocios que no están contentos con la lentitud con que se carga su sitio web, solo para descubrir que agregaron una imagen de 5 megabytes a un sitio que solo tiene 3 megas.
- ¿cuántas columnas hay en la página donde se mostrará el contenido? Si su sitio web es un diseño de una sola columna, tiene aproximadamente 980 píxeles para trabajar. Sin embargo, si tiene dos columnas, querrá mantener la imagen no más grande que 640 píxeles. De esta manera, no consumirá la página y los bienes raíces valiosos por contenido.,
- ¿Es la imagen el foco del contenido, o es una mejora? Cuando hayas creado (o estés compartiendo) una infografía, la imagen será el foco de la página. En este caso, es perfectamente aceptable dejar la imagen grande, permitiendo que se extienda por toda la página. Sin embargo, si es solo una imagen destinada a agregar interés visual, mantenga la imagen pequeña, de aproximadamente 200 a 250 píxeles de ancho. Quieres que sea lo suficientemente pequeña para que no ocupe toda la columna, con suficiente espacio para que el texto se envuelva alrededor de ella.
- ¿Cómo se verá la imagen en un dispositivo móvil?, Al igual que con los tamaños de sitios web de escritorio, el tamaño de un sitio web móvil puede variar. Debido a esto, tendrá que personalizar el tamaño de la imagen para su sitio. Para determinar si tus imágenes son demasiado grandes para tu sitio móvil, coge tu teléfono y abre la página con tu imagen. Sabrás de inmediato si es demasiado grande, ya que puede afectar el tiempo de carga y ocupará toda la página. Si este es el caso, vuelva atrás, encoja y vuelva a mirar. Además, evalúe si la imagen es necesaria para el contenido. Si no lo es, puede ser mejor dejarlo fuera, haciendo que el contenido escrito en la página sea más fácil de leer.,
corregir la distorsión de proporción
a continuación, tenemos un estudio de caso sobre cómo se muestran las imágenes en dispositivos móviles. A la izquierda hay una imagen de 5000 píxeles de ancho. No solo ralentiza el tiempo de carga de la página, sino que también puedes ver cómo se estira e intenta meterse en la vista móvil. A la derecha, la imagen se redimensionó a 250 píxeles y se configuró para mostrarse al 100% de ancho en cualquier dispositivo, por lo que se ve muy bien tanto en un escritorio como en la versión móvil aquí.,
-
Un ejemplo de una demasiado grande la imagen en un dispositivo móvil. ¿DÓNDE ESTÁ el contenido?! -
Aquí la misma imagen ha sido cortado a su tamaño. Ahora hay espacio para ver tanto el contenido como la imagen.
Consejo Pro: como regla general, nunca coloque una imagen enorme en la parte superior de su contenido., Esto distraerá al lector, haciéndole más probable que deje de desplazarse y siga adelante perhaps ¡tal vez a su competidor!
contracción (una buena cosa en este caso!)
antes de comenzar a reducir la imagen, asegúrese de guardar el original. Esto le permitirá volver a él, en caso de que accidentalmente lo haga demasiado pequeño. Si bien siempre puede reducir una imagen, es imposible ampliarla una vez que se reduce. Lo que terminarás con es una imagen granulada y pixelada. ¡Nada bueno!
así que si su imagen comienza en 2000 píxeles, redúzcala a 500., Eche un vistazo, asegurándose de que no lo ha hecho demasiado pequeño; luego, si es necesario, vuelva a encogerse. Está buscando el equilibrio perfecto entre el tamaño de píxel y la calidad de la imagen: ¿de qué sirve una imagen dinky que nadie puede ver?
una nota para los clientes de Foster Web Marketing: si desea instrucciones más detalladas, consulte nuestras instrucciones paso a paso sobre cómo agregar, optimizar y cambiar el tamaño de las imágenes. Encuentre esta información y más en el Foro de usuarios en DSS. ¡O llámame! Estaría más que feliz de guiarte a través del proceso.,
otras consideraciones de imagen
cuando se hace correctamente, las imágenes pueden ayudar a aumentar su ranking de búsqueda. Para optimizar correctamente sus imágenes, le recomendamos que:
- cambie el nombre del archivo. Ya sea que use una imagen de archivo o su propia imagen original, debe pensar antes de nombrar el archivo. En lugar de «image4», intenta algo más descriptivo, como «car crash Dallas».»
- añadir una etiqueta ALT. Este breve fragmento de texto (generalmente de menos de 20 caracteres, o aproximadamente tres palabras) se utilizará para ayudar a las personas con discapacidad visual y a los bots de Google a comprender qué es la imagen.,
- Incluye una leyenda. Los subtítulos de las imágenes se encuentran entre el contenido más leído en un sitio web, así que no olvides agregar un título interesante y relevante.
- Compruebe la relevancia. Las imágenes ayudan a atraer al lector y pueden agregar profundidad al contenido escrito. Pero agregar imágenes por el bien de agregar imágenes es una pérdida de tiempo.
para profundizar en cómo sacar más provecho de cada imagen que publicas, asegúrate de leer nuestro artículo, desbloquear el potencial SEO de tu sitio web.
si este artículo te resultó útil, asegúrate de compartirlo en Facebook o en cualquier lugar que creas que llegará a la mayoría de los propietarios de negocios., Juntos podemos ayudar a evitar tiempos de carga lentos!
