Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Guía para principiantes sobre SEO de imágenes – Optimizar imágenes para motores de búsqueda

Nota editorial: Ganamos una comisión de los enlaces de socios en WPBeginner. Las comisiones no afectan a las opiniones o evaluaciones de nuestros editores. Más información sobre Proceso editorial.

¿Quiere mejorar el SEO de imágenes de su sitio web? Si se optimiza correctamente, la búsqueda de imágenes puede atraer a muchos visitantes nuevos a su sitio web.

Para beneficiarse del SEO de imágenes, debe ayudar a los motores de búsqueda a encontrar sus imágenes e indexarlas con las palabras clave adecuadas.

En esta guía para principiantes, le mostraremos cómo optimizar el SEO de imágenes siguiendo las mejores prácticas.

Beginner's Guide to Image SEO - Optimize Images for Search Engines

He aquí un breve resumen de lo que aprenderá en este artículo:

Optimización de las imágenes para SEO y velocidad

La velocidad desempeña un perfil importante en la optimización para motores de búsqueda y en la experiencia del usuario. Los motores de búsqueda suelen clasificar mejor los sitios web rápidos. Esto también se aplica a la búsqueda de imágenes.

Las imágenes aumentan el tiempo total de carga de la página. Tardan más en descargarse que el texto, lo que significa que la página se carga más despacio si hay que descargar varios archivos de imagen grandes.

Por eso debes asegurarte de que las imágenes de tu sitio web en WordPress están optimizadas para la web. Esto puede ser un poco complicado, ya que muchos principiantes no son expertos en gráficos y edición de imágenes.

La mejor manera de optimizar las imágenes es editarlas en el ordenador con programas de edición fotográfica como Adobe Photoshop. Esto te permitirá elegir el formato de archivo adecuado para crear un archivo de tamaño reducido.

También puedes utilizar un plugin de compresión de imágenes para WordPress. Los plugins de optimización de imágenes permiten reducir automáticamente el tamaño del archivo al subir una imagen a WordPress.

Puede obtener más información en nuestra práctica guía sobre cómo optimizar correctamente las imágenes antes de subirlas a su sitio web.

Tutorial en vídeo

Subscribe to WPBeginner

Si prefiere instrucciones escritas, siga leyendo.

¿Qué es el texto alternativo?

El texto Alt o texto alternativo es un atributo HTML que se añade a la etiqueta img y que se utiliza para mostrar imágenes en una página web. Su aspecto en código HTML es el siguiente:

<img src="/fruitbasket.jpeg" alt="A fruit basket" />

Permite a los propietarios de sitios web describir la imagen en texto plano. El objetivo principal del texto alternativo es mejorar la accesibilidad, activando lectores de pantalla que lean en voz alta el texto alternativo para usuarios con problemas de visión.

El texto Alt también es crucial para el SEO de imágenes. Ayuda a los motores de búsqueda a entender el contexto de la imagen.

Los buscadores modernos pueden reconocer una imagen y su contenido mediante inteligencia artificial. Sin embargo, siguen confiando en que los propietarios de los sitios web describan la imagen con sus propias palabras.

El texto Alt también acompaña a las imágenes en la búsqueda de imágenes de Google, lo que ayuda a los usuarios a entender la imagen y mejora tus posibilidades de conseguir más visitas a tu blog de WordPress.

Search image by title

Normalmente, el texto alternativo no es visible en su sitio web.

Sin embargo, si una imagen está rota o no se puede encontrar, sus usuarios podrán ver el texto alternativo con un icono de imagen rota a su lado.

Alt text displayed next to a broken image icon

¿Cuál es la diferencia entre el texto alternativo y los títulos?

El texto Alt se utiliza para la accesibilidad y SEO de la imagen, mientras que el campo del título es utilizado internamente por WordPress para la búsqueda de medios.

Search image by title

WordPress inserta la etiqueta alt en el propio código utilizado para mostrar la imagen. La etiqueta title se almacena en la base de datos de WordPress para encontrar y mostrar las imágenes.

