Texto descriptivo de componentes de página web.

Etiquetas para Contenido Web

Rotulación de Imágenes y Vínculos (10)





Etiqueta Alternativa para Imágenes

Toda imagen que se encuentra en una página web se rotula. Es decir, se acompaña con una etiqueta con nomenclatura de código HTML llamada 'alt' que describe la identidad o propósito de la imagen. Esta descripción complementaria sirve a las personas que utilizan lectores de texto que no muestran elementos gráficos en pantalla. Igualmente sirve a las personas con impedimentos a la vista que utilizan la aplicación texto a voz (text to speech), para saber al respecto de las imágenes que no pueden ver.
Los motores de búsqueda utilizan el texto alternativo de la imagen como un argumento más en su proceso de clasificación de páginas.

En navegadores como Internet Explorer, que renderizan elementos gráficos, se puede ver el texto de la etiqueta alt cuando el cursor del ratón se ubica sobre la imagen.

Ejemplo de notación de la etiqueta alt
Rotulación de la imagen del famoso buscador cumpliendo con la norma del código HTLM 4.01
Ejemplo de etiqueta ALT.
Logotipo de Google AdSence.
Las imágenes espaciadoras en blanco, que permiten ajustar la posición de los elementos gráficos de una página web, no requieren de texto alternativo. Sin embargo, la etiqueta 'alt' debe estar presente como se muestra a continuación:
Ejenplo de etiqueta para imágenes spacer.


Etiqueta Complementaria para Vínculo

Los vínculos generados en el texto de una página web se rotulan por la misma razón que las imágenes. Para este propósito se utiliza la etiqueta de código HTML 'title'. Esto rige para los vínculos internos (inbound) y externos (outbound). No debe confundirse con la etiqueta título de página.

Ejemplo de notación de la etiqueta title
El vínculo “páginas web” se rotula como sigue:
Ejemplo de rotulación de vínculo.
Texto de las Etiquetas de Vínculo
Se recomienda utilizar al menos una palabra clave del título de la página a la cual apunta el vínculo.

Ejemplo
El vínculo posicionamiento de sitios” se rotula como sigue:
Ejemplo de texto para rotular vínculos.
Prohibida la reproducción con fin comercial. No copie el contenido de esta página. El plagio es detectado por Copyscape.
anterior siguiente índice


  Aventura en Internet. Entretenidos
 

  Aventura en Internet. Míos y Tuyos
 

©dr.croxwell 2006-14.