Cómo hacer SEO con etiquetas ALT: 5 pasos simples y probados

Las etiquetas ALT, también conocidas como texto alternativo o texto ALT, son descripciones breves que se añaden a las imágenes en una página web. Estas descripciones viven en el código HTML de la página y sirven para múltiples propósitos importantes.

¿Qué son las etiquetas ALT?

1. Ayuda a las personas que no pueden ver las imágenesLos lectores de pantalla, que son herramientas utilizadas por personas con discapacidades visuales, leen el texto alternativo en voz alta. De esta manera, los usuarios pueden entender el contenido de la imagen sin verla.
2. Ayudar a los motores de búsquedaLos motores de búsqueda como Google no pueden “ver” las imágenes como lo hacen las personas. Las etiquetas ALT les ayudan a entender de qué tratan las imágenes, lo que mejora resultados de motores de búsqueda y aumenta la visibilidad de tu sitio web en los buscadores.
3. Aumenta el tráfico con Google ImágenesAñadir texto alternativo optimizado Ayuda a que tus imágenes aparezcan en la Búsqueda de imágenes de Google. Esto puede atraer más visitantes a tu sitio web.
4. Navegación de SoporteCuando las imágenes actúan como enlaces, el texto alternativo funciona como una etiqueta o texto ancla, guiando a los usuarios y a los robots de los motores de búsqueda.

¿Por qué son importantes las etiquetas ALT?

Las etiquetas de texto alternativo importan porque:

• Mejorar accesibilidad para usuarios de lectores de pantalla.
• Ayuda a que tu página se posicione más alto en los motores de búsqueda. motores de búsqueda Al conectar imágenes con el contenido de tu página.
• Haz que tu sitio web sea más fácil de usar para todos, especialmente para las personas con discapacidades visuales.

Consejo profesional: Añadir texto alternativo conciso y preciso a tus imágenes no solo mejora tu SEO, sino que también crea una mejor experiencia para todos los visitantes.

Cómo agregar texto alternativo a las imágenes en WordPress

Añadiendo texto alternativo Añadir subtítulos a tus imágenes es sencillo, especialmente si utilizas WordPress. Aquí tienes cómo hacerlo:

1. Sube tu imagenVe a la biblioteca de medios de WordPress o sube una nueva imagen a través del botón “Añadir medios” en tu editor. Luego haz clic en la imagen cargada.
2. Localiza el campo de texto alternativoUna vez que hayas cargado la imagen, verás un campo denominado “Texto alternativo” en la configuración de la imagen, en el lado derecho de tu pantalla.
3. Escribe una DescripciónEscribe una descripción concisa que explica el propósito de la imagen. Por ejemplo:
4. Para una imagen de un mapa con muchos marcadores: Un mapa del mundo con chinchetas.
5. Guardar cambiosDespués de ingresar el texto alternativo, WordPress guardará automáticamente la configuración. ¡Eso es todo! Tu atributo alt ahora forma parte del código HTML de la imagen.

Qué recordar al agregar texto alternativo

• Sé específico: Describe la imagen con claridad, enfocándote en cómo se relaciona con el contenido de la página.
• Evitar el relleno de palabras clave: No te excedas en usar palabras irrelevantes, ya que esto puede dañar tu SEO.
• Omitir imágenes decorativas: Si una imagen es puramente decorativa, deja el atributo alt Vacía (alt=””). Esto evita que los lectores de pantalla lean detalles innecesarios.

Consejo profesional: Siempre piensa en cómo la imagen ayuda a tu audiencia o respalda tu contenido al escribir. texto alternativo de la imagen.

¿Deberías agregar texto alternativo a todas las imágenes?

No todas las imágenes en tu sitio web necesitan una descripción alternativa. Así es como decidir:

1. Cuándo agregar texto alternativo

• Imágenes de contenido: Agregue texto alternativo a las imágenes que transmiten información importante o respaldan su contenido. Por ejemplo, un gráfico que explique el crecimiento de las ventas necesita una buena descripción para explicar su valor.
• Imágenes que aparecen en las búsquedas de Google: Para posicionarte en Google Imágenes y generar tráfico, añade texto alternativo optimizado a imágenes que los usuarios podrían buscar.

2. Cuándo irse Alternativo Texto en blanco

• Imágenes decorativas: Usa un atributo alt vacío (alt=””) para visuales que no aportan significado, como patrones de fondo o iconos decorativos. Esto mejora la experiencia para usuarios de lectores de pantalla Al omitir detalles irrelevantes.
• Imágenes de stock genéricas: Si la imagen no es crucial para el contenido, es mejor dejar el texto alternativo en blanco en lugar de llenarlo con descripciones innecesarias.

Consejo profesional: Una estrategia de texto alternativo limpia garantiza una mejor experiencia de usuario y evita crear una mala experiencia de usuario para visitantes con discapacidades visuales.

Cómo escribir un buen texto alternativo

Manualidades texto alternativo adecuado Es clave para hacer que su sitio web sea más accesible y mejore su SEO. Siga estas sencillas pautas para escribir texto alternativo optimizado Efectivamente:

1. Sé conciso y específico.

Manténlo breve pero claro. Describe el contenido de la imagen Sin palabras innecesarias.

Ejemplo:

• En lugar de “Una imagen de un hermoso pastel de chocolate en un plato blanco”, escribe "Pastel de chocolate con frambuesas en un plato blanco."

2. Enfoque en Relevancia

Explica cómo el la imagen se relaciona Al contenido de la página. Si la imagen resalta una característica o apoya un tema, mencione eso.