En el pasado, WordPress también insertaba la etiqueta de título en el código HTML. Sin embargo, no era una situación ideal desde el punto de vista de la accesibilidad, por lo que la quitaron.

¿Cuál es la diferencia entre texto alternativo y leyenda?

El texto alternativo se utiliza para describir la imagen para los motores de búsqueda y los lectores de pantalla. Por otro lado, la leyenda se utiliza para describir la imagen para todos los usuarios.

El texto Alt no es visible en su sitio web, mientras que las leyendas son visibles debajo de sus imágenes.

Example of a caption displayed below an image

El texto alternativo es crucial para mejorar el SEO de las imágenes en su sitio web. La leyenda es opcional y se puede utilizar cuando se necesita proporcionar información adicional acerca de la imagen a los visitantes del sitio web.

Cómo añadir texto alternativo, título y leyenda a las imágenes en WordPress

El texto alternativo, el título y la leyenda constituyen los metadatos que puede añadir a las imágenes al subirlas a WordPress.

Cuando añades una imagen usando el bloque Imagen por defecto, WordPress te permite añadir una leyenda y un texto alt para ella.

Adding alt text and caption to an image in WordPress

WordPress genera automáticamente un título para la imagen a partir del nombre del archivo.

Puedes cambiar el título ampliando los ajustes del bloque “Avanzado” de la imagen. Aquí encontrará un campo “Atributo del título” donde podrá añadir su propio título personalizado para la imagen.

Adding an Image Title in the Block Editor

También puede editar la etiqueta alt y el título de las imágenes que ya ha subido a WordPress.

Para ello, debes visitar la página Medios ” Biblioteca y buscar la imagen que deseas editar.

WordPress Media Library

Basta con hacer clic en una imagen para que aparezca el mensaje / ventana emergente con los detalles del adjunto.

Aquí puede introducir texto alternativo, un título, una leyenda y una descripción opcional que se mostrará en la página del adjunto.

Add alt tag and title via media library

Nota: El cambio de la etiqueta alt o de la leyenda de una imagen a través de la biblioteca de medios no la modificará en las entradas y páginas en las que ya se utilice la imagen.

Cuándo utilizar leyendas para las imágenes en WordPress

Las leyendas permiten ofrecer detalles adicionales de una imagen a todos sus usuarios. Son visibles en la pantalla para todos los usuarios, incluidos los motores de búsqueda y los lectores de pantalla.

An image gallery with captions for each image

Como habrá advertido, la mayoría de los sitios web no suelen utilizar leyendas con las imágenes en sus entradas de blog o páginas. Esto se debe a que las leyendas no suelen ser necesarias para explicar una imagen.

Las leyendas son más adecuadas en los siguientes casos:

En la mayoría de los casos, podrá explicar la imagen en el propio contenido del artículo.

All in One SEO (AIOSEO) es el mejor plugin SEO para WordPress del mercado, y su extensión Image SEO establecerá automáticamente el texto alternativo, los títulos de las imágenes, las leyendas y mucho más. También añadirá un mapa del sitio de imágenes adecuado y otras características SEO para mejorar su posicionamiento SEO.

Lo primero que tienes que hacer es instalar y activar el plugin All in One SEO. Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress. Para utilizar la característica SEO de imágenes, necesitarás el plan Plus o superior.

Una vez activado, el plugin iniciará automáticamente el asistente de configuración. Puedes aprender a configurar el plugin en nuestra guía sobre cómo establecer All in One SEO correctamente.

Ahora necesitas navegar a All in One SEO ” Apariencia de Búsqueda y luego hacer clic en la pestaña ‘Image SEO’. A continuación, haga clic en el botón “Activar SEO para imágenes” para activar las características de SEO para imágenes premium.

Activating the Image SEO Module in AIOSEO

Establecer títulos de imagen automáticos con All in One SEO

