Cuando la gente se ocupa de las imágenes, la optimización de los motores de búsqueda (SEO), sólo escoge las frutas de bajo costo: la optimización del tiempo de carga y los textos alternativos. El SEO de imágenes es una ciencia real y va mucho más allá de eso.
ElSEO de imágenes influye en el modo en que sus imágenes se clasifican en las imágenes de Google, pero no sólo eso. También afecta a su potencial de investigación orgánica en su conjunto: la optimización de sus imágenes para los motores de búsqueda también tendrá un impacto positivo en el ranking de su página.
Esta guía de SEO le proporcionará todos los consejos e información que necesita saber para optimizar perfectamente sus imágenes para los motores de búsqueda.
Por un lado, si rellenas Atributos de la imagen HTML adecuadamente fortaleces tu página semánticamente y ayudas a los motores de búsqueda a entender tu contenido.
Por otro lado, la optimización de las imágenes puede mejorar el tiempo de carga y la experiencia del usuario: no hay un buen artículo sin buenas imágenes.
En esta guía, haré un amplio recorrido por lo que necesita saber para sacar el máximo provecho de sus imágenes para los motores de búsqueda, pero también para sus usuarios. La guía de inicio del SEO de Google es muy clara en eso!
Todos los consejos y trucos que mencionaré en la guía están de alguna manera dirigidos a mejorar el SEO y la experiencia del usuario.
Los hechos no mienten: el marketing y el poder de SEO de las imágenes es una locura. ¡Tan loco!
Antes de crear nuestro plugin WordPress para Image SEO, peiné cada uno de los estudios relevantes de SEO y Marketing sobre el impacto de las imágenes en los motores de búsqueda y el comportamiento de los clientes. Aquí hay un resumen de lo que descubrí:
Esto significa que la optimización de sus imágenes aumentará tanto el tráfico orgánico (optimización SEO) como las ventas (optimización UX).
En este capítulo, repasaré todos los atributos HTML que importan para la optimización de imágenes:
El nombre de su archivo de imagen es uno de los factores más importantes para la optimización de imágenes.
El atributo de texto alternativo ayudará a los robots de Google a comprender el contenido de sus imágenes.
El atributo de texto del título es menos importante que el nombre del archivo y el atributo de texto alternativo cuando se trata de SEO.
El atributo de texto del título mejora la experiencia del usuario cuando se desplaza sobre una imagen.
Ok, no es mi coche, pero de todos modos!
La etiqueta de la figcaption se muestra a menudo bajo una imagen, para proporcionar más información sobre ella.
Usaré la misma foto para abordar cada atributo HTML de la imagen y ayudarte a entender las diferencias entre ellos.
Estoy seguro de que ya te has preguntado cuál es la diferencia entre la etiqueta ALT y la etiqueta TITLE, ¿no? ¡Así que empecemos!
Empecemos con lo más obvio y fácil: el nombre de la imagen. El SEO consiste en ayudar a los robots y rastreadores de los motores de búsqueda a entender su contenido y cómo sus usuarios interactúan con él. El nombre de tu imagen debería reflejar eso.
Esta cita viene de Matt Cutts que ha estado trabajando para Google desde enero de 2000. Por lo tanto, los nombres de las imágenes deben ser una combinación de unas pocas palabras clave relevantes.
Los nombres de las imágenes tienen que ser cortos pero descriptivos. Según los datos que hemos procesado desde la creación de nuestro plugin, las imágenes que más funcionan tienen una longitud de unos 12 caracteres.
Le aconsejamos que mantenga la longitud de su imagen entre 8 y 16 caracteres. Ni más ni menos.
Esta longitud corresponde a 2 o 3 palabras clave. Es suficiente para ayudar a Google a entender tus fotos y evitará que hagas un relleno de palabras clave.
Desde que Google ha estado dominando el mercado de los motores de búsqueda, el relleno de palabras clave se ha vuelto irrelevante o peor: Google ahora está penalizando más y más sitios web que usan relleno de palabras clave y habilidades de SEO de sombrero negro.
Le aconsejamos encarecidamente que aplique nuestras directrices y mejores prácticas a la hora de rellenar los atributos HTML de las imágenes para el SEO.
Puedes usar trucos como llenar tus textos o nombres alternativos con lo que hay en el título de tu página, pero bajo tu propio riesgo.
La gente a menudo se esfuerza por entender cómo escribir de forma optimizada textos alternativos porque no entienden qué es un texto alternativo y para qué se usan.
Primero aclaremos la terminología: El texto alternativo, el texto ALT, la etiqueta ALT, el atributo ALT, ALT son exactamente lo mismo. Punto.
Aunque el término más correcto es "atributo de texto alternativo" todos se refieren a lo mismo: una alternativa textual a la imagen.
La etiqueta ALT debe describir lo que hay en una imagen (= el contenido) y la función de esta imagen en la página.
Cada vez que una imagen tiene un propósito en su página, debe tener un texto alternativo.
Los textos ALT cumplen tres funciones.
Los textos de la ALT deben ser construidos sobre dos pilares: Contenido y Función. Tu ALT debe describir tu imagen (= contenido) y explicar por qué la usas para (= función).
El contexto de su página debe ser el vínculo lógico entre el contenido y la función de su imagen.
La mejor alternativa a la imagen en esta situación es "Tesla negro cargando con electricidad en un aparcamiento".
¿Por qué? Porque le da la cantidad justa de información a alguien con discapacidades visuales para entender de qué se trata esta imagen.
Los textos alternativos pueden (y deben) ser más largos que sus textos alternativos. No hay reglas al respecto: Intenta escribir el menor número posible de palabras clave para describir la imagen a alguien que no pueda verla.
Escribí un extenso artículo sobre cómo escribir perfectamente textos alternativos con ejemplos. Deberías echarle un vistazo.
You don’t need to add an alternative text on decorative images. You can let them blank of add a null alt tag: <img alt=””>.
Vimos varios plugins de WordPress que ofrecen generación automática de etiquetas de título para SEO: LA ETIQUETA DE TÍTULO NO IMPORTA PARA SEO.
No están indexados por los motores de búsqueda. Punto. Dicho esto, los textos de los títulos no son totalmente inútiles.
Los textos de los títulos se muestran cuando el usuario pasa el ratón por encima de una imagen o una foto. Puede ser agradable para la experiencia del usuario. Le recomendamos que no pase mucho tiempo en la optimización del texto del título. No son importantes para el SEO.
La figura y la figcaption son probablemente las armas de SEO y de marketing más subestimadas. Los usuarios se centran un 60% más en los textos de las ilustraciones que en los párrafos que las rodean. Eso es una locura.
El figura representa una unidad de contenido, opcionalmente con un pie de foto, que es autónoma, que se suele referir como una sola unidad del flujo principal del documento, y que se puede alejar del flujo principal del documento sin afectar el significado del mismo.
Fuente W3C : HTML: El Lenguaje de Marcas (una referencia del lenguaje HTML)
Los textos de las figuras deben ser escritos dentro de un elemento de la figura.
El elemento "figcaption" representa una leyenda para una figura.
Fuente W3C
Lo que diré para el título también es cierto para los párrafos que rodean sus fotos.
Para los motores de búsqueda, es más probable que el contenido que rodea a sus imágenes esté relacionado con ellas. Por lo tanto, es importante utilizar las palabras clave que se apuntan en el figcaption o justo antes o después de las imágenes.
Como dije antes, la gente claramente presta más atención a la leyenda. Tienes que usar esta oportunidad para enfatizar tus palabras clave, tu llamada a la acción, o tus argumentos más vendidos. También puede ser humor.
Los resultados de las pruebas que hice son muy claros: las imágenes con figcaption se clasifican mejor cuando están rodeadas de una leyenda optimizada.
Los nombres de las imágenes tienen que ser cortos; los textos alternativos (alt) tienen que ser descriptivos, los textos de los títulos pueden dejarse en blanco pero los títulos de las figuras tienen que ser pegadizos.
Usa, en una frase, tu mejor línea de golpe, si es posible usando palabras clave optimizadas para SEO, pero piensa primero en UX.
En este ejemplo, optimicé UX primero con un chiste (pobre), pero también optimicé el SEO usando palabras clave como "coche", "electricidad", "recambio" y Tesla.
Sin plugins, la optimización de Image SEO en WordPress es un dolor de cabeza. Por ejemplo, no puedes renombrar tus imágenes después de subirlas.
Con suerte, hemos desarrollado un plugin de SEO que utiliza la inteligencia artificial para ayudar a la gente a lidiar con este problema.
Plugin de SEO de imágenes utiliza la IA para rellenar automáticamente los textos alternativos y reescribir los nombres de las imágenes. Puedes optimizar tus imágenes al subirlas o aumentar el volumen de toda la biblioteca.
El plugin Image SEO Optimizer es un increíble ahorro de tiempo.
Hay una versión gratuita para los bloggers ocasionales (10 optimizaciones de imagen cada mes). De lo contrario, puede suscribirse a un plan mensual a partir de 4,99 euros o comprar un paquete de imágenes.
¡Este plugin ahorra una tonelada de tiempo!
Las imágenes son el mejor recurso para la experiencia del usuario porque hacen que su página sea útil y atractiva.
Sin embargo, las imágenes también pueden ser tu peor pesadilla porque aumentan el tiempo de carga de la página. También pueden romper tu diseño web o llevar a cabo el mensaje equivocado.
Significa que no debes abusar de las imágenes. También significa que tienes que ser muy exigente cuando se trata de la selección de imágenes o fotografías.
En esta sección de la guía, utilizaré los consejos de fotógrafos profesionales para ayudarles a elegir sus imágenes.
A los clientes les gusta el contenido original y nuevo. Es más probable que cierren una página web con información o un producto que ya han visto en otro lugar.
Sin embargo, ¿cuáles son las primeras cosas que los ojos de los usuarios reciben cuando llegan a una página? Su imagen principal. Tal vez el título.
Significa que la primera imagen de tu página tiene que ser pegadiza y original. Esto es esencial y puede disminuir significativamente la tasa de rebote de la página.
Imaginemos que tu página es un perfil de Tinder: tienes que usar primero TU mejor foto si quieres que las chicas o los chicos sigan desplazándose por tu perfil. Debería ser igual para una página web: usa primero tu mejor imagen si quieres que la gente siga bajando.
Insisto en este punto: para ser optimizado, la primera imagen de su página debe ser única. A la gente no le gusta el contenido falso o duplicado, tampoco a Google.
Las imágenes únicas tienen más probabilidades de aparecer en los resultados de la búsqueda y es ahí donde quieres que tus imágenes sean correctas.
Así que es mejor si tu imagen destacada no viene de un sitio web de fotos de stock gratuito.
Pasé mucho tiempo en Reddit y Quorum antes de escribir esta guía para entender lo que la gente preguntaba sobre la optimización de la optimización de la imagen. " Es mejor usar png o jpeg para el SEO " fue una de las 5 preguntas más importantes.
Lamentablemente, no hay una buena respuesta a esa pregunta: el formato de la imagen siempre debe adaptarse al propósito de la misma.
JPEG (Joint Photographic Experts Group) es el formato de imagen más común en Internet. Deberías usarlo para imágenes en las que la calidad es importante: fotografía, hoja de producto, etc.
Los archivos JPEG pueden ser comprimidos enormemente, lo que lleva a imágenes de calidad con tamaños de archivo relativamente pequeños. Siempre debes comprimir tu imagen.
Alerta de spoiler: Las páginas web son mejores que los JPEG para el SEO.
PNG (Portable Network Graphics) fue creado para reemplazar al GIF. Las imágenes PNG tienen mejor calidad y tamaño que las GIF. Los archivos PNG soportan la transparencia, lo que los hace realmente útiles para los gráficos o iconos.
No deberías usar PNG para las imágenes o la fotografía porque la relación calidad/tamaño es mucho mejor con JPEG.
En 2020, la única razón que justifica el uso de GIF en Internet es el arte simple y las animaciones.
Si no son realmente buenas para el SEO, las imágenes GIF tienen un increíble poder de marketing y puede ser bueno poner un GIF en una página de destino.
SVG (Scalable Vector Graphics) es un formato muy bueno para el SEO por dos razones: es ligero y responde bien . Las imágenes SVG también son impresionantes en una pantalla de la retina.
Las imágenes SVG y sus comportamientos se definen en archivos de texto XML, lo que significa que pueden ser creados y editados con cualquier editor de texto. Deberías intentar usar imágenes SVG tan a menudo como sea posible para tu optimización SEO.
No todas las imágenes pueden ser convertidas en SVG. Para obtener su archivo SVG necesita descargar Adobe Illustrator o utilizar un convertidor de imágenes en línea. Tenga cuidado con el archivo o código SVG que encuentre en Internet. Pueden abrir una brecha de seguridad en su sitio web.
Personalmente tengo mi archivo SVG de Flaticon. La mayor base de datos de iconos gratuitos disponible en SVG.
Como JPEG o PNG, WebP es un método de compresión con pérdida que puede ser usado para fotos o imágenes. Un estudio comparativo hecho por Google recientemente demostró que los archivos WebP logran una media de un 30% más de compresión que los JP EG sin pérdida de calidad de imagen.
Por lo tanto, debe priorizar el uso de WebP sobre JPEG o PNG. Tendrá un impacto positivo en el tiempo de carga.
Además, tenga en cuenta que el formato WebP ha sido desarrollado por Google y no es un secreto que Google tiende a favorecer sus propios productos.
Toda la información está disponible en el sitio web de Google. Tenga en cuenta que tendrá que estar cómodo con la escritura de comandos en la terminal de su sistema de explotación.
No es ciencia de cohetes, pero si tienes problemas, envíame un mensaje a aurelio@imageseo.io y escribiré un artículo sobre ello.
También puedes usar un convertidor de imágenes en línea (ver arriba) o un plugin como Imagify.
Formato de la imagen | Recomendaciones de SEO |
---|---|
JPG / JPEG | Priorizar el uso de WebP. |
PNG | Sólo usa PNG cuando necesites la transparencia o para imágenes realmente pequeñas. |
GIF | Sólo usa GIF cuando necesites animar una imagen. |
SVG | Utilice el SVG con la mayor frecuencia posible, pero no descargue el SVG de sitios web en los que no confíe. |
WebP | Siempre debe tratar de usar WebP sobre otros formatos cuando no esté restringido por la transparencia o la animación. |
El formato WebP es un esfuerzo relevante para la optimización de imágenes.
Losmetadatos EXIF son utilizados por las cámaras para almacenar información en las fotos, durante la compresión de la imagen. Incrustan datos como la fecha, la hora, el modelo y los ajustes de la cámara, la geolocalización, etc. A veces son utilizados por la policía para averiguar dónde se tomó una foto. Son útiles para los algoritmos de Google porque llevan a cabo datos específicos sobre su foto.
La optimización de datos EXIF no debería ser su prioridad cuando optimice el SEO de su imagen. Necesitas enfocarte primero en los nombres de las imágenes, los textos alternativos y la compresión.
Dicho esto, realmente vale la pena pasar el tiempo optimizando los datos EXIF de algunas imágenes. Puede ser el factor de clasificación que le permita superar a sus competidores.
Ten en cuenta que los datos Exif e IPTC también son importantes para Google Lens.
Para editar y optimizar sus datos EXIF para SEO sólo necesita GIMP, pero también puede hacerlo con Adobe Photoshop o Adobe Lightroom.
El camino es..: Imagen > Metadatos > Editar Metadatos.
Luego, seleccione los campos vacíos que desea actualizar y haga clic en "Escribir metadatos".
Sólo añada datos relevantes como 2 o 3 palabras clave (no más), autor y ubicación, especialmente si su imagen concierne a un negocio local.
No olvides marcar las tres casillas Datos Exif, Datos XMP y Datos IPTC cuando exportes tu imagen.
Sé que los fotógrafos están realmente interesados en este tema. Si tienes un sitio web de fotos, mira mi ultima Guía SEO para fotógrafos. ¡Te gustará!
Cuando no tomo las fotos yo mismo (recuerda lo que dije sobre la importancia de los criterios de originalidad para la optimización del SEO de las imágenes) las consigo en dos sitios dedicados a compartir gratuitamente la fotografía de stock: UnSplash y Pixabay. Tienen un montón de fotos increíbles libres de derechos.
También puedes usar a Canva para crear ilustraciones increíbles.
Si has leído hasta aquí en la guía, sabes que el tiempo de carga de las páginas puede impactar dramáticamente en tu posición en el ranking de las SERPs. Si no las optimizas, las imágenes pueden tener un impacto negativo en tu SEO debido a su tamaño.
Google dijo que la velocidad del sitio es uno de los factores más importantes usados por su algoritmo para clasificar los sitios web.
Las páginas con largos tiempos de carga también son malas para la experiencia del usuario. Esto puede tener consecuencias sustanciales: reducir la tasa de rebote, provocar críticas negativas, reducir la conversión, etc.
Uno de los errores más comunes en el SEO de imágenes es cuando subes una imagen grande y luego la muestras muy pequeña. En esta situación, la imagen grande siempre se sube. Por lo tanto, es importante que te tomes el tiempo de cambiar el tamaño de las imágenes para que se muestren de la manera que quieres.
Tenga en cuenta que WordPress proporciona automáticamente imágenes de múltiples tamaños y de respuesta después de la carga. Si no usas WordPress, tienes que hacerlo tú mismo con GIMP, Sketch, Photoshop o Illustrator.
Una vez que hayas creado tu imagen en varios tamaños, necesitas añadirle un atributo srcset. Esto permitirá a los navegadores seleccionar la fuente de archivo apropiada para cada dispositivo.
Puede definir el tamaño por el ancho de la imagen (w) o por la densidad de la imagen (x). No mezcle ambos como en nuestro ejemplo. Sólo lo hice para mostrarte la estructura.
No hay evidencia de que debas usar uno sobre el otro, pero como soy un fanático del control, te recomendaría usar el ancho, sobre la densidad.
El ancho es menos probable que rompa tu diseño o algo así.
La carga lenta es una técnica de Javascript que retrasa la carga de las imágenes, dejándolas "fuera de pantalla" hasta que las necesitas. La carga lenta sólo entra en acción cuando los usuarios llegan a su contenido mientras se desplazan por la página.
La pereza en la carga de sus imágenes no evitará que sean indexadas por los robots de Google. Es una victoria rápida para SEO y UX. Sin embargo, ten cuidado: no debes cargar todas tus imágenes por pereza. Sólo las que no son críticas.
Si usas WordPress, hay un excelente plugin de optimización de velocidad llamado WP-Rocket que puede implementar Lazy-Loading en las imágenes por ti.
Si no lo estás, te invito a leer las directrices de Google sobre la implementación de Lazy loading o la guía de Lazy loading de CSS-Trick.
Edición: la última versión de WordPress implementa de forma nativa la carga de imágenes.
La compresión de imágenes es el fruto de la optimización SEO de imágenes: tienes que cogerla. Aumentará el rendimiento de su página y mejorará su experiencia de usuario.
No hay que tener miedo de comprimir las imágenes: la mayoría de las veces el usuario no puede ver la calidad perdida.
Hay dos técnicas principales para la compresión de imágenes: Compresión sin pérdidas y compresión con pérdidas.
Ya mencioné antes la importancia de EXIT y los metadatos para el SEO. El método de compresión de imágenes sin pérdidas es casi sólo para deshacerse de estos metadatos. Por eso dije que sólo debes optimizar los datos EXIF para tus imágenes más importantes.
En el método de compresión de imágenes con pérdida no se descomprimen los datos digitales hasta el 100% del original. Significa que cuando usas compresión con pérdida, tu imagen perderá algunos píxeles y por lo tanto algo de calidad.
En este punto, probablemente te preguntes: ¿debo usar una compresión de imagen con o sin pérdidas para mis imágenes? La mayoría de las guías y blogs de SEO que hablan de la optimización de imágenes dicen que se trata de encontrar un buen compromiso entre el tamaño del archivo y la calidad de la imagen. Esto es cierto, pero no del todo.
SEO se trata de encontrar un buen compromiso, PERO cuando se trata de compresión de imágenes podemos engañar a los ojos humanos y es por eso que debes priorizar la compresión sobre la calidad. Hasta cierto punto, por supuesto.
Puede comprimir sus imágenes con software (GIMP, Photoshop, Illustrator, etc.) o servicios de compresión en línea como Image Optim.
Si usas WordPress, te recomiendo que uses ShortPixel porque:
Si no te gusta ShortPixel, Imagify, Smush son también excelentes alternativas para la compresión y optimización de imágenes en WordPress.
Para que las imágenes de su sitio sean incluidas en la SERP, deben ser incluidas en el índice de Google.
La indexación de sus imágenes por Google está determinada por algoritmos, pero puede influir en el proceso y ayudar a los motores de búsqueda creando sitemaps de imágenes.
Un mapa del sitio es un archivo XML en el que se proporciona información sobre las páginas, los vídeos y las imágenes de su sitio, y las relaciones entre ellos. Ayuda a los motores de búsqueda a rastrear su sitio web.
Si su enlace interno está optimizado y su sitio es pequeño, no debería necesitar mapas de sitio. Sin embargo, tan pronto como sus sitios sean grandes, los rastreadores pueden pasar por alto su contenido y omitir alguna parte del mismo. Por este motivo, los sitemaps y los sitemaps de imágenes son importantes para el SEO: pueden garantizar que todo su contenido sea indexado por Google.
Puede utilizar un mapa de sitio separado para listar las imágenes, o puede agregar información de la imagen a un mapa de sitio existente. Este ejemplo muestra una entrada de mapa del sitio para la página http://imagesitemap.com/page.html, que contiene tres imágenes.
Cuando sus imágenes sitemaps estén listas, no olvide enviarlas a Google con la herramienta Sitemaps de la consola de búsqueda. Para todos los demás motores de búsqueda, añada la siguiente línea de código en su archivo robots.txt:
Sitemap: http://mysitemap.com/sitemap_location.xml
Todos los principales plugins de SEO disponibles en WordPress tienen una función de creación de mapas de sitio de imágenes. Recomiendo usar SEOPress sobre Yoast y RankMath.
¿Por qué? Porque he trabajado con gente de SEOPress en el pasado y su apoyo es realmente reactivo.
He estado trabajando diariamente en la optimización de imágenes durante los últimos 10 meses y si tuviera un comentario adicional que hacer sería: el futuro de la web es visual. Deberías prestar atención al SEO de imágenes porque el retorno de la inversión en acciones de SEO de imágenes es muy bueno.
Estamos llegando al final de esta guía sobre la optimización de la imagen SEO. Si tienes una pregunta o un comentario, ¡no dudes en enviarme un mensaje en Twitter!