Stevenpro7

¿Cómo SEO optimizar una imagen?

Cuando las personas comienzan a hacer una web, se enfocan mucho en el contenido escrito: contratan redactores para crearlo, lo hacen ellos, «roban» de otras fuentes y traducen a diferentes idiomas, pasan a texto el audio de los vídeos… pero dejan a un lado las imágenes.

Cuando seleccionan una imagen lo hacen sin pensar cuánto puede influir en el posicionamiento, es decir, no la optimizan. Incluso en algunos casos toman una con derechos de autor.

En este artículo verás cómo SEO optimizar una imagen y cuáles son los beneficios de hacerlo.

Usa imágenes originales

Si vas a colocar una imagen en tu página web, asegúrate de que sea original. No tiene mucho sentido que tomes una con derechos de autor, ya que quizá, en algún momento, podrías recibir un pequeño regalo, y créeme que no te gustará.

Sé descriptivo en los títulos y optimízalos

Cuando descargues una imagen sin derechos de autor, ponle un nombre de cara al SEO.

En lugar de colocar un nombre como «imagen1.jpg», aprovecha de incluir una palabra clave y colócala como título de la imagen. Haz esto siempre con letras minúsculas, sin acentos y separa las palabras con guiones (-). Ejemplo:

Vamos a asumir que quiero escribir un artículo sobre «zapatos nikes», una palabra clave podría ser «mejores zapatos nikes masculinos para trotar». Sería un poco feo introducir esa long tail en el cuerpo del artículo, es muy larga y no tiene mucho sentido para los usuarios.

Si quisiéramos hablar de los mejores zapatos nikes masculinos para trotar, lo podríamos decir de otra manera más agradable:

Existe una gran variedad de zapatos para trotar, unos mejores que otros, y entre ellos están los nikes.

Suena mejor, ¿no?

Aún así, podemos introducir la palabra clave exacta en el nombre de la imagen para no arruinar la naturalidad del texto:

  • mejores-zapatos-nikes-masculinos-para-trotar.jpg
También te interesa leer  ¿Cómo redactar un artículo SEO optimizado?

De esa manera no le quitamos la naturalidad al artículo e introducimos más palabras clave. Cabe destacar que la imagen debe tener relación con el nombre que le pongas. Para este ejemplo la imagen sería la siguiente:

Zapatos nike negros para hombres
Deja el cursor del ratón sobre esta imagen

Esto no solo ayuda a incluir más keywords, sino que se consigue cierto tráfico proveniente del buscador de imágenes de Google (no voy a exagerar, tampoco es que serán miles de personas, pero algo es mejor que nada. Y si ese algo se consigue con tan solo colocar un nombre descriptivo en la imagen, ¿por qué no hacerlo? Hay que aprovechar todo lo que se pueda).

Rellena los atributos title y alt de la imagen

Las personas pueden identificar fácilmente el contenido de una imagen con solo verla (por supuesto, si no tienen problemas de visión) pero esto no ocurre en el caso de Google.

Para facilitarle las cosas a Google y tomar ventajas sobre el resto que no optimizan sus imágenes, rellena esos dos atributos: title y alt.

Con rellenar los atributos title y alt tienes la posibilidad de incluir más palabras clave extras. Así, cada vez aportas más naturalidad al texto porque evitas introducir esas keys explícitamente en el cuerpo del artículo. Las funcionalidades de cada atributo son las siguientes:

Función del atributo alt de una imagen

El texto que esté dentro del atributo alt se muestra en esos casos donde la conexión de internet es inestable y se hace imposible cargar la imagen. «alt» significa «texto alternativo», y es lo que ve el usuario para tener noción de qué es la imagen que no puede ver.

Función del atributo title de una imagen

El atributo title de la imagen es el texto que se muestra cuando el usuario pasa el cursor sobre la imagen.

Tal vez el atributo alt no tenga mucho significado para el usuario, seamos sinceros, es irrelevante y nadie le presta atención a eso; pero como dije anteriormente, ayuda a agregar más keywords para optimizar más tu artículo.

También te interesa leer  Importar documentos Word a WordPress con Mammoth docx converter

