¿El SEO de imágenes realmente atrae tráfico, o es solo otra tarea de SEO que te mantiene ocupado?
La mayoría de los propietarios de sitios web optimizan su texto para las búsquedas, pero tratan sus imágenes como una ocurrencia tardía. Eso puede significar perder oportunidades para aparecer en Google Imágenes y respuestas de IA.
En esta guía, aprenderás a optimizar imágenes en WordPress y a convertirlas en otra forma para que las personas encuentren tu sitio web.
Esto es lo que cubriremos en este artículo:
- Renombra tus archivos de imagen antes de subirlos
- Escribe texto alternativo que ayude al SEO y la accesibilidad
- Optimiza el título, la leyenda y la descripción de la imagen
- Redimensiona y comprime imágenes para acelerar tu sitio
- Elige el formato de imagen correcto
- Sirve imágenes rápidamente: carga diferida, imágenes responsivas y una CDN
- Ayuda a Google a encontrar tus imágenes: sitemaps de imágenes y datos estructurados
- Tutorial en video
- Preguntas frecuentes sobre SEO de imágenes
- Recursos adicionales sobre optimización de imágenes de WordPress
Renombra tus archivos de imagen antes de subirlos
Renombra tus archivos de imagen antes de subirlos a WordPress. Un nombre de archivo descriptivo da a los motores de búsqueda una ligera pista sobre lo que muestra una imagen y les ayuda a comprender su relevancia para la página.
Por ejemplo, si estás agregando una foto de una casa de madera roja, renombra DSC00434.jpeg a casa-de-madera-roja.jpeg. Evita nombres genéricos, números generados por la cámara o nombres de archivo que no describan la imagen.
Usa guiones (-) para separar palabras en tus nombres de archivo en lugar de guiones bajos (_). Los motores de búsqueda pueden interpretar los guiones como espacios entre palabras, lo que hace que casa-de-madera-roja.jpg sea más fácil de entender que casa_de_madera_roja.jpg.
No necesitas incluir palabras clave en tus nombres de archivo. En su lugar, usa un nombre corto y descriptivo que coincida con la imagen.
Escribe texto alternativo que ayude al SEO y la accesibilidad
El texto alternativo es una breve descripción que se agrega a una imagen en HTML. Ayuda a los lectores de pantalla a describir la imagen a los visitantes y brinda información útil sobre ella a los motores de búsqueda.
Escribe texto alternativo que describa claramente la imagen y se ajuste al contexto de tu artículo. Google utiliza el texto alternativo, junto con el contenido circundante, para comprender lo que muestra la imagen.
Por ejemplo, si estás escribiendo sobre el cultivo de tomates, una imagen de plantas de tomate en un jardín podría usar un texto alternativo como Plantas de tomate creciendo en un bancal elevado.
Si tu sitio ya tiene cientos de imágenes sin texto alternativo, no tienes que actualizarlas una por una. Puedes conectar tu sitio con una herramienta de IA, como ChatGPT a través del plugin gratuito WPVibe y generar texto alternativo en bloque con él.
También puedes seguir nuestra guía sobre cómo generar texto alternativo de imágenes automáticamente con IA para explorar otras opciones.
¿Cuánto debe medir el texto alternativo?
Google no establece un límite de caracteres para el texto alternativo. La guía común de 125 caracteres en realidad proviene de cómo los lectores de pantalla más antiguos, como JAWS, solían cortar el texto alternativo largo en fragmentos.
Concéntrate en los detalles que ayudan a las personas a comprender la imagen en lugar de intentar alcanzar una longitud específica. Aquí tienes algunos ejemplos:
| Demasiado vago | Mejor texto alternativo | Texto alternativo más descriptivo |
|---|---|---|
| Pan | Pan en una mesa | Pan de masa madre enfriándose en una rejilla metálica |
| Japón | Turistas visitando Japón | Turistas visitando el Santuario Fushimi Inari en Kioto, Japón |
| Panel de control de WordPress | Editor de sitios de WordPress | El editor del sitio de WordPress mostrando la plantilla de la página de inicio |
Comienza con la parte más útil de la descripción en lugar de frases como "imagen de" o "foto de". Los lectores de pantalla ya identifican el contenido como una imagen, por lo que esas palabras solo añaden ruido adicional.
Si la imagen necesita una explicación más larga, pon esa información en el contenido circundante o en un título en lugar de intentar meter todo en el texto alternativo.
Optimiza el título, la leyenda y la descripción de la imagen
WordPress te ofrece varios campos para describir una imagen, como Título, Título (Caption) y Descripción.
Sirven para diferentes propósitos, pero una información clara de la imagen puede ayudar a los motores de búsqueda y a los sistemas de IA a entender qué muestra una imagen y cómo se relaciona con tu contenido.
Ten en cuenta que editar estos campos en la Biblioteca de Medios no actualiza las imágenes que ya has colocado en publicaciones o páginas. Necesitarás editar esas imágenes directamente donde aparecen.
Título de la imagen
El título de la imagen te ayuda a identificar y organizar las imágenes en la Biblioteca de Medios de WordPress. Además, puede ayudar a las herramientas de búsqueda de IA a entender tu contenido.
Descripción de la imagen
El campo de descripción te permite agregar información adicional sobre una imagen en tu Biblioteca de Medios de WordPress.
Título (Caption) de la imagen
Un título (caption) aparece debajo de la imagen y brinda contexto adicional a los visitantes. Úsalo cuando necesites explicar una imagen, proporcionar atribución o señalar un detalle importante.
Google dice específicamente que usa los títulos y los captions de las imágenes para entenderlas. Mantén tus captions claros y relevantes para la imagen y la página.
Redimensiona y comprime imágenes para acelerar tu sitio
Los archivos de imagen grandes pueden ralentizar tus páginas, lo que puede afectar las clasificaciones y hacer que los visitantes se vayan más fácilmente. Redimensionar y comprimir tus imágenes es una de las formas más sencillas de mejorar la velocidad de la página.
Antes de subir una imagen a WordPress, redimensiónala al tamaño más grande que tu sitio necesita. No tiene sentido subir una imagen de 4000 píxeles de ancho si tu sitio web la muestra a solo 1200 píxeles de ancho.
A continuación, comprime la imagen para reducir su tamaño de archivo sin reducir notablemente su calidad.
La compresión también puede eliminar metadatos de la cámara que los visitantes nunca ven, haciendo los archivos aún más pequeños. En WPBeginner, usamos TinyPNG para comprimir imágenes antes de subirlas.
También puedes usar plugins como EWWW Image Optimizer o Optimole para automatizar la compresión de imágenes.
Para obtener instrucciones paso a paso, consulta nuestra guía sobre cómo optimizar imágenes para el rendimiento web sin perder calidad.
Elige el formato de imagen correcto
El formato de imagen correcto puede ayudarte a equilibrar la calidad de la imagen y el tamaño del archivo. Esto es lo que debes usar para los tipos de imágenes más comunes:
| Formato de imagen | Lo mejor para |
|---|---|
| WebP | Una buena opción para la mayoría de las fotos y gráficos. Proporciona una buena calidad de imagen con tamaños de archivo más pequeños que formatos antiguos como JPEG y PNG. |
| AVIF | Fotos y otras imágenes detalladas cuando deseas tamaños de archivo muy pequeños. Ofrece una excelente compresión, pero algunos editores de imágenes y herramientas antiguas no pueden abrirlo o exportarlo. |
| JPEG | Fotos y otras imágenes con muchos colores. Sigue siendo una opción práctica cuando necesitas un formato ampliamente compatible. |
| PNG | Logotipos, capturas de pantalla y gráficos que necesitan transparencia o detalles nítidos. |
| SVG | Logotipos, íconos y otros gráficos vectoriales sencillos que necesitan mantenerse nítidos en diferentes tamaños. |
Puedes obtener más información sobre las diferencias entre WebP, PNG y JPEG en nuestra guía sobre el mejor formato de imagen para WordPress.
Sirve imágenes rápidamente: carga diferida, imágenes responsivas y una CDN
WordPress carga automáticamente las imágenes que no son visibles de inmediato en la pantalla de forma diferida (lazy load) y utiliza imágenes responsivas con srcset para que los navegadores puedan descargar un tamaño de imagen apropiado para cada pantalla.
Lo principal a tener en cuenta es tu Largest Contentful Paint (LCP), el tiempo que tarda en cargarse el elemento visible más grande de la página.
Si tu imagen principal aparece cerca de la parte superior de la página, no querrás que la carga diferida la retrase. WordPress ya omite la carga diferida para las primeras tres imágenes de una página.
Si usas un plugin como Optimole, puedes cambiar cuántas imágenes principales se excluyen de la carga diferida. Para más consejos, consulta nuestra guía sobre cómo cargar imágenes fácilmente de forma diferida en WordPress.
Si tu sitio tiene visitantes en todo el mundo o sirve muchas imágenes grandes, una red de entrega de contenido (CDN) puede ayudar enviando tus archivos desde un servidor más cercano a cada visitante.
Ayuda a Google a encontrar tus imágenes: sitemaps de imágenes y datos estructurados
La mayoría de los sitios de WordPress no necesitan un mapa de sitio de imágenes independiente. Google generalmente puede descubrir imágenes rastreando las páginas donde aparecen.
Un mapa de sitio de imágenes puede ser útil si tienes un sitio grande y con muchas imágenes, o si usas imágenes que son difíciles de descubrir a través de la navegación normal y los enlaces internos.
Si usas AIOSEO, no necesitas crear un mapa de sitio de imágenes independiente porque agrega tus imágenes a su mapa de sitio XML por defecto.
Consulta nuestra guía sobre cómo crear un mapa de sitio en WordPress para obtener detalles.
Para el contenido donde las imágenes son una parte importante del resultado, los datos estructurados pueden darle a Google más información sobre la página.
Por ejemplo, el esquema de Producto puede describir la imagen, el precio y la disponibilidad de un producto, mientras que el esquema de Receta puede proporcionar información sobre una receta y su imagen.
Estos detalles pueden ayudar a Google a entender la página y hacerla elegible para obtener resultados de búsqueda más enriquecidos.
No necesitas un esquema especial para Resúmenes de IA o Modo IA. Google puede usar las mismas señales de SEO para entender tu contenido, así que solo agrega datos estructurados cuando encajen en tu página.
Para más información, sigue nuestra guía sobre cómo usar fragmentos enriquecidos en WordPress.
Tutorial en video
Preguntas frecuentes sobre SEO de imágenes
¿Es WebP mejor que JPEG o PNG para SEO?
No, Google no da ninguna ventaja de clasificación a ningún formato de imagen.
WebP puede ofrecer buena calidad con un tamaño de archivo menor, pero JPEG, PNG, AVIF y SVG tienen situaciones en las que tienen más sentido. Elige el formato que te ofrezca el equilibrio adecuado entre calidad y tamaño de archivo.
¿La gente puede encontrar mi sitio web buscando con una foto?
Sí, Google Lens permite a las personas buscar con una imagen para encontrar imágenes similares, identificar objetos en la imagen y descubrir sitios web que usan la misma imagen o una similar.
¿Cómo hago para que mis imágenes aparezcan en los Resúmenes de IA y las respuestas de IA de Google?
No hay ningún truco especial de SEO de imágenes que garantice la colocación en Resúmenes de IA o Modo IA. Google recomienda los mismos fundamentos de SEO que utiliza para la búsqueda normal.
Esto significa crear contenido útil, proporcionar una buena experiencia de página, mantener tus páginas rastreables y usar imágenes de alta calidad que mejoren tu contenido.
Recursos adicionales sobre optimización de imágenes de WordPress
- Cómo encontrar imágenes libres de derechos para tus publicaciones de blog de WordPress
- Cómo crear una galería de imágenes en WordPress (paso a paso)
- Cómo solucionar problemas comunes de imágenes en WordPress (Guía fácil)
Si te gustó este artículo, suscríbete a nuestro Canal de YouTube para ver tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
bonmot
El código después de “Si estás familiarizado con el código, también puedes hacerlo manualmente agregando el siguiente código directamente al archivo functions.php de tu tema.” parece estar incompleto. ¿No debería haber:
function wpb_redirect_attachment_to_post () {
antes
if ( is_attachment() ) {
?
Soporte de WPBeginner
Gracias por darte cuenta, debería estar arreglado en el artículo ahora
Administrador
Jiří Vaněk
¿Tiene el formato de imagen algún efecto en el SEO? ¿Es jpeg, webp o png? Uso webp por el tamaño, ¿hay una mayor probabilidad de que Google prefiera este tipo de imagen para el SEO por su tamaño?
Soporte de WPBeginner
A menos que sepamos lo contrario, no hay una ventaja SEO en el formato de imagen; lo mejor sería usar el formato de imagen que mejor se adapte al uso de la imagen.
Administrador
Jiří Vaněk
Gracias por la respuesta, esperaba que Google prefiriera un formato de imagen personalizado y también que prefiriera el tamaño. Daño. De todos modos, gracias por la respuesta. Uso webp en la web y seguiré usándolo.
Patricia
“Nota: Cambiar la etiqueta alt o el pie de foto de una imagen a través de la Biblioteca de medios no la cambiará en las publicaciones y páginas donde la imagen ya se está utilizando.”
Si este es el caso, ¿cómo puedo ajustar las etiquetas alt de las imágenes que ya están en uso?
Joe Staiano
¿Está bien editar todas estas fotos en mi Biblioteca de medios del Panel de control de WP si el sitio web y las páginas individuales ya están publicadas y en vivo? ¿Necesito eliminar cada foto y volver a cargar una versión copiada de la foto que tenga las etiquetas Alt, Título y Descripción correctas?
Soporte de WPBeginner
Si realizó cambios en la biblioteca de medios en las etiquetas de imagen, necesitaría volver a agregar las imágenes para que la información sea la que usted ha cambiado para los medios que ya están en su sitio.
Administrador
Nelda Schulte
Esa fue una gran explicación. He estado buscando este tipo específico de información durante días, la suya fue la mejor que encontré. ¡Gracias!
Soporte de WPBeginner
De nada
Administrador
Philbeaux
¿La descripción de una imagen adjunta tiene algún efecto en el SEO de una página?
Soporte de WPBeginner
No tiene un gran impacto en el SEO en este momento.
Administrador
Favian
Re: tamaño de imagen – He subido imágenes de 1200x1200px a menos de 1 MB. ¿Tiene sentido reducir el tamaño del archivo directamente en WP (por ejemplo, insertar imágenes no en 'tamaño completo', sino en 'grande', 'mediano', etc.)? ¿O tengo que cuidar el tamaño de la imagen al subirla directamente desde mi disco duro? Gracias
Soporte de WPBeginner
En ese punto, se convierte más en una cuestión de preferencia personal, pero preferimos optimizar y redimensionar las imágenes antes de subirlas a un sitio de WordPress si eso es lo que quieres decir.
Administrador
Ahmed
Gracias por esta buena publicación.
Soporte de WPBeginner
De nada, nos alegra que te haya gustado nuestra publicación
Administrador
sanjay sajeev
Hola,
Gracias por compartir los consejos de optimización de imágenes. Mi preocupación es otra cosa. Por ejemplo, publiqué una entrada de blog que incluía una imagen. Más tarde, quiero eliminar esa imagen de la publicación y agregar una nueva. Si la elimino y agrego una nueva imagen. ¿Afectará el SEO de mi sitio?
Soporte de WPBeginner
No debería haber un gran cambio en el ranking del SEO de tu sitio si cambias la imagen.
Administrador
Jad
¿Qué pasa con el campo de descripción?!
Soporte de WPBeginner
Ese campo es para mostrar texto en la página de adjuntos de la imagen o debajo de la imagen, dependiendo del diseño de tu tema, en lugar de algo importante para el SEO en este momento.
Administrador
Denisse
¡Hola! Muchas gracias por esta información. He estado buscando una publicación como esta durante mucho tiempo.
Para las fotos mías que van debajo de la sección "Acerca de mí" en mi blog, ¿todavía necesitan metadatos?
Soporte de WPBeginner
Recomendaríamos agregar metadatos a esas imágenes también.
Administrador
denisse
Agradezco tu pronta respuesta.
Avinash
Hola,
Gracias por el gran artículo.
¿Hay alguna guía específica para agregar texto alternativo a la imagen de portada del blog?
Soporte de WPBeginner
Lo seguirías igual que para otras imágenes, al seleccionar la imagen deberías tener la opción de editar las etiquetas con el cargador de medios.
Administrador
Tom
Hola:
¡¡¡Gran artículo!!!
Tengo una pregunta, dijiste: “Cambiar la etiqueta alt o el pie de foto de una imagen a través de la Biblioteca de Medios no la cambiará en las publicaciones y páginas donde la imagen ya se está utilizando”.
¿Eso significa que necesito volver a insertar la imagen después de agregar la etiqueta alt en la Biblioteca de Medios?
Gracias
Soporte de WPBeginner
Después de configurarlo en la biblioteca de medios, una vez que intentes agregarlo a una publicación, debería traer las etiquetas que configuraste en la biblioteca de medios.
Administrador
ivykaye
Gracias
Soporte de WPBeginner
De nada
Administrador
Franci Hoffman
Esto es muy útil, Syed, especialmente tu explicación sobre “Cómo agregar texto alternativo, título y pie de foto a las imágenes en WordPress”.
Gracias.
Soporte de WPBeginner
Me alegra que nuestro artículo haya sido útil
Administrador
Rob
He estado haciendo SEO desde antes de que existiera Google. Vine a leer esto solo por diversión y porque confío en WP beginner.
De hecho, aprendí algo.
No tenía idea de que la etiqueta alt se usaba en la búsqueda de imágenes de Google para describir la imagen.
Soporte de WPBeginner
Nos alegra que nuestro artículo haya podido enseñar algo nuevo
Administrador
Linda
Debido a las limitaciones de tiempo y al gran volumen de fotos que me piden publicar en más de 5 sitios web que administro para mi organización, a menudo descuido los metadatos y me arrepiento más tarde. Este es un artículo muy importante y un gran incentivo para que todos organicemos nuestras bibliotecas de medios desde el principio y nos disciplinemos con cada imagen agregada para proporcionar esta información. (¡Sin mencionar nuestras publicaciones y páginas!)
Gracias.
Soporte de WPBeginner
Gracias por tus comentarios sobre nuestro artículo y la importancia de los metadatos
Administrador
John Monyjok Maluth
¡Guau! Otro gran artículo. Necesito esto para mejorar mis imágenes. Sí, estoy usando Yoast SEO, pero nunca pensé en usarlo para mejorar las imágenes en mi sitio, especialmente desactivando las “páginas de adjuntos”.
Gracias por ayudarme a encontrar los mejores consejos de WordPress cuando los necesito. Me has enseñado muchas cosas.
John Shalom
Soporte de WPBeginner
Nos alegra que nuestro artículo haya podido ayudar
Administrador
Nur Salam
¿Debo usar archivos originales de fotos de stock? Porque las imágenes son de alta resolución y tamaño. Y gtmetrics sugirió usar fotos optimizadas...
Soporte de WPBeginner
Dependiendo de dónde obtuviste la foto de stock, querrás revisar su acuerdo de licencia para asegurarte de que esté permitido.
Administrador
Chris
Regularmente recibo un mensaje en mi escritorio sobre su sitio. ¿Cómo detengo esto?
Soporte de WPBeginner
Si tu navegador aceptó automáticamente nuestras notificaciones push por alguna razón, deberías poder hacer clic derecho en las notificaciones para detenerlas.
Administrador