¿Quieres saber cómo optimizar imágenes en WordPress y conseguir más tráfico orgánico desde la búsqueda de imágenes?
Cada día se realizan más de 1.000 millones de búsquedas en Google Imágenes, lo que las convierte en una gran oportunidad para ayudarte a clasificar y ganar más visibilidad en las búsquedas.
Por eso hemos decidido crear una lista de consejos sobre la mejor forma de optimizar las imágenes en WordPress para mejorar las clasificaciones y atraer más tráfico a su sitio web.
Como se trata de una lista exhaustiva, puede hacer clic en estos enlaces rápidos para saltar directamente a las distintas secciones:
En este artículo
- ¿Qué es el SEO de imágenes?
- Cómo optimizar sus imágenes en WordPress
- 1. Utilice la herramienta SEO de imagen adecuada
- 2. Utilice nombres de archivo de imagen descriptivos
- 3. Escriba un texto alternativo SEO-Friendly
- 4. Utilice el pie de imagen cuando sea necesario
- 5. Considere su título y descripción SEO
- 6. Desactivar páginas adjuntas
- 7. Defina las dimensiones de su imagen
- 8. Elija el formato de imagen adecuado
- 9. Crear un mapa del sitio de imágenes
- 10. Utilizar los datos estructurados de la imagen para clasificar los fragmentos enriquecidos
- 11. Añadir miniaturas de Facebook y tarjetas de Twitter
- 12. Comprima sus imágenes para reducir el tamaño del archivo
- 13. Carga perezosa de imágenes
- 14. Utilizar imágenes responsivas
- 15. Instalar un plugin de caché
- 16. Sirva sus imágenes a través de una CDN de imágenes
- 17. Haga que su sitio web sea compatible con dispositivos móviles
- 18. Prepárate para la búsqueda visual de Google Lens
¿Qué es el SEO de imágenes?
El SEO de imágenes, también llamado optimización de imágenes, es el proceso de optimización de las imágenes de su sitio web para facilitar que Google encuentre y clasifique sus imágenes.
En otras palabras, ayuda a Google y a otros motores de búsqueda a comprender su contenido y mostrar sus imágenes en los resultados de búsqueda de imágenes.
Y para que esto suceda, tienes que optimizar tus imágenes para la web, lo que te mostraremos cómo hacer. Pero primero, echemos un vistazo a por qué deberías usar imágenes en tu contenido, para empezar.
¿Por qué debe utilizar imágenes en sus contenidos?
Lo primero es lo primero: ¿Por qué deberías utilizar imágenes en tus contenidos?
Debe utilizar imágenes porque añaden valor a su contenido y captan la atención de la gente.
Si se utilizan correctamente, las imágenes pueden despertar el interés de la gente y hacer que hagan clic en su sitio, aumentando su posición en los resultados de búsqueda.
De hecho, la búsqueda de imágenes representa alrededor del 20,45% de todas las búsquedas en Google y otros sitios populares.
Esto debería hacerte comprender por qué añadir imágenes a tu contenido y optimizarlas para SEO es una buena idea.
Lo primero que tiene que pensar es si sus imágenes son relevantes para el tema de su página. Y lo que es más importante, si añaden valor a tu contenido.
Además, debe colocar la imagen más importante en la parte superior de su página e intentar utilizar fotografías originales que sean exclusivas de su blog o sitio web.
Pero hay algo más...
...hay más cosas que debes hacer si quieres aparecer en la búsqueda de imágenes de Google y mejorar tu clasificación, y eso es lo que te mostraremos a continuación.
Cómo optimizar sus imágenes en WordPress
Para optimizar tus imágenes en WordPress, tienes que asegurarte de añadir información adicional sobre tus imágenes, para que los motores de búsqueda puedan entender de qué tratan.
Los motores de búsqueda son cada día más inteligentes. Pueden reconocer y clasificar imágenes bastante bien. Pero necesitan que les proporciones contexto y optimices tus imágenes para que se posicionen en las búsquedas de imágenes.
1. Utilice la herramienta SEO de imagen adecuada
Uno de los primeros pasos para garantizar el éxito del SEO de imágenes es utilizar la herramienta SEO de imágenes adecuada.
Y no hay nada mejor que All In One SEO (AIOSEO).
AIOSEO es un potente plugin SEO para WordPress en el que confían más de 3 millones de sitios web. Los expertos en marketing lo utilizan para impulsar el tráfico y posicionarse en los primeros puestos de las SERPs. Con AIOSEO, tienes acceso a todas las herramientas SEO avanzadas que necesitas para llevar tus esfuerzos SEO al siguiente nivel sin tener que ser un experto en SEO.
Una de las características más apreciadas del plugin es el módulo Image SEO. Se trata de un potente módulo que facilita enormemente la optimización de tus imágenes. Por ejemplo, puedes optimizar los metadatos de tus imágenes:
- Establecer un formato (similar a los formatos de título/descripción SEO)
- Eliminación de los signos de puntuación
- Transformación de la carcasa
- Y más
Para utilizar esta función, vaya a su panel de control de AIOSEO " Aspecto de la búsqueda " SEO de imágenes.
A continuación, puede optimizar los metadatos de la imagen haciendo clic en la pestaña correspondiente (Título, Etiqueta Alt, Pie de foto, Descripción o Nombre de archivo). También puede elegir las páginas en las que desea aplicar estas optimizaciones:
Optimizar las imágenes de este modo facilita que los motores de búsqueda comprendan de qué trata la imagen, ya que ayuda a añadir contexto. También mejora la experiencia del usuario.
Consulte esta guía de instalación para obtener instrucciones detalladas sobre la instalación de AIOSEO en su sitio web.
2. Utilice nombres de archivo de imagen descriptivos
Siempre debes nombrar tus imágenes con nombres de archivo lo más descriptivos posible.
Esto es lo que dice Google sobre los nombres de archivos de imagen:
"[...] el nombre del archivo puede dar pistas a Google sobre el tema de la imagen. Por ejemplo, mi-nuevo-gatito-negro.jpg es mejor que IMG00023.jpg".
Por poner otro ejemplo, aquí tienes la foto de un gatito negro juguetón. En lugar de llamarla IMG00021.jpg, la hemos llamado juguetón-gatito-negro.jpg, que describe mejor la imagen.
Intente ser específico. Por ejemplo, big-eyed-playful-black-kitten.jpg es mejor que simplemente black-kitten.jpg.
Además, tenga en cuenta las palabras clave que los usuarios escribirían en Google para encontrar su imagen.
3. Escriba un texto alternativo SEO-Friendly
El texto alternativo es crucial para el SEO de imágenes. Ayuda a Google a entender de qué trata la imagen. Es un atributo HTML que se añade a la etiqueta de imagen, que se utiliza para mostrar imágenes en una página.
Puede tener este aspecto en código HTML plano:
<img src="img_playful-black-kitten.jpg" alt="Playful black kitten" width="500" height="600">Como ya hemos dicho, el texto alternativo sirve para describir la imagen. Y si la imagen no se puede mostrar, los usuarios pueden entender de qué trata leyendo el texto.
Es útil para quienes utilizan lectores de pantalla o tienen conexiones con poco ancho de banda. Los textos Alt también son útiles como textos de anclaje si enlazas imágenes.
No se limite a utilizar una o dos palabras para escribir el texto alternativo. En su lugar, imagina cómo describirías tu imagen a una persona ciega.
Por ejemplo, en lugar de "chocolate", utiliza "magdalenas de chocolate negro con plátano". Esto también ayudará a Google a clasificar tu imagen, ya que utiliza una combinación de textos alternativos, algoritmos de visión por ordenador y el contenido de tu página para entender de qué trata tu imagen.
Pero no llenes tu texto alternativo con diferentes palabras clave pensando que te ayudará a posicionarte mejor en la búsqueda de imágenes. De hecho, puede resultar en lo contrario, y Google puede ver su sitio como spam.
No es necesario añadir texto alternativo a las imágenes decorativas. Más información en nuestra guía de gestión de imágenes decorativas para SEO.
Añadir texto alternativo en el editor de bloques de WordPress
Añadir texto alternativo a las imágenes es muy fácil con el editor de bloques de WordPress.
Simplemente desplázate hacia abajo en el post o página que estés editando y haz clic en tu imagen para que se marque con el marco azul. A continuación, ve a Ajustes de imagen en la columna derecha del editor y escribe el texto alternativo en el campo Texto alternativo .
Los textos alternativos no son visibles en el sitio web, mientras que los pies de foto aparecen debajo de las imágenes, que veremos a continuación.
4. Utilice el pie de imagen cuando sea necesario
Los pies de foto permiten escanear el contenido. La gente tiende a escanear los títulos, las imágenes y los pies de foto cuando hojea rápidamente una página.
Sin embargo, pueden hacer que tu contenido parezca recargado y no son realmente necesarias, ya que estás explicando la imagen en el propio contenido.
Aun así, los pies de foto pueden servir para:
- Fotos familiares o de eventos
- Fotos que necesitan una explicación adicional describiendo una historia de fondo
- Y galerías de imágenes de productos
Añadir pies de foto en el editor de bloques de WordPress
Para añadir el pie de foto en el editor de bloques de WordPress, simplemente desplázate hacia abajo en la entrada o página que estés editando y haz clic en tu imagen, para que se marque con el marco azul. A continuación, introduce el pie de foto en el campo Pie de foto situado debajo de la imagen y ¡ya está!
5. Considere su título y descripción SEO
Google también utiliza el título y la descripción SEO de la página para decidir qué descripción mostrar debajo de la imagen en los resultados de búsqueda.
Esto es lo que dice Google:
"Google Imágenes genera automáticamente un título y un fragmento para explicar mejor cada resultado y cómo se relaciona con la consulta del usuario... Utilizamos varias fuentes diferentes para obtener esta información, incluida la información descriptiva del título y las metaetiquetas."
Para ilustrarlo mejor, he aquí un ejemplo de los resultados de búsqueda de imágenes en Google para "sabrosas magdalenas de chocolate":
Como puedes ver, todas las imágenes tienen descripciones debajo. Y Google utiliza el título y la descripción SEO de tu página para generarlas.
Por eso tus imágenes tienen que estar relacionadas con tu título y descripción. Si quieres saber cómo editar fácilmente tu título SEO, consulta nuestra guía sobre cómo cambiar el título SEO en WordPress.
6. Desactivar páginas adjuntas
WordPress crea una página para todas las imágenes que subes a tus entradas y páginas. Se llama página de adjuntos.
Lo único que hace esta página es mostrar una versión más grande de tu mago, lo que, de hecho, puede perjudicar tu SEO. Los motores de búsqueda consideran las páginas con poco o ningún texto como de baja calidad o 'thin content'.
Afortunadamente, es fácil desactivar las páginas de adjuntos en tu sitio WordPress. Y la forma más sencilla de hacerlo es instalando y activando el mejor plugin SEO para WordPress del mercado, All in One SEO (AIOSEO).
Desactivar las páginas de imágenes adjuntas es también una buena manera de eliminar parámetros URL innecesarios en su sitio. Eliminarlos es una forma excelente de aumentar la eficacia del rastreo en tu sitio.
Una vez que haya activado AIOSEO, desactivará automáticamente las URL adjuntas. También puede desactivarlas manualmente visitando All in One SEO " Apariencia de búsqueda y haciendo clic en la pestaña Medios.
Asegúrese de que la opción Redirigir URL de archivos adjuntos está configurada como Adjunto, ¡y ya está!
7. Defina las dimensiones de su imagen
Debes redimensionar tus imágenes para que se ajusten al contenido del blog de tu página. Aunque su sitio web ocupe todo el ancho de la pantalla, la sección del blog tiene un ancho máximo establecido. Y utilizar imágenes más grandes ralentizará la carga de tu página y afectará negativamente a tu SEO.
Por ejemplo, si la anchura máxima de tu blog es de 706px, tus imágenes nunca se mostrarán más anchas de 706px. Y si tienes un sitio web responsive, el navegador redimensionará las imágenes que sean más anchas de 706px para ajustarlas a la pantalla.
Al menos esto hace que su sitio se vea bien, ¿verdad?
Bueno, hay un problema...
...cuando se utilizan imágenes grandes, el navegador aún tiene que cargar la imagen en su tamaño completo. Y lo que es peor, las imágenes grandes pesan mucho y reducen la velocidad de carga de la página.
Por eso debes redimensionar y subir tus imágenes al ancho máximo de tu blog o página. Afortunadamente, es fácil comprobarlo.
Para empezar, ve a la configuración de Web Developer en tu navegador y haz clic en la herramienta Inspector . A continuación, sólo tienes que pasar el ratón por encima de la columna que quieras comprobar y aparecerá un recuadro negro con las dimensiones.
Como puedes ver, el ancho del blog de AIOSEO es de 706px, que es el ancho máximo que deben tener nuestras imágenes para no ralentizar la carga de nuestra página.
8. Elija el formato de imagen adecuado
Como acabamos de explicar, las imágenes a menudo hacen que su sitio web sea grande en tamaño de archivo y demasiado pesado. Tu sitio no se cargará lo suficientemente rápido como para que los visitantes se queden esperando.
En su lugar, elegirán otro sitio que cargue más rápido, y usted perderá tráfico y clientes potenciales. Esto también perjudicará su posicionamiento en los motores de búsqueda, ya que aumentará su tasa de rebote.
Dependiendo del formato de imagen que utilices, el tamaño de tu archivo de imagen será mayor o menor. También afectará a la calidad de las imágenes.
Los tipos de archivo de imagen más comunes son JPG, PNG y GIF. Cada uno de ellos sirve a su propósito dependiendo de las imágenes que estés creando o subiendo a tu sitio:
- JPG es mejor para gráficos de sitios web que tienen muchos matices de colores
- PNG es la mejor opción cuando se busca la máxima calidad y el tamaño no es un problema.
- GIF es para animaciones o imágenes en movimiento
Los archivos JPG suelen ser más pequeños que los PNG y los GIF. Sin embargo, PNG es mejor para imágenes de alta calidad, como capturas de pantalla, dibujos e imágenes con texto en las que necesitas mantener la calidad de la imagen.
9. Crear un mapa del sitio de imágenes
Puedes ayudar a Google a indexar y rastrear tus imágenes más rápidamente creando un mapa del sitio de imágenes.
Con AIOSEO, crear un mapa del sitio de imágenes XML es tan fácil como dar un paseo por el parque. De hecho, todas las imágenes de su sitio web se incluyen automáticamente en el mapa del sitio XML. Y esta función es lo que se llama un mapa del sitio de imágenes.
Todo lo que necesitas hacer es activar AIOSEO, y automáticamente creará un mapa del sitio para ti. Puedes comprobar que está activado accediendo a Sitemaps en el menú All in One SEO y haciendo clic en la pestaña Sitemap General.
Se abrirá la ventana Sitemap general, donde podrá ver que Activar Sitemap está activado.
Así de sencillo.
Si quieres saber cómo personalizar tu mapa del sitio y excluir determinadas imágenes o contenidos, puedes consultar nuestra guía sobre cómo crear un mapa del sitio en WordPress.
Además, asegúrese de que sus imágenes no estén bloqueadas por su archivo robots.txt. Si no desea que Google rastree sus imágenes, puede inhabilitarlas mediante el archivo robots.txt. Para obtener más información, visite nuestra guía sobre cómo editar fácilmente un archivo robots.txt en WordPress.
10. Utilizar los datos estructurados de la imagen para clasificar los fragmentos enriquecidos
Si añades marcado schema o datos estructurados a tu sitio, Google Imágenes puede mostrar tus imágenes como resultados enriquecidos con una insignia destacada de lo que trata tu página.
He aquí un ejemplo de cuando se añade el marcado Recipe schema a su sitio:
Como puede ver, muestra una insignia destacada con un tenedor y un cuchillo que indica que se trata de una receta. Esto proporciona a los usuarios más información sobre tu página, lo que aumentará tu CTR (Click-Through-Rate) y dirigirá más tráfico orgánico a tu sitio.
Google Imágenes admite el marcado schema para:
- Productos
- Vídeos
- Recetas
Puede añadir fácilmente el marcado schema a su sitio y obtener estos resultados enriquecidos de aspecto agradable utilizando AIOSEO. Para saber cómo hacerlo, puedes consultar nuestra guía sobre cómo añadir fragmentos enriquecidos a WordPress.
11. Añadir miniaturas de Facebook y tarjetas de Twitter
Otra forma de atraer más tráfico a su sitio web es utilizar sus perfiles en las redes sociales. Y un primer paso es asegurarse de que se muestran las imágenes adecuadas cuando se comparten en las redes sociales.
Con AIOSEO, puede optimizar sus imágenes y controlar cómo se ven cuando su contenido se comparte en Twitter y Facebook. Puedes hacerlo fácilmente añadiendo Twitter Cards y miniaturas de Facebook a tu sitio web.
Por ejemplo, este es el aspecto de una de nuestras publicaciones después de elegir la miniatura que se utilizará cuando se comparta en Facebook:
Y aquí tienes una Twitter Card cuando el post de OptinMonster se comparta en Twitter:
Echa un vistazo a cómo configurar esto fácilmente visitando cómo arreglar la miniatura incorrecta de Facebook y cómo añadir Twitter Cards en WordPress.
12. Comprima sus imágenes para reducir el tamaño del archivo
Como ya se ha mencionado, la velocidad del sitio es crucial para el SEO. Google ha confirmado que es un factor de clasificación tanto en escritorio como en móvil. Y esto también es cierto para la búsqueda de imágenes.
A partir de mayo de 2021, Google incluirá la velocidad de carga de los sitios web en sus "Core Web Vitals". Se trata de factores que Google considera importantes para ofrecer a los usuarios la mejor experiencia al visitar su sitio. Por ejemplo, se tendrá en cuenta la velocidad del sitio, la capacidad de respuesta y la rapidez con la que se cargan distintos elementos, como imágenes y fuentes.
El primer paso para optimizar la velocidad de tus imágenes es comprimirlas. Y puedes utilizar servicios gratuitos, como:
- TinyPNG para archivos PNG y JPG
- CompressJPEG para archivos JPG
- Optimizilla para archivos PNG y JPG
Esto puede reducir el tamaño de los archivos de imagen en un 70% o más, lo que repercutirá positivamente en la velocidad de su sitio web.
13. Carga perezosa de imágenes
Si tienes muchas imágenes y contenido en tu sitio, siempre es bueno usar lazy loading.
La carga lenta muestra las imágenes de tu página sólo cuando son visibles para el usuario a medida que se desplaza por el contenido. Esto hace que la comunicación entre tu sitio y el servidor sea más eficiente, lo que hace que tu página se cargue más rápido.
Esto es lo que dice Google sobre el lazy-loading:
"La carga lenta puede acelerar significativamente la carga en páginas largas que incluyen muchas imágenes por debajo del pliegue, cargándolas según sea necesario o cuando el contenido principal haya terminado de cargarse y renderizarse."
Adivina qué...
...si usas WordPress 5.4 y versiones posteriores, cargará tus imágenes de forma perezosa por defecto. Así que no tienes que preocuparte por instalar un plugin de carga lenta.
Sin embargo, si quieres añadir la carga lenta para otros elementos HTML como iframes, vídeos e imágenes de fondo, puedes utilizar un plugin de carga lenta como WP Rocket para acelerar aún más la carga de tu página.
14. Utilizar imágenes responsivas
El uso de imágenes con capacidad de respuesta permite a su sitio mostrar una imagen más grande y de mayor resolución en el escritorio. También permite a los sitios para móviles mostrar una imagen ampliada en el móvil y hace que el tamaño de la imagen sea menor, lo que aumenta la velocidad de carga de una página.
Si utilizas WordPress, no tienes que preocuparte por esto. WordPress hace que tus imágenes sean automáticamente responsive después de subirlas y las muestra en diferentes tamaños en tu sitio.
Dicho esto, si quieres saber cómo afectan las imágenes a la velocidad de tu sitio, puedes comprobarlo con la herramienta PageSpeed Insights de Google.
15. Instalar un plugin de caché
La caché del navegador puede ayudar a acelerar su sitio web almacenando algunos de los archivos más grandes de su sitio, incluidas las imágenes, localmente en el navegador web del usuario.
Un plugin de caché hace una copia de su página después de la carga de la primera página,s y luego sirve esa versión en caché a otros usuarios.
Por ejemplo, WP Rocket ofrece un amplio conjunto de herramientas para ayudar a acelerar su sitio web, como el almacenamiento en caché y la precarga de páginas.
Si quieres conocer más opciones, puedes consultar nuestro post sobre los mejores plugins de caché para WordPress que recomendamos.
16. Sirva sus imágenes a través de una CDN de imágenes
Si quiere acelerar aún más su sitio, debería utilizar una CDN (Content Delivery Network) de imágenes.
Recoge una versión en caché de su imagen del servidor más cercano a su ubicación geográfica. Esto acelerará tu sitio web, ya que limita el número de saltos de Internet necesarios para mostrar tu imagen desde tu servidor original (tu proveedor de alojamiento web).
Para obtener más información sobre la CDN y cómo conectar su sitio, puede consultar la guía de WPBeginner sobre cómo instalar y configurar la CDN de WordPress.
17. Haga que su sitio web sea compatible con dispositivos móviles
¿Por qué es importante para el SEO de imágenes?
Porque el auge de los dispositivos móviles ha hecho que no cuidar el SEO para móviles sea una sentencia de muerte. Google no mostrará su contenido en la búsqueda de imágenes si su sitio no está optimizado para móviles. De hecho, Google tiene ahora un índice mobile-first y clasifica mejor los sitios adaptados a móviles.
La forma más fácil de hacer que tu sitio sea apto para móviles es utilizar un tema de WordPress responsive que se adapte a diferentes tamaños de pantalla y dispositivos. Para encontrar un tema responsive, visita el post de WPBeginner sobre los 44 mejores temas responsive para WordPress.
18. Prepárate para la búsqueda visual de Google Lens
Si tienes, por ejemplo, una tienda de comercio electrónico o un restaurante, tienes que prepararte para la búsqueda visual de Google Lens.
Google Lens es la nueva herramienta de reconocimiento de imágenes de Google. Permite a los usuarios tocar y mantener pulsada una imagen en la aplicación de Google o en el navegador Chrome en Android para encontrar dónde pueden comprar un producto o pedir una comida.
Esta función se añadirá pronto también a la aplicación de Google en iOS. Así que puede ser una buena idea optimizar tus imágenes para Google Lens.
¿Esto te ha abrumado?
En realidad es más fácil de lo que parece...
...si utilizas todos estos consejos para optimizar tus imágenes en WordPress, habrás avanzado mucho.
Esperamos que este post te haya ayudado a entender por qué es importante el SEO de imágenes y cómo puedes aprovechar el SEO de imágenes para mejorar la clasificación en Google Imágenes y atraer más tráfico a tu sitio.
También puede consultar nuestra guía definitiva de SEO para WordPress o la lista de comprobación de SEO para entradas de blog para aprender a mejorar aún más las clasificaciones.
¿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.