Cuando vaya a la pestaña “Título” de la página SEO de imágenes, podrá elegir un formato de título mediante etiquetas inteligentes que se utilizarán automáticamente para generar atributos de título para sus imágenes.

Por ejemplo, si añade la etiqueta “+ Título de la imagen”, se utilizará automáticamente el título de la imagen utilizado en la biblioteca de medios de WordPress.

Customizing the Image Title in AIOSEO

También puede añadir otras etiquetas, como el título de su sitio web, eliminar la puntuación del título y cambiar las mayúsculas.

Establecer texto alternativo automático con All in One SEO

A continuación, puedes hacer clic en la pestaña “Etiqueta Alt” para dar formato automáticamente al texto alternativo de tus imágenes.

Por defecto, AIOSEO utilizará simplemente el texto alternativo de la biblioteca de medios. Si lo desea, también puede añadir el título de su sitio web y otra información al texto alternativo de cada imagen de su sitio web.

Customizing the Alt Tag in AIOSEO

La extensión Image SEO de All in One SEO también puede generar automáticamente leyendas de imágenes, desactivar páginas de adjuntos como veremos más adelante, y mucho más.

Cómo desactivar las páginas de adjuntos en WordPress

WordPress crea una página para cada imagen que subes a tus entradas y páginas. Se llama página de adjuntos. Esta página sólo muestra una versión ampliada de la imagen real y nada más.

Esto puede tener un impacto SEO negativo en sus rankings de búsqueda. Los motores de búsqueda consideran que las páginas con poco o nada de texto son de baja calidad o con poco contenido.

Por eso le recomendamos desactivar las páginas de adjuntos en su sitio web.

Desactivar páginas de adjuntos usando All in One SEO

La forma más sencilla de hacerlo es instalando y activando el plugin All in One SEO. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez activado, desactiva automáticamente las URL de adjuntos. También puede desactivar manualmente las páginas de adjuntos en WordPress visitando la página Apariencia de All in One SEO ” Búsqueda y haciendo clic en la pestaña “SEO de imágenes”.

Redirect media attachment URLs in AIOSEO

Desde aquí, asegúrese de que la opción “Redirigir URLs adjuntas” está establecida en “Adjunto”.

A partir de ahora, las páginas de adjuntos se redirigirán a las propias imágenes. Esto significa que cuando un motor de búsqueda o un visitante vaya a la URL de una página de adjuntos, verá la imagen en lugar de la página de adjuntos.

Desactivación de páginas adjuntas mediante un plugin

Si no utiliza el plugin AIOSEO, puede instalar el plugin Attachment Pages Redirect. Este plugin simplemente redirige a las personas que visitan la página de adjuntos a la entrada donde se muestra la imagen.

Desactivación de páginas adjuntas mediante código

También puedes desactivar las páginas de adjuntos añadiendo código al archivo functions.php de tu tema. La forma más segura de hacerlo es con WPCode, el plugin de fragmentos de código más popular que facilita añadir fragmentos de código en WordPress.

Lo mejor es que WPCode viene con una biblioteca de fragmentos incorporada donde puedes encontrar todos los fragmentos de código más populares de WordPress, incluyendo desactivar páginas de adjuntos.

Primero, necesitas instalar y activar el plugin gratuito WPCode. Para más detalles, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Una vez activado, diríjase a Fragmentos de código ” + Añadir fragmento. Debe buscar en la biblioteca de fragmentos de código para localizar el fragmento Desactivar páginas de adjuntos.

The WPCode Library Includes a Snippet to Disable Attachment Pages

Al pasar el cursor sobre el fragmento de código, verás algunos botones.

Simplemente haga clic en el botón “Usar fragmento” y se creará un nuevo fragmento para usted.

Activate and Update the WPCode Snippet

Ahora sólo tiene que activar el conmutador “Activo” y hacer clic en el botón “Actualizar”. Ya ha desactivado correctamente las páginas adjuntas.

Si está familiarizado con el código, también puede hacerlo manualmente añadiendo el siguiente código directamente al archivo functions. php de su tema.