Ejemplo:

• Para una entrada de blog sobre consejos de horneado, una imagen de herramientas podría tener el texto alternativo. “Herramientas de repostería que incluyen un batidor, un rodillo y tazas medidoras.”

3. Evitar Relleno de palabras clave

Utilice palabras clave relevantes, pero no sobrecargues la descripción. Por ejemplo, no escribas “Delicioso pastel de chocolate postre de chocolate horneado receta de pastel de chocolate.”

4. Omitir frases redundantes

Evita usar expresiones como "imagen de" o "foto de" en el texto alternativo. Los lectores de pantalla ya lo identifican como una imagen.

Ejemplo:

• En lugar de “Imagen de un teléfono inteligente sobre un escritorio,” escribir “Teléfono inteligente sobre un escritorio.”

5. Considera el contexto

Para imágenes complejas Como gráficos o infografías, resume el punto principal. Añade más detalles en el entorno. contenido de la página Si es necesario.

Ejemplos de Texto Alternativo

Ejemplo 1: Pastel de chocolate

• Malo: <img src=”cake.png” alt=”foto de pastel”>
• De acuerdo: <img src=”cake.png” alt=”pastel de chocolate”>
• Bueno: <img src=”cake.png” alt=”pastel de chocolate con frambuesas en un plato blanco”>

Ejemplo 2: Uso del teléfono inteligente

• Malo: <img src=”phone.png” alt=”teléfono móvil tecnología moderna iPhone”>
• Está bien: <img src="phone.png" alt="persona sosteniendo un teléfono móvil">
• Bueno: <img src="phone.png" alt="mujer sonriendo mientras sostiene un teléfono inteligente">

Consejo profesional: Piensa siempre en cómo tu audiencia describiría el imagen particular en una oración.

Cómo encontrar y solucionar problemas con los atributos alt

Asegurando que tus imágenes tengan textos bien redactados Atributos ALT de las imágenes Puede mejorar tanto la accesibilidad como el SEO. Así es como identificar y corregir problemas con texto alternativo ausente o mal redactado:

Paso 1: Utiliza herramientas para auditar el texto alternativo

• Extensiones del navegador: Herramientas como OLA Puede resaltar los atributos alt que faltan o son incorrectos en su sitio web.
• Plugins de WordPress: Los plugins como Rank Math pueden señalar imágenes que faltan. texto alternativo y guiarte para optimizarlos.
• Revisión manual: Para sitios web pequeños, puedes revisar manualmente los atributos alt a través del HTML o de la biblioteca de medios de WordPress.

Paso 2: Enfoque en páginas de alto impacto

Utiliza herramientas de analítica como Google Analytics o Search Console para identificar las páginas con mayor tráfico o con mayor número de conversiones. Prioriza corregir el texto alternativo en estas páginas para maximizar su impacto.

Paso 3: Optimizar el texto alternativo para las imágenes clave

• Reemplaza el texto alternativo vago o cargado de palabras clave con texto alternativo descriptivo.
• Añade texto alternativo a las imágenes que aparecen en las secciones clave de tu contenido o genera tráfico a través de resultados de búsqueda de imágenes.

Paso 4: Abordar atributos alt que faltan

Para las imágenes que no tienen un atributo alt, decide si necesitan uno:

• Añade texto alternativo si la imagen apoya tu contenido.
• Usa un atributo alt vacío (alt=””) para imágenes puramente decorativas para mejorar la usabilidad para usuarios de lectores de pantalla.

Consejo Profesional: Auditar regularmente su texto alternativo de la imagen garantiza que mantengas tanto la accesibilidad como la robustez optimización de motores de búsqueda (SEO) Con el tiempo.

Paso 5: Mantener un proceso

Escribe texto alternativo conciso Parte de tu flujo de trabajo cada vez que añades nuevas imágenes a tu sitio web.

Conclusión

El texto alternativo desempeña un papel crucial para hacer que su sitio web sea accesible, mejorando su optimización de motores de búsqueda, y generando más tráfico a través de Imágenes de Google. Al seguir las mejores prácticas para crear texto alternativo conciso, no solo ayudarás usuarios de lectores de pantalla pero también impulsar el rendimiento de tu sitio web en resultados de motores de búsqueda.

Puntos clave:

• Comienza a crear etiquetas ALT donde sea necesario: Prioriza imágenes significativas que contribuyan a Contenido de la página o experiencia de usuario.
• Usa texto alternativo optimizado: Escribe un texto claro y descriptivo sin sobrecargarlo con palabras clave.
• Audite regularmente: Utiliza herramientas como plugins de WordPress o extensiones de navegador para identificar y corregir problemas de atributos alt.
• Prioriza la accesibilidad: Para imágenes puramente decorativas, deja el atributo alt vacío (alt="") para mejorar la usabilidad de los lectores de pantalla.

Consejos adicionales para una mejor optimización de imágenes:

• Nombres de archivos descriptivos: Usa una clara Nombre del archivo de la imagen, como "pastel-de-chocolate-frambuesas.jpg", para soportar el texto alternativo.
• Imágenes responsivas: Asegúrese de que las imágenes se carguen correctamente en todos los dispositivos para mejorar la experiencia del usuario.
• Carga diferida: Acelera los tiempos de carga de la página activando la carga diferida de imágenes.

About the Author

Jonas Lindemann

I’m an experienced SEO professional with over a decade of helping over 100 businesses rank higher online, especially local businesses, e-commerce stores and SaaS. As the co-founder of LPagery, I specialize in practical, proven strategies for regular SEO and Local SEO success.