Post Top Ad

Your Ad Spot

miércoles, 6 de mayo de 2020

Texto alternativo para SEO : cómo optimizar sus imágenes

El texto alternativo (texto alternativo) describe una imagen en una página web. Vive en el código HTML y no suele ser visible en la página en sí.
Pero, ¿qué tiene de importante el texto alternativo? ¿Y cómo puedes usarlo para mejorar el SEO y la experiencia del usuario?
En esta guía, aprenderá:
  • Por qué es importante el texto alternativo
  • Cómo agregar texto alternativo a las imágenes
  • ¿Por qué no deberías agregar texto alternativo a todas las imágenes?
  • Cómo escribir un buen texto alternativo
  • Ejemplos de texto alternativo bueno y malo
  • Cómo encontrar y solucionar problemas con los atributos alt
El texto alternativo es importante por cuatro razones principales.

1. El texto alternativo mejora la accesibilidad

Millones de personas  tienen discapacidades visuales, y muchas usan lectores de pantalla para consumir contenido en línea. Funcionan convirtiendo contenido en pantalla, incluidas imágenes, a audio.
Las imágenes sin texto alternativo causan problemas a los lectores de pantalla porque no hay forma de comunicar el contenido de la imagen al usuario. Por lo general, omiten estas imágenes o, lo que es peor, leen nombres de archivos largos e inútiles.
Google habla sobre la importancia del texto alternativo para los usuarios con lectores de pantalla en su guía de inicio de SEO .

2. El texto alternativo puede mejorar la "relevancia temática"

Google mira las palabras en una página para entender de qué se trata.
Por ejemplo, si la página menciona caniches, labradores y perros perdigueros, entonces Google sabe que se trata de razas de perros.
¿Cómo se relaciona esto con las imágenes?
Porque a veces, el contexto está 'encerrado' en imágenes que Google no puede leer.
El uso de texto alternativo ayuda a Google a comprender estas imágenes, lo que conduce a una mejor comprensión de su página y su contenido.

3. El texto alternativo puede ayudarlo a clasificar en Google Images

Google Images es el segundo motor de búsqueda más grande del mundo. Es responsable del 20.45% de todas las búsquedas en línea , por delante de YouTube, Bing y otros motores de búsqueda  combinados.
Esto significa que hay una oportunidad para generar tráfico desde Google Images.
Solo mire la cantidad de clics que hemos tenido en el blog Ahrefs de Google Images en los últimos tres meses:
6.400 clics de Google Images en los últimos 3 meses
John Mueller de Google dice que el texto alternativo es una parte importante de la optimización para Google Images:
🍌 John 🍌 @JohnMu
Replying to @BrowserBugs @RNIB
Alt text is extremely helpful for Google Images -- if you want your images to rank there. Even if you use lazy-loading, you know which image will be loaded, so get that information in there as early as possible & test what it renders as.
82
3:59 AM - Sep 4, 2018
Twitter Ads info and privacy
49 people are talking about this

4. El texto alternativo sirve como texto de anclaje para enlaces de imágenes.

El texto de anclaje se  refiere a las palabras en las que se puede hacer clic que vinculan una página web a otra. Google lo usa para comprender más sobre la página web y de qué se trata.
Pero no todos los enlaces son texto; Algunas son imágenes.
Google declara:
Si decide usar una imagen como un enlace, completar su texto alternativo ayuda a Google a comprender más acerca de la página a la que está vinculando . Imagine que está escribiendo un texto de anclaje para un enlace de texto.
Simplemente agregue un atributo alt a la <img>etiqueta en el código HTML .
Imagen con una etiqueta alt:
<img src=“pie.jpg” alt=“steak and ale pie”>
Si está utilizando un CMS moderno , debería ser posible agregar texto alternativo sin tener que cavar en el código HTML .
Por ejemplo, en WordPress, hay un campo para texto alternativo al agregar una imagen a una página o publicación:
Las cosas son similares en otros CMS '.
Aquí hay instrucciones para algunos de los más populares:
  • Agregar texto alternativo a imágenes en Squarespace
  • Agregar texto alternativo a las imágenes en Wix
  • Agregar texto alternativo a las imágenes en Shopify
No, este es un error común.
Si la imagen existe para fines decorativos y no contiene información importante, no es necesario agregar texto alternativo.
Por ejemplo, algunos sitios web tienen iconos para separar el contenido:
Estos solo están ahí para verse bonitos, por lo que no debe agregar texto alternativo. Hacerlo solo molestará a los visitantes con lectores de pantalla y no agregará ningún " valor de SEO " a la página.
Lo mismo ocurre con las imágenes genéricas o de archivo como esta:
Fotografía de Stock de baño y velas en un sitio web de fontaneros
Tener texto alternativo que lea "baño y vela" no es útil para los lectores con discapacidad visual porque es información que no necesitan saber. Sería mejor que el lector de pantalla lo ignorara por completo.
Pero, aquí hay un punto importante ...
Si una imagen no requiere texto alternativo, la mejor práctica es agregar un atributo alternativo vacío. Esto se debe a que algunos lectores de pantalla leen los nombres de los archivos en ausencia de un atributo alt, mientras que la mayoría los omitirá con los vacíos.
Así es como se ve:
<img src="spacer.gif" alt="">
Obtenga más información en esta guía de WebAIM .
El texto alternativo no es ciencia espacial.
Siga estas cinco mejores prácticas y debería ser bueno.
  • Se conciso . El texto alternativo largo es molesto para quienes usan lectores de pantalla. Use la menor cantidad de palabras posible. (Utilice el atributo longdesc si es necesaria una descripción larga).
  • Sea preciso.  Concéntrese en describir la imagen.
  • Evite el relleno de palabras clave.  Este no es un lugar para palabras clave calzador.
  • Evita decir que es una imagen.  No es necesario incluir "Imagen de ..." o "Imagen de ..." en las descripciones. Tanto Google como los lectores de pantalla pueden resolverlo por sí mismos.
  • Evitar la redundancia.  No repita la información que ya existe dentro del contexto de la imagen. Por ejemplo, si tiene una foto de Steve Jobs y el texto directamente debajo de la imagen dice "Steve Jobs", no es necesario agregar esta descripción a la etiqueta alt. Google debe entender que el título es efectivamente el texto alternativo.
