Estás leyendo la publicación: 12 consejos importantes de SEO de imágenes que necesita saber
Piensa en la última vez que subiste una imagen a tu sitio web. Lo más probable es que lo haya descargado de un sitio de fotografía de archivo, lo haya subido al backend de su sitio y luego lo haya insertado en la página.
Esto es un brillante ejemplo de optimización de imágenes, ¿verdad? No exactamente.
Ha agregado un peso gigante de bola de bolos a su sitio que está ralentizando la velocidad de la página. Y los motores de búsqueda no pueden leer sus imágenes sin texto alternativo.
Cambiemos eso.
Encima 20% de todas las búsquedas web de EE. UU. se realizan en Google Images, según datos de 2018 de Jumpshot.
Tanto los aficionados como los profesionales de SEO saben que la optimización de imágenes para su sitio web vale la pena.
Dan Morgan en WebSpection consiguió una de sus fotos para rango #1 en Google Images como “mejor persona en Cardiff” en menos de cuatro días al optimizar su imagen.
Y, Robbie Richards generó 150.732 visitas agregando etiquetas alt de imagen, comprimiendo imágenes y algunos otros trucos de SEO.
Sin la optimización adecuada de la imagen, está desperdiciando un valioso activo de SEO.
Es como si los motores de búsqueda estuvieran regalando Oreos y leche gratis. Pero, solo tomas las Oreo. Cuando en realidad, el Oreo está mucho mejor sumergido en leche.
La optimización de imágenes crea muchas ventajas, como una mejor experiencia de usuario, tiempos de carga de página más rápidos y oportunidades de clasificación adicionales. Y, se está convirtiendo en un papel cada vez más importante.
Como señaló Matt Southern, la declaración de Gary Illyes sobre la búsqueda de imágenes en un chat reciente de Reddit:
“Simplemente sabemos que la búsqueda de medios es demasiado ignorada por lo que es capaz de hacer por los editores, por lo que estamos lanzando más ingenieros y más alcance”.
Pero, ¿qué factores son los más importantes para garantizar que sus imágenes se puedan encontrar y no ralenticen su sitio?
Aquí hay 12 consejos importantes de optimización de imágenes que necesita saber.
1. Elija el formato correcto
Decodificar todos los diversos formatos de imagen puede parecer la primera vez que haces un pedido en Taco Bell. Pero, antes de que pueda comenzar a agregar imágenes a su sitio, debe asegurarse de haber elegido el mejor tipo de archivo.
Si bien hay muchos formatos de imagen para elegir, PNG y JPEG son los más comunes para la web.
- PNG: Produce imágenes de mejor calidad, pero viene con un tamaño de archivo más grande.
- JPEG: puede perder calidad de imagen, pero puede ajustar el nivel de calidad para encontrar un buen equilibrio.
- WebP: elija compresión sin pérdida o con pérdida utilizando este, el único formato de imagen compatible con Chrome y Firefox.
Para mí, PNG es el héroe anónimo del formato de imagen. Pero, para mi uso diario, PNG es el camino a seguir y luego convertirlos en WebP.
Solo tenga cuidado si está usando imágenes .jpg dentro de un formato SVG en línea como Los sistemas de Google no pueden indexar estos.
2. Comprime tus imágenes
Sí, el infierno no tiene tanta furia como una página web inflada después de subir una imagen que no está comprimida.
Los motores de búsqueda mirarán su página web como si mirara una gran tina de Crisco: no puede considerar seriamente poner eso en su sitio web, ¿verdad?
Según HTTP Archive, las imágenes componen en promedio 21% del peso total de una página web.
Es por eso que recomiendo encarecidamente comprimir sus imágenes antes de subirlas a su sitio. Puedes hacer esto en Photoshop o puedes usar una herramienta como TinyPNG.
TingPNG también tiene un complemento de WordPress que también puedes usar.
Sin embargo, prefiero WP Smush como mi complemento de WordPress. Reduce el tamaño del archivo de imagen sin eliminar la calidad.
Independientemente del complemento que utilice, asegúrese de encontrar uno que comprima las imágenes externamente en sus servidores. Reduce la carga en su propio sitio.
O vaya un paso más allá y use una imagen CDN que detecte el dispositivo y optimice la imagen antes de la entrega. Cloudinary e Imgix son dos opciones para probar.
Cada vez más.com mejoró la velocidad del sitio web en 33%/2 segundos comprimiendo imágenes.
Quiero decir, hay algo sexy en la velocidad de página más rápida cuando comprimes tus imágenes.
Si no está seguro de cómo sus imágenes están afectando la velocidad de su página, le recomiendo usar Google Herramienta PageSpeed Insights.
3. Crea imágenes únicas
Quieres que tus fotos aparezcan en tu sitio. Si llena su sitio web con imágenes de archivo, se verá poco original, como miles de otros sitios que no se destacan.
Demasiados sitios web están repletos de las mismas fotos de stock genéricas.
Piense en un sitio web corporativo, una empresa de consultoría, una empresa que se enorgullece de su servicio al cliente. Todos estos sitios web utilizan prácticamente la misma imagen de stock de un hombre de negocios sonriendo.
Estoy seguro de que has visto uno que se parece a esto:
Si bien puede tener sus imágenes de archivo perfectamente optimizadas, no tendrá el mismo impacto o los beneficios potenciales de SEO que una imagen original de alta calidad.
Cuantas más imágenes originales tenga, mejor será la experiencia para el usuario y mayores serán sus probabilidades de clasificarse en búsquedas relevantes.
Tenga en cuenta que es más probable que las imágenes grandes aparezcan en Google Discover.
Como Google recomienda en su recurso SEO avanzado,
“Las imágenes grandes deben ser al menos 1200 píxeles amplia y habilitada por la vista previa máxima de la imagen: configuración grande, o mediante el uso de AMP”.
No utilice su logotipo como imagen.
4. Cuidado con los derechos de autor
Independientemente de los archivos de imagen que elija usar, asegúrese de que no haya ningún conflicto de derechos de autor.
El Servicio Postal está pagando $3.5 millones en una demanda por derechos de autor de imágenes. Y, Skechers fue demandado por $2.5 millones.
Si Getty, Shutterstock, DepositFiles o algún otro proveedor de fotografías de archivo posee una imagen que utiliza y no tiene una licencia para usarla, se arriesga a una demanda costosa.
Bajo la Ley de derechos de autor del milenio digital (DMCA), se le podría emitir un aviso si ha violado algún problema de derechos de autor. Si el propietario de una pieza de contenido ve su contenido en su sitio web, puede emitir una Eliminación de DMCA que debe cumplir.
Imágenes de Google le permite filtrar los resultados en función de los disponibles para su reutilización, y Mindy Weinstein comparte 41 sitios web diferentes para encontrar imágenes gratuitas.
5. Personaliza los nombres de los archivos de imagen
Cuando se trata de SEO, la creación de nombres de archivo descriptivos y ricos en palabras clave es absolutamente crucial.
No personalizar el nombre de su archivo de imagen es como obtener un burrito sin nada. Simplemente apesta.
Nombres de archivos de imagen alerta a Google y otros rastreadores de motores de búsqueda en cuanto al tema de la imagen.
Por lo general, los nombres de los archivos se verán como “IMG_722019” o algo similar. Eso es como ordenar de un menú en un idioma diferente. No ayuda a Google.
Cambie el nombre del archivo predeterminado para ayudar a los motores de búsqueda a comprender su imagen y mejorar su valor de SEO.
Esto implica un poco de trabajo, dependiendo de cuán extensa sea su biblioteca de medios, pero siempre es una buena idea cambiar el nombre de imagen predeterminado.
Supongamos que tiene una imagen de chocolate, por ejemplo.
Podría nombrarlo simplemente “chocolate”, pero si vende chocolate en su sitio web, potencialmente cada imagen puede llamarse “chocolate-1”, “chocolate-2”, etc.
Llamé a esta imagen “café de chocolate negro” para permitir que los usuarios y los motores de búsqueda entiendan la imagen.
Relacionado: Google en los nombres de archivo de imágenes y un error sorprendente de SEO
6. Escribe texto alternativo compatible con SEO
Las etiquetas alt son una alternativa de texto a las imágenes cuando un navegador no puede representarlas correctamente. Similar al título, el atributo alt se usa para describir el contenido de un archivo de imagen.
Cuando la imagen no se carga, obtendrá un cuadro de imagen con la etiqueta alt presente en la esquina superior izquierda. Asegúrate de que encajen con la imagen y haz que la imagen sea relevante.
Prestar atención a las etiquetas alt también es beneficioso para la estrategia general de SEO en la página. Desea asegurarse de que todas las demás áreas de optimización estén en su lugar, pero si la imagen no se carga por algún motivo, los usuarios verán lo que se supone que es la imagen.
Además, agregar etiquetas alt apropiadas a las imágenes de su sitio web puede ayudar a su sitio web a lograr una mejor clasificación en los motores de búsqueda al asociar palabras clave con imágenes. Incluso Google ha comentado sobre la valor del texto alternativo en imágenes
Proporciona a Google información útil sobre el tema de la imagen. Usamos esta información para ayudar a determinar la mejor imagen para devolver la consulta de un usuario.
El texto alternativo es obligatorio según la Ley de discapacidades de los Estados Unidos para las personas que no pueden ver las imágenes por sí mismas. Un texto alternativo descriptivo puede alertar a los usuarios exactamente de lo que hay en la foto. Por ejemplo, supongamos que tiene una imagen de chocolate en su sitio web.
El texto alternativo podría leer:
Sin embargo, un mejor texto alternativo que describa la imagen diría:
El texto alternativo se puede ver en la versión de texto en caché de la página, lo que ayuda a beneficiar tanto a los usuarios como a los motores de búsqueda. Para obtener más valor de SEO, el texto alternativo puede actuar como texto de anclaje de un enlace interno cuando la imagen se vincula a una página diferente en el sitio.
7. Piense en la estructura del archivo de imagen
Google actualizó sus Directrices de imágenes. Una de las principales actualizaciones que revelaron fue que utilizan la ruta y el nombre del archivo para clasificar las imágenes.
Repetir: La ruta del archivo y el nombre del archivo es un factor de clasificación real.
Por ejemplo, si tiene una marca de comercio electrónico con varios productos, en lugar de colocar todas las imágenes de sus productos en una carpeta genérica /media/, le recomendaría estructurar sus subcarpetas con más temas relacionados con categorías como /shorts/ o /denim/.
8. Optimice el título y la descripción de su página
Google también reveló que utiliza el título y la descripción de su página como parte de su algoritmo de búsqueda de imágenes.
La página de soporte de Google dice:
Todos sus factores básicos de SEO en la página, como metadatos, etiquetas de encabezado, texto en la página, datos estructurados, etc., afectan la forma en que Google clasifica sus imágenes.
Es como poner todos tus ingredientes en tu burrito. Sabe mucho mejor con guacamole. Por lo tanto, asegúrese de agregar guacamole para mejorar la clasificación de imágenes.
9. Defina sus dimensiones
Si está utilizando AMP o PWA, debe definir las dimensiones de su imagen en el código fuente.
Sin embargo, si no está utilizando ninguno de los dos, sigue siendo una buena práctica definir el ancho y el alto. Proporciona una mejor experiencia de usuario.
Además, permite que los navegadores cambien el tamaño de la imagen antes de que se cargue el CSS. Esto evita que la página salte cuando se carga.
Los atributos de dimensión de imagen también son importantes para evitar problemas de cambio de diseño acumulativo (CLS) que pueden interferir con la optimización de Core Web Vitals.
Asegurarse de incluir atributos de ancho y alto para cada elemento de imagen y video es clave.
Esto le dice al navegador cuánto espacio asignar para el recurso y evita ese molesto cambio de contenido que reduce su puntaje CLS. Aprende más aquí.
10. Haz que tus imágenes sean compatibles con dispositivos móviles
Oh, SEO móvil. En el peor de los casos, puede darte una alta tasa de rebote y bajas conversiones. Pero, en el mejor de los casos, puede brindarle más poder de clasificación y una mejor participación del usuario.
El problema es, ¿cómo optimizas tus imágenes para el índice móvil primero?
Afortunadamente, Google ofrece orientación sobre las mejores prácticas para las imágenes.
En resumen, desea crear imágenes receptivas. Esto significa que la imagen se escalará con el tamaño del sitio, ya sea que el usuario esté usando una computadora de escritorio o un dispositivo móvil. Se ajusta al tamaño del dispositivo.
Mozilla ofrece una guía completa sobre el uso de los atributos srcset y tamaños para proporcionar al navegador imágenes de origen adicionales, lo que permite la visualización de contenido de imagen idéntico redimensionado para el dispositivo.
Es importante formatear esto con una parte diferente del valor del atributo en cada línea, como se demuestra en este ejemplo de su recurso:
elva-fairy-800w.jpg 800w”
tamaños = ”(ancho máximo: 600px) 480px,
800px”
src=”elva-fairy-800w.jpg”
alt=”Elva vestida de hada”>
Obtenga más información sobre el uso de srcset para imágenes receptivas aquí.
11. Agregue imágenes a su mapa del sitio
Ya sea que esté agregando sus imágenes a su mapa del sitio o creando un nuevo mapa del sitio para imágenes, desea que las imágenes estén en algún lugar de sus mapas del sitio.
Tener sus imágenes en un mapa del sitio aumenta en gran medida las posibilidades de que los motores de búsqueda rastreen e indexen sus imágenes. Por lo tanto, los resultados en más tráfico del sitio.
Si estás usando WordPress, Yoast y RankMath ofrecer una solución de mapa del sitio en su complemento.
12. Agregar datos estructurados
Los datos estructurados marcan sus tipos de contenido para guiar a Google y a los motores de búsqueda a fin de ofrecer mejores resultados visuales. Esencialmente, Google podría servir sus imágenes como un resultado enriquecido si agrega datos estructurados.
Por ejemplo, si usa el marcado de esquema en una página de producto y etiqueta la imagen como un producto, Google podría emparejar esta imagen con una etiqueta de precio. Los motores de búsqueda se saltan el algoritmo y utilizan la información proporcionada en los datos estructurados para proporcionar la imagen correcta.
Conclusiones clave de la optimización de imágenes
Entonces, antes de comenzar a cargar su imagen en su sitio, asegúrese de seguir los rituales de optimización de imágenes de arriba.
Lo más importante es asegurarse de que la imagen y el texto alternativo sean relevantes para la página. Otros puntos clave:
- Elija el formato de archivo adecuado. Los PNG son mis favoritos para las capturas de pantalla.
- Reduzca el tamaño del archivo para acelerar la velocidad de carga de la página.
- Asegúrese de que sus elementos de SEO en la página (metadatos, datos estructurados, etc.) coincidan con su imagen.
- Para la capacidad de rastreo, cree un mapa del sitio de imágenes o asegúrese de que sus imágenes aparezcan en su mapa del sitio.
La optimización de imágenes no es una broma. Con los avances en la tecnología de búsqueda por voz, los medios tienen una importancia creciente y todo su sitio se beneficiará al seguir los pasos anteriores.
¡Feliz optimización!
