homefinance blog
Según el informe del archivo HTTP, las imágenes representan el 21% del peso total de una página web. Junto con los textos, las imágenes son los elementos más importantes en un sitio. Los motores de búsqueda como Google también evalúan el contenido de texto con un mejor contenido de imagen. Pero, definitivamente debe ocuparse de optimizar las imágenes en su sitio web como parte de la optimización de su sitio. ¿Pero usa una imagen en su sitio correctamente? ¿O simplemente lo carga al azar en su sitio? Puede perder una tarea importante de optimización de imágenes. En este artículo, explicaremos en detalle la “Optimización de imágenes para el sitio web de WordPress”.
Contenido
6 Técnicas de optimización de imágenes que debe seguir
1. Cambie el nombre de la imagen antes de cargar
2. Mantenga el texto alternativamente adecuado
3. Mantenga sus fotos sin derechos de autor
Imagen sin derechos de copia de Google
4. Mantenga el tamaño de la imagen lo más pequeño posible
5. Elija un formato de imagen adecuado
6. Configure la imagen del mapa del sitio
Complementos para optimizar la imagen para WordPress
¡Conclusión!
6 Técnicas de optimización de imágenes que debe seguir
1. Cambie el nombre de la imagen antes de cargar siempre es esencial para cambiar el nombre de la imagen antes de cargarla en el sitio. El cambio de nombre del archivo de imagen permite a los motores de búsqueda reconocer la imagen y colocarlos en la categoría respectiva. Si carga la imagen sin su propio nombre, los motores de búsqueda como Google no podrán verla. Finalmente, Google ignorará su imagen. Eso no es bueno para ti.
Una cosa importante que puede ver es que cuando cargue una imagen sin renombrarla, se almacenará en la base de datos del mismo nombre que era. Es decir, incluso si realiza cambios en el título de “Detalles del archivo adjunto”, no cambiará. Entonces, desde la perspectiva de SEO, es importante cambiar el nombre del archivo de imagen con la palabra clave apropiada. Por ejemplo, el nombre de su imagen a veces puede beimg_8sd743.jpg
Captura de pantalla-873403.jpeg
Estos nombres de imágenes arriba no tienen significado en el sitio. También debe tener cuidado de cómo cambiar el nombre de la imagen correctamente, para que tanto los usuarios como los motores de búsqueda puedan comprender la imagen.
Entendamos el siguiente escenario:
Supongamos que tiene muchas habitaciones de diferentes marcas y modelos. Y si cambia el nombre de cada una de las imágenes como “Camera.jpg”, las fotos de la cámara se renombrarán como “Camera-1.jpg”, “Camera-2.jpg”, etc. Por lo tanto, es mejor cambiarlo como una “cámara Canon 400D”, para que los usuarios de búsqueda y motores puedan entender fácilmente lo que es una imagen.
2. Mantenga el texto alternativo apropiado Otro texto (también llamado “Otra descripción”, “Alt-Tag”) es la copia escrita que aparece en lugar de una imagen en una página web si esa imagen cierta no se carga en la pantalla. Por lo tanto, poner un texto alternativo apropiado es importante para la accesibilidad y el SEO para las imágenes. Intente poner la etiqueta alternativa correcta para la imagen, que describe mejor la imagen.
En el simple texto HTML, otro texto se verá así
El texto alternativo asegura que las imágenes también pueden ser utilizadas por las personas Con visión de deficiencias.La siguiente imagen muestra cómo colocar el texto alternativo correctamente para una imagen. ¿Pero subtítulo y descripción?Cuando hablamos de SEO de imagen, la leyenda y la descripción no afectan el SEO.Una leyenda es información adicional sobre una imagen que aparece debajo de la imagen.Si desea describir su imagen un poco más, puede escribir en la sección de leyendas.Una leyenda y una descripción son diferentes de un “texto alternativo”, deja que se robe en la siguiente tabla.
! 1 “> importante para SEO
3. Mantenga sus imágenes sin derechos de autor, aunque puede usar imágenes de atribución apropiadas (crédito), es aconsejable usar imágenes sin derechos de autor en su contenido. Hay muchas fuentes en línea desde donde puede obtener imágenes sin licencia. Algunos de los sitios web se enumeran a continuación:
Image sin los derechos de autor de Google es el sitio más grande del planeta con miles de millones de imágenes. Google tiene miles de millones de imágenes de todas las páginas web. Pero no todos son de uso gratuito. Debe filtrar las imágenes para que pueda usar esas imágenes sin asignación. Vaya a Google.com y busque una imagen. Vaya a Herramientas> Derechos de uso y aquí verá las cinco opciones. El filtro “etiquetado para la reutilización con modificación” o “etiquetado para la reutilización” y todas las imágenes que aparecen después de este filtro se pueden usar en su blog. Eche un vistazo a la siguiente imagen para la referencia. Puede usar otras imágenes de stock gratuitas en el sitio, como Unsplash.com, Freepik.com, Pixabay.com, Pexels.com. Estos son los sitios web con millones de fotos gratuitas utilizadas por millones de personas. Algunas de las fotos son premium, lo que significa que debe pagar, pero la mayoría de las imágenes en estos sitios son gratuitas. Check-41 Sitios para encontrar fotos gratuitas en línea
4. Mantenga el tamaño de la imagen lo más pequeño posible debe optimizar el tamaño de la imagen para facilitarlo. El tamaño de su imagen tiene un impacto directo en la velocidad de cargar su sitio, pero una cosa por la que debe tener cuidado es que al reducir el tamaño de la imagen, también debe cuidar su resolución. Si no es un tocilar de Photoshop, puede usar diferentes herramientas de tinypng.com, tinyjpg.com para reducir el tamaño de la imagen. Estas herramientas en línea gratuitas lo ayudan a reducir el tamaño de la imagen, manteniendo su calidad óptima.
Nota: Es aconsejable mantener el tamaño de la imagen por debajo de 200 kb.
5. Elija el formato de imagen apropiado son principalmente tres formatos de imagen que se utilizan, JPEG, PNG y GIF. Veamos cada uno de los formatos de imagen en detalle. Es un formato de archivo comprimido con pérdidas. Es útil para almacenar fotos más pequeñas. JPG es una opción común para usar en la web porque está comprimido. Para almacenar dibujos, texto y gráficos emblemáticos a archivos más pequeños.
PNG – PNG significa gráficos de red portátiles. Es un formato de archivo de compresión de pérdidas, por lo que es una opción común para el uso web. PNG produce una mejor calidad de imagen, pero ocupa un espacio más grande. PNG es una buena opción para almacenar dibujos, texto y gráficos emblemáticos en archivos pequeños.
GIF: el archivo GIF está limitado a 256 colores y es un formato de archivo de compresión de pérdidas. Es una buena opción para presentar una imagen en forma animada. Use GIF cuando su gráfico use un número de color relativamente bajo. GIF o PNG son mejores opciones porque no tienen pérdida.
Los JPEG son para fotos e imágenes realistas. Los PNG son para gráficos de línea, imágenes de texto intensas y pocos colores. Los gifs simplemente fallaron.
Personalmente, no recomiendo GIF a menos que haya una situación de “uso obligatorio”. Aunque PNG produce imágenes de mejor calidad, tiene un tamaño mayor que el formato JPEG. Por lo tanto, debe usar la imagen JPEG en la mayoría de los casos para guardar el tamaño y la calidad. Sin embargo, puede haber algunos casos en los que PNG produce mejores resultados que JPEG.6. Configurar la imagen del mapa del sitio del mapa del sitio es importante para todos los sitios web, pero el mapa del sitio es igualmente importante para la imagen. Mejora las imágenes que se encuentran fácilmente en los motores de búsqueda.
Los complementos de optimización de imágenes de WordPress para WordPress, hay muchos complementos de optimización de imágenes, entre todos, el optimizador de imágenes de Smush y ShortPixel son complementos a gran escala. Estos complementos hacen un gran trabajo después de subir imágenes, pero debe hacer muchas cosas antes de subir las imágenes. Esto ayuda en una optimización de imágenes aún mejor. ¡Conclusión! Los 7 consejos de arriba para la optimización de imágenes son técnicas manuales antes de cargarlas en el sitio. Ya sea que use complementos de WordPress o no, estas 7 técnicas son acciones obligatorias para usted. Entonces, la próxima vez, antes de cargar su imagen en su sitio, asegúrese de seguir estos pasos-
Cambiar el nombre de la imagen antes de cargar
Mantenga el texto alternativo correctamente
Mantenga sus fotos sin derechos de autor
Mantenga el tamaño de la imagen lo más pequeño posible
Elija el formato de imagen apropiado
Configurar la imagen del mapa del sitio