También debe recordar agregar texto alternativo para formar botones. De lo contrario, los lectores de pantalla podrían pasar por alto y algunos visitantes no podrán interactuar con su sitio web.
Asegurémonos de entender qué funciona y qué no con algunos ejemplos.
tarta de queso con fresa y crema
Malo: <img src=“cheesecake.png” alt=“picture of cheesecake”>
Bien : <img src=“cheesecake.png” alt=“cheesecake”>
Bueno : <img src=“cheesecake.png” alt=“strawberry cheesecake”>
Mejor :<img src=“cheesecake.png” alt=“strawberry cheesecake with cream”>
fundador de apple, steve jobs, sosteniendo el iphone 4
Malo : <img src=“steve-jobs.png” alt=“steve jobs apple iphone ipad mac”>
Bien : <img src=“steve-jobs.png” alt=“steve jobs”>
Bueno : <img src=“steve-jobs.png” alt=“apple founder, steve jobs”>
Mejor :<img src=“steve-jobs.png” alt=“apple founder, steve jobs, holding the iphone 4”>
naranja AD30HTC - amplificador de 30 vatios
Malo : <img src=“amp.png” alt=“image4">
Bien : <img src=“amp.png” alt=“orange amplifier”>
Bueno : <img src=“amp.png” alt=“orange amplifier - 30 watts”>
Mejor :<img src=“amp.png” alt=“orange AD30HTC - 30 watt amplifier”>
Tenga en cuenta la inclusión del número de modelo en ese ejemplo final. Esta es una buena práctica, especialmente para imágenes en páginas de productos de comercio electrónico.
Muchas herramientas son capaces de rastrear su sitio y encontrar atributos alternativos que faltan, incluida la Auditoría del sitio de Ahrefs .
Pero la falta de texto alternativo no siempre es un problema porque no todas las imágenes requieren texto alternativo.
Por ejemplo, eche un vistazo a estos atributos alt que faltan:
Falta el texto alternativo en los archivos llamados icono 1 e icono 2
Está claro por los nombres de archivo que no necesitan texto alternativo. Son decorativos, lo que significa que queremos que un lector de pantalla pase por encima de ellos.
Por lo tanto, en lugar de rastrear su sitio y obsesionarse con todos los atributos alt faltantes (la mayoría de los sitios tienen muchos faltantes), una mejor idea es auditar y mejorar las etiquetas alt para las páginas que ya reciben tráfico.
Hay dos razones para esto:
  1. Tienen lectores con discapacidad visual.  El 2.4% de los ciudadanos estadounidenses  tienen una discapacidad visual. Esa es una de aproximadamente cada 42 personas, lo que significa que, en promedio, si su página recibe 10.000 visitantes al mes, 240 de ellos no pueden consumir su contenido correctamente.
  2. Posiblemente podrían obtener más tráfico. El texto alternativo puede ayudar a que las imágenes se clasifiquen mejor en Google Images, y eso genera más tráfico. Incluso solo un aumento del 1% en una página con 10,000 visitas mensuales es un adicional de 100 visitantes.
Aquí está el proceso:

Paso 1. Encuentra tus páginas más visitadas de la búsqueda orgánica

Consulte Google Analytics, Google Search Console o el informe "Páginas principales" en Ahrefs 'Site Explorer .
Páginas principales por tráfico orgánico en el Explorador de sitios de Ahrefs

Paso 2. Audita tus atributos alt

Instale la extensión gratuita Alt Text Tester Chrome , cargue la página con más tráfico y luego active la extensión.
Debería ver el texto alternativo que se muestra cada vez que pasa sobre una imagen.
Si falta el atributo alt, verá una advertencia.
Consulte el texto alternativo para ver algunas imágenes en la página. Pronto tendrá una idea de si están optimizados bien, mal o nada en absoluto.
Por ejemplo, solo lleva unos segundos desplazarse por esta publicación para ver que todas las imágenes están bien optimizadas ...
Ejemplo de texto alternativo bien optimizado
… Mientras que lo mismo no es cierto para esta página en The Mirror:
Ejemplo de imágenes con texto alternativo mal optimizado

Paso 3. Repita para más páginas.

Repita este proceso para las páginas más visitadas en su sitio web. Esto debería darle una idea de si su optimización de texto alternativo es sólida o necesita trabajo.
Debido a que la mayoría de los sitios web llevan la mayor parte de su tráfico a un puñado de páginas, esto no debería llevar demasiado tiempo.
Por ejemplo, solo diez publicaciones en el blog Ahrefs representan el 51% del tráfico orgánico mensual ...
Las 10 páginas principales por tráfico orgánico en el Explorador de sitios de Ahrefs

… Para que podamos auditar y optimizar fácilmente el texto alternativo para la mayoría de nuestras páginas de alto tráfico en minutos.

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas