El SEO de nombre de archivo de imagen consiste en nombrar las imágenes para que Google entienda mejor su contenido.
Esto puede dar lugar a más clics en los resultados de búsqueda.
Las directrices son fáciles de aprender y aplicar.
Además de explicar el SEO de nombres de archivo de imágenes, aprenderá a optimizar sus imágenes en WordPress para mejorar el SEO.
Empecemos.
En este artículo
¿Qué son los nombres de archivo de imagen?
Todos los archivos de Internet, incluidas las imágenes, tienen un nombre. Este nombre puede ofrecer pistas sobre la imagen (como "equipo-béisbol.jpg"), o puede ser genérico (como "DSC000014.png").
Como ya habrás adivinado, Google prefiere los nombres de archivo descriptivos.
Antes de conocer más detalles, aclaremos la diferencia entre el nombre de un archivo de imagen y su extensión.
Nombre de archivo de imagen frente a extensión: ¿Cuál es la diferencia?
Los nombres de archivo de imagen incluyen una extensión. La extensión (como .jpg o .png) va precedida de un punto y describe el formato o tipo de archivo.
Las extensiones de imagen más comunes son .jpg, .jpeg, .png, .svg y .webp.
Cuando optimices el nombre de archivo de tu imagen, no hace falta que cambies la extensión porque eso comunica información técnica que necesitan los navegadores web.
¿Afectan los nombres de las imágenes al SEO?
Los algoritmos de Google leen los nombres de archivo de las imágenes para obtener información sobre su contenido.
Los motores de búsqueda tienen dificultades para procesar datos visuales. Los nombres de archivo de las imágenes son uno de los factores que ayudan a los motores de búsqueda a entender los medios visuales.
Otros factores son un texto alternativo descriptivo y la colocación de la imagen cerca de texto relevante en una página.
Cuando los motores de búsqueda entienden una imagen, pueden clasificarla por palabras clave relevantes. Y eso puede generar más tráfico desde las páginas de resultados de los motores de búsqueda (SERP).
Recuerda que Google es el mayor motor de búsqueda del mundo, e incluye Google Image Search.
Ahora vamos a descubrir las mejores prácticas para nombrar tus archivos de imagen.
Mejores prácticas para el SEO de archivos de imagen
Los buenos nombres de archivos de imagen son cortos y descriptivos.
Sigue estos consejos para nombrar las imágenes.
Evite los nombres de archivo de imagen genéricos
Cuando se descargan imágenes desde un teléfono móvil o una cámara, éstas tienen nombres genéricos que siguen un patrón secuencial.
Por ejemplo:
- IMG001.png
- IMG002.png
- IMG003.png
Las cámaras no son lo suficientemente inteligentes (todavía) como para entender y nombrar tus fotos por ti. Así que antes de añadir estas imágenes a páginas web, cambia los nombres genéricos por otros con sentido.
Los nombres de los archivos de imagen deben ser cortos y descriptivos
Los nombres de archivo de sus imágenes deben ser cortos pero lo suficientemente largos como para describir con precisión la imagen.
Google aconseja evitar "nombres de archivo extremadamente largos". Es fácil ver por qué. Bastan unas pocas palabras para describir las imágenes lo suficientemente bien como para que los motores de búsqueda puedan clasificarlas.
Ten en cuenta que Google busca "pistas muy ligeras sobre el tema de la imagen".
Cuantas más palabras, menos clara podría ser la descripción.
Aquí tienes ejemplos de nombres de archivo de imagen malos comparados con otros descriptivos.
Ejemplos de nombres de archivo de imagen malos y buenos
A continuación, hemos añadido 3 imágenes de Unsplash.com, junto con ejemplos de buenos y malos nombres de archivo de imagen.
Los fotógrafos incluyen detalles de sus imágenes cuando las publican en Unsplash. Así que podemos utilizar esa información para crear nombres de archivo descriptivos.
Ejemplo 1: Campo de trigo en Ucrania
La primera imagen es de la fotógrafa Polina Rytova y muestra un campo de trigo en el este de Ucrania. En concreto, la imagen es de la aldea de Zelenyi Hai, que se encuentra en la provincia de Kherson.
Evite nombres genéricos como cultivos.png o campo.png.
Los posibles nombres de archivo descriptivos son:
- trigo-campo-pascua-ucrania.png
- trigo-campo-zelenyi-hai-ucrania.png
- trigo-campo-ucrania.png
- trigo-campo-kherson-oblast-ucraine.png
Ejemplo nº 2: Excursionistas en la ruta del Kilimanjaro
La siguiente foto, del fotógrafo Crispin Jones, muestra a unos excursionistas en la Ruta Rongai, un sendero del monte Kilimanjaro, en Tanzania.
Evite nombres de archivo de imagen genéricos como hiking.png, hikers.png o hiking-group.png.
En su lugar, utilice nombres descriptivos como:
- excursionistas-en-kilimanjaro.png
- excursionistas-en-ruta-rongai-kilimanjaro.png
- Excursionistas-escalada-kilimanjaro-tanzania.png
También puede eliminar las preposiciones de los nombres de archivo, de este modo:
- excursionistas-ruta-rongai-kilimanjaro.png
Ejemplo nº 3: Foto de un cuadro
Nuestro último ejemplo es una foto del famoso autorretrato de Alberto Durero , pintado en 1498.
El cuadro se conserva actualmente en el Museo del Prado, en España.
Aquí podemos evitar nombres de archivo de imagen genéricos como portrait.jpg o painting.png.
Algunos posibles nombres de archivo descriptivos son:
- albrecht-durer-autorretrato.png
- albrecht-durer-autorretrato-1498.png
Ahora, imagine que su página web trata principalmente de la colección flamenca del Museo del Prado, que incluye este autorretrato. Entonces, es posible que desee incluir el museo en el nombre de archivo de la imagen.
- albrect-durer-autorretrato-museo-del-prado.png
Utilice guiones para separar palabras
Observe que hemos separado las palabras de los nombres de archivo añadiendo guiones. No utilice guiones bajos ni espacios en blanco porque no todos los motores de búsqueda los interpretan igual.
Por ejemplo, un espacio puede convertirse en "%20", lo que da lugar a nombres de archivo extraños como sunny%20beach.jpg.
Para sitios multilingües: Traducir nombres de archivos de imagen
Si tienes un sitio WordPress multilingüe, asegúrate de que las imágenes de las páginas dirigidas a distintos países incluyen nombres de archivo de imagen en el idioma correspondiente. De este modo, aparecerán en las búsquedas locales.
Utilizar All in One SEO (AIOSEO)
Ahora que ya sabes qué es el SEO de nombres de archivo de imágenes, ¿qué más puedes hacer para optimizar tus imágenes?
Un plugin SEO es una forma sencilla de garantizar que tus imágenes y páginas web estén optimizadas para Google.
Recomendamos All in One SEO (AIOSEO). Este es un plugin establecido con miles de comentarios de 5 estrellas en WordPress.org. Más de 3 millones de propietarios de sitios lo utilizan actualmente para mejorar su posicionamiento.
En la siguiente sección, utilizaremos AIOSEO. Así que prepárate para seguirnos.
El primer paso para optimizar sus imágenes en WordPress es descargar e instalar All in One SEO (AIOSEO).
Después de cargar el plugin en su sitio de WordPress, se abrirá un asistente de configuración que le guiará a través de unos sencillos pasos.
Ahora, vamos a recorrer los pasos de optimización de la imagen.
Crear un mapa del sitio de imágenes
Google recomienda crear un mapa del sitio de imágenes independiente o añadir información sobre imágenes al mapa del sitio existente. Esto ayuda a los motores de búsqueda a descubrir sus imágenes.
Cuando instalas AIOSEO, se genera automáticamente un mapa del sitio que incluye todas tus imágenes. Cada vez que modifiques una imagen o añadas una nueva a una página, tu mapa del sitio se actualizará automáticamente.
Optimizar títulos y meta descripciones
Los motores de búsqueda utilizan el título y la descripción de una página web para comprender y clasificar las imágenes de la página.
All in One SEO proporciona campos para editar el título y la descripción. El plugin te dará feedback para mejorarlos.
Por ejemplo, es una buena idea incluir la palabra clave en el título y la descripción.
Si su palabra clave falta en estas áreas, AIOSEO le pedirá que la añada.
Obtenga más información sobre cómo optimizar su fragmento de búsqueda en AIOSEO.
Título vs Título SEO: ¿Cuál es la diferencia?
Ahora bien, te preguntarás: "¿Cuál es la diferencia entre títulos, títulos SEO y etiquetas de título?".
Merece la pena aclararlo porque a menudo estos términos se utilizan indistintamente, lo que puede resultar confuso.
Título: Se encuentra en la parte superior de una página o entrada de WordPress. Cuando añades una nueva página o post, verás un gran campo de banco con la etiqueta "Añadir título".
Después de añadir el texto del título, WordPress lo envuelve automáticamente en una etiqueta title y una etiqueta h1. Estas etiquetas son invisibles para los lectores. Son código HTML que proporciona información a los navegadores web y a los motores de búsqueda.
- Una etiqueta de título indica a los motores de búsqueda: "Mostrar este título en los resultados de búsqueda".
- La etiqueta h denota jerarquía en la página: el encabezamiento h1 es el más importante.
Título SEO: Los plugins SEO le permiten utilizar un título en la página web y crear un título diferente para aparecer en los resultados de búsqueda.
Este segundo título a veces se denomina título SEO. Si crea un segundo título para los motores de búsqueda, los visitantes del sitio seguirán viendo el título original cuando visiten su página.
En este caso,
- El título de la página se envuelve en una etiqueta h1, no en una etiqueta title.
- El título SEO se envuelve en una etiqueta title.
¿Para qué querría alguien dos títulos? Tal vez para incluir una o dos palabras clave adicionales que ayuden a los motores de búsqueda a clasificar el artículo.
Además, tu título SEO es lo que aparecerá en las búsquedas de imágenes de Google.
Por ejemplo, si buscamos en Google Imágenes "apple strudel",veremos muchas fotos de páginas de recetas de strudel de manzana. El texto que aparece debajo de cada imagen procede del título SEO de la página de la receta.
Las palabras "Delicioso y FÁCIL..." nos llamaron la atención.
Hemos comprobado la página web CookiesAndCups.com (y su código) y hemos descubierto que tiene un título en su página web ("Apple Strudel") . . .
. . . Y un título SEO diferente ("Deliciosa y FÁCIL Receta de Strudel de Manzana | Galletas y Tazas") en la búsqueda de imágenes de Google.
Cuando hacemos clic en la imagen de Google de su página, vemos una vista previa de su página web a la derecha. Y se puede ver que los 2 títulos son diferentes.
Aunque la última parte del título "Delicioso y FÁCIL" estaba truncada, la parte más importante: "Delicioso y FÁCIL", hizo que su imagen destacara entre un mar de alternativas.
Otros resultados en las búsquedas de Google Image incluían "fácil", pero ninguno se describía a la vez como "Delicioso y FÁCIL".
Dado que los títulos que aparecen en las imágenes en la Búsqueda de imágenes de Google pueden truncarse después de algunas palabras, asegúrese de que las primeras 1 a 3 palabras sean significativas.
Añadir texto alternativo
El texto Alt (abreviatura de "texto alternativo") es el elemento más crucial que ayuda a Google con tus imágenes.
En el editor de bloques de WordPress, hay un espacio en blanco para añadir el texto alternativo de la imagen.
Simplemente haga clic en su imagen. Aparecerá el campo de texto alternativo a la derecha.
A continuación, introduce la descripción de tu imagen.
Google recomienda que el texto alternativo sea descriptivo y breve, como el nombre de archivo de la imagen.
Aplicar Schema Markup
Para aumentar las posibilidades de que sus imágenes aparezcan en los resultados de búsqueda, aplique el marcado schema a sus páginas.
El marcado Schema es un código que ayuda a Google a comprender mejor las páginas web. Con el Generador de Schema de All in One SEO, sólo tendrá que hacer clic en algunos botones y rellenar algunos campos de formulario para aplicar este esquema. No se necesitan conocimientos técnicos.
Existen diferentes tipos de esquemas para cada tipo de contenido.
Por ejemplo, hay esquemas para:
- Recetas
- Productos
- Eventos
- Libros
Por lo tanto, añadir un esquema significa elegir el tipo pertinente de una lista y luego utilizar AIOSEO para añadir el código.
¿Recuerda la página del strudel de manzana de la que hablamos? Aplicaron el marcado schema de recetas a su página. Como resultado, su página se muestra como un fragmento enriquecido en los resultados de búsqueda de Google.
Un fragmento enriquecido es una presentación visual destacada en las páginas de resultados de los motores de búsqueda (SERP).
CookesAndCups.com no sólo tiene esa llamativa pantalla cerca de la parte superior de la Búsqueda de Google, sino que también tiene otra en la página nº 1 de los resultados de búsqueda de "strudel de manzana".
Observe que este fragmento de búsqueda, al igual que el primero, contiene información detallada, como la puntuación media en estrellas y la duración de la receta (45 minutos). Todo ello gracias al marcado schema.
Ahora, compare los 2 fragmentos enriquecidos de apple strudel con este fragmento de búsqueda estándar.
Es fácil entender por qué los fragmentos enriquecidos atraen más clics desde los resultados de búsqueda.
¿Sin guiones?
Irónicamente, CookiesAndCups.com no utilizaba guiones para separar las palabras en los nombres de sus imágenes. Por ejemplo, una imagen se llama applestrudeimage-5.jpg.
Pero utilizaron los títulos con eficacia, aplicaron un texto alternativo excelente ("Rodaja de strudel de manzana con pasas doradas") e incluyeron el marcado schema.
Google pudo utilizar todas esas pistas para entender las imágenes de la página.
Títulos, subtítulos y colocación de imágenes
Por último, preste atención a la colocación de las imágenes y al uso de títulos y pies de foto.
Las imágenes deben colocarse cerca del texto relevante en una página web. Ten en cuenta las orientaciones de Google en su documentación para desarrolladores.
Google extrae información sobre el tema de la imagen del contenido de la página, incluidos los pies de foto y los títulos de las imágenes. Siempre que sea posible, asegúrate de que las imágenes se colocan cerca de texto relevante y en páginas que sean relevantes para el tema de la imagen.
El editor de WordPress proporciona un campo en blanco para el título de una imagen (llamado "Atributo Título"). Para encontrarlo
- Haga clic en una imagen de uno de sus artículos
- El campo en blanco Texto alternativo debería aparecer a la derecha.
- Desplácese hacia abajo por la columna Bloque de la derecha y haga clic en Avanzado para encontrar el campo Atributo del título.
Introduzca el título de la imagen que prefiera.
Reutilización del nombre del archivo de imagen
A menudo, un buen nombre de archivo de imagen, el texto alternativo y el título de la imagen pueden ser el mismo.
Truco profesional: si empiezas con un buen nombre de archivo de imagen, a menudo podrás utilizarlo también para el texto alternativo y el título de la imagen.
En el ejemplo anterior, hemos utilizado una frase como nombre de archivo de la imagen, texto alternativo y título de la imagen:
- austin distel grabando podcast
Luego, para el pie de foto, nos explayamos:
- Austin Distel graba una entrevista en podcast con el Director General de Scale or Die.
Preguntas y respuestas relacionadas con el SEO de archivos de imagen
Ahora que ya sabe qué es el SEO de nombres de archivo de imágenes y cómo se relaciona con el SEO de imágenes en general, es posible que tenga preguntas.
A continuación respondemos a algunas de ellas. Si tiene más preguntas, déjelas en los comentarios de este artículo. Estaremos encantados de ayudarle.
¿Debo utilizar palabras clave en los nombres de archivo de mis imágenes?
Añada una palabra clave sólo si está directamente relacionada con la imagen. Recuerde que los buenos nombres de archivo de imágenes son descriptivos. La(s) palabra(s) clave de destino (o "palabra clave principal") en la que se basa su página puede no estar relacionada con la imagen que está describiendo.
En este último caso, la palabra clave no debe añadirse. La práctica de añadir palabras clave sin tener en cuenta el contexto, y con la esperanza de posicionarse mejor, se llama "keyword stuffing". El relleno de palabras clave es una técnica SEO de sombrero negro que disminuye la experiencia del usuario y puede hacer que su contenido sea penalizado.
¿Qué son las etiquetas alt?
Las etiquetas Alt son otro término para texto alternativo. El texto alternativo proporciona una breve descripción de las imágenes. Tanto los motores de búsqueda como los lectores de pantalla leen el texto alternativo.
(Los lectores de pantalla son un tipo de tecnología de asistencia que utilizan las personas discapacitadas, especialmente las que tienen problemas de visión, para acceder a los contenidos de la web).
¿Qué es el atributo alt en HTML?
El atributo alt es un código HTML utilizado para designar una descripción de la imagen. El valor de un atributo alt es una descripción textual rodeada de comillas. Los usuarios de WordPress pueden rellenar un campo en blanco para añadir texto alt, y la plataforma web añadirá automáticamente el atributo alt al código de la página.
Este es un ejemplo de etiqueta de imagen HTML utilizada para añadir una imagen a una página web. Incluye un atributo alt.
<img src=”flowers-in-vase.jpg” alt=”daisies in blue vase”>
Si el nombre de un archivo de imagen es corto y descriptivo, también puede servir como texto alternativo.
<img src=”daisies-in-blue-vase.jpg” alt=”daisies in blue vase”>
¿Cómo puedo evitar que las imágenes ralenticen los tiempos de carga de mi página?
Para evitar que las imágenes ralenticen los tiempos de carga de su página, considere el uso de un plugin de compresión de imágenes como WP Smush que optimizará la velocidad y la calidad. Considera también WP Rocket, que carga las imágenes de forma perezosa y comprime y minifica los activos, acelerando más que solo las imágenes.
Recuerde que el tiempo de carga del sitio sigue siendo un factor de clasificación, pero la relevancia y la calidad del contenido son más importantes.
Recursos sobre SEO de archivos de imagen
¿Le interesa leer más sobre este tema? Consulte estos artículos sobre WordPress.
- Cómo renombrar imágenes y archivos multimedia en WordPress
- Cómo nombrar sus archivos de imagen para SEO en WordPress
- Cómo imponer nombres de archivo de imagen limpios en WordPress (Método fácil)
Después del nombre de archivo de imagen SEO .
Ahora que ha aprendido qué es el SEO de nombres de archivo de imágenes y cómo optimizar los nombres de sus imágenes, está en camino de mejorar su posicionamiento en los motores de búsqueda y su estrategia de SEO está tomando forma.
Lea nuestra guía completa sobre SEO de imágenes y aprenda a gestionar imágenes decorativas para SEO.
Descubra las diferentes funciones que desempeñan el SEO y las redes sociales. O elige un proyecto SEO DIY fácil para mejorar tu sitio.
Aprenda a utilizar AIOSEO para realizar comprobaciones sencillas de SEO. Y encuentre consejos para hacer su sitio seo-friendly.
Únase a nosotros en nuestro canal de YouTube para encontrar tutoriales sencillos de optimización para motores de búsqueda. También puede seguirnos en X (Twitter), LinkedIn o Facebook para mantenerse al día y mantener sus esfuerzos de SEO en la pista.
¿Quieres probar AIOSEO gratis?
Introduzca la URL de su sitio web WordPress para instalar AIOSEO Lite.
Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, es posible que ganemos una comisión. Sólo recomendamos productos que creemos que aportarán valor a nuestros lectores.