function wpb_redirect_attachment_to_post () {
if ( is_attachment() ) {
global $post;
if( empty( $post ) ) $post = get_queried_object();
if ($post->post_parent)	{
	$link = get_permalink( $post->post_parent );
	wp_redirect( $link, '301' );
	exit();
	}
else	{
	// What to do if parent post is not available
	wp_redirect( home_url(), '301' );
	exit();
	}
}
}
add_action( 'template_redirect', 'wpb_redirect_attachment_to_post' );

Consejos adicionales para mejorar el SEO de las imágenes

Añadir una etiqueta alt no es solo lo que puede hacer para mejorar el SEO de las imágenes. A continuación te ofrecemos algunos consejos adicionales que debes tener en cuenta al añadir imágenes a las entradas de tu blog.

1. Escriba un texto alternativo descriptivo

Muchos principiantes suelen utilizar sólo una o dos palabras como texto alternativo de la imagen. Esto hace que la imagen sea demasiado genérica y más difícil de clasificar.

Por ejemplo, en lugar de “gatitos”, puede utilizar “Gatitos jugando con un patito de goma amarillo”.

2. Utilice nombres de archivo descriptivos para sus imágenes

En lugar de guardar las imágenes como DSC00434.jpeg, hay que darles el nombre adecuado. Piensa en las palabras clave que los usuarios escribirán en la búsqueda para encontrar esa imagen en concreto.

Sea más específico y descriptivo en los nombres de sus archivos de imagen. Por ejemplo, casa-de-madera-roja.jpeg es mejor que casa.jpeg.

3. Contextualice sus imágenes

Los motores de búsqueda son cada día más inteligentes. Pueden reconocer y categorizar imágenes bastante bien. Sin embargo, necesitan que les proporciones el contexto de la imagen.

Las imágenes deben guardar relación con el debate general de la entrada o página. También es útil colocar la imagen cerca del texto más relevante del artículo.

4. Siga las mejores prácticas de SEO

También debe seguir las directrices generales de SEO para su sitio web. De este modo, mejorará su posicionamiento general, incluida la búsqueda de imágenes.

5. Utilice fotografías e imágenes originales

Hay muchos sitios web gratuitos de fotografías de archivo que puedes utilizar para encontrar imágenes gratuitas para las entradas de tu blog. Sin embargo, el problema con las fotos de inventario / existencias es que son utilizadas por miles de sitios web.

Intenta utilizar fotografías originales o crear imágenes de calidad que sean exclusivas de tu blog.

Guías de expertos para optimizar las imágenes de WordPress

El SEO de imágenes es sólo un aspecto de la optimización de imágenes en WordPress. Puede que te interese ver otras guías relacionadas con la mejora de las imágenes en tu sitio web WordPress.

Sabemos que la mayoría de los blogueros no son fotógrafos ni diseñadores gráficos. Por suerte, hay algunas herramientas en línea que puedes utilizar para crear gráficos para tus sitios web.

Esperamos que este artículo te haya ayudado a aprender acerca del SEO de imágenes para tu sitio web. Puede que también quieras ver nuestra guía sobre cómo corregir los problemas de imagen más comunes en WordPress o nuestra selección de los mejores plugins y herramientas SEO para WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