No olvides colocar un texto con sentido, y que se apegue a la imagen. Si usamos de ejemplo la imagen anterior, podríamos usar cada atributo de la siguiente manera:

  • alt=”Zapatos nike negros para hombres”
  • title=”Hombre en una cima con zapatos nike para pasear”

También puedes utilizar el atributo alt de la siguiente manera:

  • alt=»zapatos nike negros para trotar, zapatos hombres de trote, zapatos para trotar nike»

Nota: observa cómo utilizo variaciones de palabra clave para optimizar más la imagen y rankear para otras keys, por ejemplo «zapatos nike para pasear», una key que está muy relacionada con el trote.

Lo coloqué en formato HTML, pero en un editor de WordPress es tan fácil como en la siguiente imagen:

SEO optimización de imágenes en WordPress

Escala la imagen

Por lo general todos los CMS tienen opciones para mostrar el tamaño de una imagen, sin embargo, estos no escalan ni reducen el peso total de la imagen. Tan solo la muestran con otras dimensiones.

Existen plugins que sí escalan una imagen, también hay webs en internet que lo hacen, como iloveimg. A mí no me gustan las dos opciones anteriores. Si usas plugins es un plugin más que agregas a tu CMS y aumentas el tiempo de carga de la página.

Si te decantas por páginas webs para escalar las imágenes, en muchas te tendrás que registrar, también dependes de tu conexión a internet y bah… yo paso.

Para escalar las imágenes utilizo Gimp.

Gimp es un potente editor de imágenes de software libre (gratis). Con él podrás hacer muchas cosas a nivel profesional, pero a nosotros nos interesa lo básico: escalar imágenes.

No pondré fotos de cómo hacer esto. Solo dejaré los pasos detallados:

1. abre la imagen con Gimp
2. haz clic derecho sobre la imagen
3. sigue la siguiente ruta: imagen/escalar la imagen…

Luego te saldrá un recuadro para dar valores de ancho y alto de la imagen, y otras cosas que no nos interesan.

En el ancho coloca el valor que quieras, automáticamente se actualizará el alto. Déjalo así. Gimp hará los cambios que crea necesarios.

También te interesa leer  ¿Cómo redactar profesionalmente?

Si quieres ser tú el que dé valores de cada lado (no lo recomiendo), tienes que desencadenar las configuraciones. Verás una cadena al lado de los valores, si das clic en ella, la desencadenarás y podrás colocar el ancho y alto de tu preferencia.

Seguidamente haz clic en el botón «escala». Pero esto no es todo, puedes seguir recudiendo el tamaño de la imagen para hacerla más ligera.

Cuando termines el paso anterior sigue la siguiente ruta:

Archivo/sobreescribir (saldrá el nombre de la imagen)

Te saldrá la ventana de exportación. Te recomiendo que las fotos estén en formato .jpg.

En la ventana de exportación verás una barra que indica la calidad de la imagen, puedes aumentarla o disminuirla a tu gusto.

Es conveniente que antes de comenzar con esto rellenes el recuadro que dice «Mostrar vista previa en la ventana de la imagen», para que veas cuánto está pesando la imagen. Luego puedes reducir la calidad y ver cómo disminuye el peso. Perderás calidad, pero una muy mínima.

Según mi experiencia, puedes establecer la calidad entre un 70-85. Se verá igual de bien y pesará mucho menos.

Haciendo esto puedes hacer que una imagen pase de pesar 600-700 KB a unos 50-150 KB.

Como una última recomendación te aconsejo que uses imágenes .jpg. La razón es simple: pesan menos. Ciertamente existen diferentes formatos especializados para tareas específicas.

Ya eso es otro cuento que da para hablar mucho. Aquí lo importante es saber que, si son imágenes para los post de tu blog, lo mejor es utilizar formatos .jpg.


En el SEO cualquier detalle importa por más pequeño que sea. Aprovecharse de esos detalles marca una diferencia con respecto a otros que no lo hacen. Las imágenes no son muy tomadas en cuentas y se colocan en una web arbitrariamente. Para mí eso es bueno, digo, representa un plus frente a la competencia, y si me aprovecho de cada detalle, ese plus va incrementando 😉

Deja un comentario

Cerrar menú