42 comentariosDeja una respuesta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. bonmot says

    Code after “If you are familiar with code, then you can also do this manually by adding the following code directly to your theme’s functions.php file.” seems to be incomplete. Shouldn’t there be:

    function wpb_redirect_attachment_to_post () {

    before

    if ( is_attachment() ) {

    ?

  3. Jiří Vaněk says

    Does image format have any effect on SEO? Is it jpeg, webp or png? I use webp because of the size, is there a better chance for SEO that google may prefer this type of image for its size?

    • WPBeginner Support says

      Unless we hear otherwise, there is not a SEO advantage to the image format, it would be best to use the image format that fits the use of the image best.

      Administrador

      • Jiří Vaněk says

        Thanks for the reply, I was hoping that Google would prefer a custom image format and also that it would prefer the size. Damage. Anyway, thanks for the reply. I use webp on the Web and will continue to use it.

  4. Patricia says

    “Note: Changing an image’s alt tag or caption via Media Library will not change it in the posts and pages where the image is already used.”

    If this is the case how can i adjust the alt tags of the images already in use?

  5. Joe Staiano says

    Is it OK to edit all these photos in my WP Dashboard Media Library if the website and individual pages are already published and live? Do I need to delete each photo and reload a copied version of photo that has correct Alt Tags, Title, Description?

    • WPBeginner Support says

      If you made changes in the media library to image tags, you would need to re-add the images for the information to be what you have changed it to for media already on your site.

      Administrador

  6. Nelda Schulte says

    That was a great explanation. I’ve been searching for this specific type of information for days, your’s was the best I found. Thank you!

  7. Favian says

    Re: image size – I have uploaded images 1200x1200px @around <1mb. Does it make sense to reduce the file size directly in WP (e.g. insert images not in 'full size' but rather in 'large', 'medium' etc)? Or do i have to take care of image size when directly uploading the images from my hard drive? Thanks

    • WPBeginner Support says

      At that point, it becomes more of a personal preference question but we prefer to optimize and resize images before uploading them to a WordPress site if that is what you mean.

      Administrador

  8. sanjay sajeev says

    Hi,

    Thank you for sharing the image optimization tips. My concern is a different thing. For example, I published one blog post including an image. Later, I want to remove that image from the post and add a new one. If I remove it and add a new image. Will it affect my sites SEO?

    • WPBeginner Support says

      That field is for displaying text on the image attachment page or below the image depending on your theme’s design rather than something major for SEO at the moment

      Administrador

  9. Denisse says

    Hello! Thank you so much for this information. I have been looking for a post like this for a while now.

    For the pictures of myself that go under my “About me” section in my blog, do they still need metadata?

    • WPBeginner Support says

      You would follow it the same as you would for other images, when selecting the image you should have the option to edit the tags with the media uploader

      Administrador

  10. Tom says

    Hi:

    Great article!!!
    I got a question, you said : “Changing an image’s alt tag or caption via Media Library will not change it in the posts and pages where the image is already used.”
    Does that mean I need to reinsert image again after add alt tag in Media Library?
    Thank you

    • WPBeginner Support says

      After you set it up in the media library, once you attempt to add it to a post, it should bring in tags you set in the media library

      Administrador

  11. Franci Hoffman says

    This is most helpful, Syed, especially your explantation about “How to Add Alt Text, Title, and Caption to Images in WordPress”.

    Thank you.

  12. Rob says

    I’ve been doing SEO since before Google existed. I came to read this just for fun and because I trust WP beginner.

    I actually learned something.

    I had no idea the alt tag was used in Google image search to describe the image.

  13. Linda says

    Due to time constraints and sheer volumes of photos I am asked to post on over 5 websites I manage for my organization, I often neglect the metadata and regret it later on. This is a very important article and a great incentive for all of us to organize our media libraries from the get go and discipline ourselves with each image added to provide this info. (Not to mention our posts and pages!)

    Thank you.

  14. John Monyjok Maluth says

    Wow! Great article again. I need this to improve my images. Yes, I’m using Yoast SEO, but never thought of using it to improve images on my site, especially turning off the “attachment pages”.

    Thanks for helping me find the best WordPress tips when I need them. You have taught me a lot of things.

    John Shalom

  15. Nur Salam says

    Should I use original files from stock photo. Because the images are high resolution and size. And gtmetrics suggested to use optimised photos…

    • WPBeginner Support says

      Depending on where you got the stock photo from, you would want to check their license agreement to be sure that is allowed.

      Administrador

    • WPBeginner Support says

      If your browser automatically accepted our push notifications for some reason, you should be able to right-click the notifications to stop them.

      Administrador

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.