Antonio Barranco

Diseño web

Domingo, 24 de Octubre de 2004

Ventajas de diseñar una web ajustada a estándares


Estas semanas he estado preparando una serie de artículos en los que poner de manifiesto la importancia tanto del uso como del desuso de determinadas tecnologías en la construcción de sitios web.

Evidentemente dichos artículos se basarán en la filosofía del lenguaje de marcado XHTML, la filosofía del lenguaje de definición de estilos CSS y la importancia del uso de modelos semánticos en el diseño de nuestros sitios web.

Veamos con que características principales se dota un sitio web al ser respetuoso hacia los estándares vigentes:

Formato universal

Si diseñamos ajustándonos a un estándar podemos estar seguros de que los navegadores que han sido diseñados para ajustarse a dicho estándar representarán nuestros contenidos tal y como los habíamos imaginado.

Podemos resumir que su uso es el mejor medio para alcanzar una representación única y universal en todos los navegadores y dispositivos que respeten el estándar propuesto en que nos hayamos basado.

Realmente es lógico pensar que basar sus proyectos en los mismos estándares que las compañías han de respetar para construir sus navegadores y dispositivos ha de ser garantía de buen funcionamiento.

Excelente portabilidad

El hecho de trabajar con código relativamente simple, a través del uso de XHTML, y de separar nuestros contenidos del diseño mediante el uso de CSS, nos permite lograr que los cambios menores o globales tanto de diseño como de contenido sean infinitamente mas sencillos y rápidos, logrando para ello un menor consumo de recursos o una menor inversión.

Mayor tiempo de vida de la inversión

Cuando usamos métodos o comportamientos propietarios corremos el riesgo de que nuestro sitio web se vuelva obsoleto en un corto espacio de tiempo.

El mejor ejemplo fue el de las millones de líneas de código (etiquetas propietarias) que hubieron de ser cambiadas cuando “Internet Explorer” acabó con la hegemonía de “Netscape”.

Aunque puede parecer que la hegemonía de “Internet Explorer” y “Windows” está asegurada por algunos años más, en dicha plataforma suceden vaivenes tecnológicos que pueden inutilizar o minimizar nuestra audiencia.

Podemos encontrar ejemplos en, las severas restricciones de seguridad a las que se ve sometido desde la aparición de “Windows XP Service Pack 2” cualquier contenido “ActiveX” incrustado en una página web, o la guerra sin cuartel hacia comportamientos, hasta ahora comunes, que permitían lanzar ventanas emergentes sin intervención del usuario.

Podemos concluir que el uso de tecnología estándar extiende el periodo de vida de nuestra inversión, ya sea dineraria o basada en el desempeño personal.

Maximización de su audiencia potencial

Como consecuencia de los puntos anteriores queda patente que la accesibilidad de nuestro sitio web se maximiza con el respeto a los estándares.

Dicha consecuencia no es algo que debamos minusvalorar, ya que cuando el objetivo de nuestro sitio web es realizar a nuestros usuarios labores de promoción, información, ventas, asistencia, etc. el hecho de ser capaces de llegar a la totalidad de la audiencia maximiza nuestra capacidad comunicativa.

Igualmente como veremos con más profundidad, el uso de estándares posibilita resolver con suma facilidad:


  • El problema de accesibilidad que supone mantener versiones para dispositivos móviles, PDAs, impresoras, etc.

  • El problema de usabilidad que supone construir sitios accesibles por personas con minusvalía.

Reducción de tamaño global

Una de las consecuencias del uso de la filosofía XHTML + CSS es que, debido a la separación de los contenidos y del diseño se minimiza el contenido redundante entre páginas.

Ello contribuye a reducir de forma sustancial el tamaño de nuestras páginas, lo que redunda en:


  • Una mejor experiencia para nuestros usuarios, al reducir el tamaño de cada página y la cantidad de datos que han de descargar en su navegación.

  • Una experiencia adecuada para los usuarios que estén usando las versiones destinadas a dispositivos móviles de nuestro sitio web.

  • Un mejor aprovechamiento de nuestra infraestructura:

    • Reduciendo de manera significativa la carga de nuestros servidores.

    • Reduciendo el tráfico necesario para servir nuestros contenidos, lo cual en muchos casos puede redundar en ahorro si trabajamos con servidores que cobran según la cantidad de datos transferidos.

La disminución de tamaño que las páginas experimentan al ser diseñadas respetando los estándares justifica por si sola rediseñar todo un sitio web en sitios que soportan un alto tráfico.

Mejor indexación en motores de búsqueda

Cuando diseñamos respetando los estándares provocamos que los analizadores de los motores de búsqueda clasifiquen mejor nuestros contenidos.

Una de las causas de ello es el empleo de los elementos semánticos a los que nos obligan dichas normas, los cuales sirven para dotar de importancia a determinadas partes de nuestros contenidos

Igualmente la separación entre contenidos y diseño posibilita que en la lectura de cada una de nuestras páginas dichos analizadores encuentren un ratio mayor de contenidos útiles que de código destinado a la representación de los mismos.

Como expresábamos en el anterior punto, esta mejora en las posibilidades de permanecer bien situado en los buscadores puede justificar por si sola el empleo de la filosofía de diseño que proponemos.

Enlaces relacionados:

Especificación del lenguaje de marcado XHTML 1.0

Especificación del lenguaje de marcado XHTML 1.1

Especificación del lenguaje de marcado XHTML Basic (subconjunto limitado para dispositivos móviles)

Especificación el lenguaje CSS1

Especificación el lenguaje CSS2

Pautas de Accesibilidad del Contenido en la Web 1.0 (WAI)

La importancia de la accesibilidad: Análisis de accesibilidad

Diferencias entre usabilidad y accesibilidad

Publicado el 24/10/2004 a las 11:00 AM
Categorías: Diseño web, Accesibilidad, Usabilidad
Comentarios (3)Trackbacks (5)Enlace permanente

Domingo, 01 de Agosto de 2004

Metatags propietarias que pueden resultar de utilidad


Existen una serie de metatags que aun siendo propietarias nos pueden ayudar a mejorar la experiencia de nuestros usuarios, habilitando o desactivando comportamientos en el navegador de nuestros visitantes que podemos considerar molestos.

Tenga en cuenta que todos los atributos que se tratarán en el presente artículo no están estandarizados por el World Wide Web Consortium (W3C), sin embargo resultan de utilidad para modificar el comportamiento en navegadores específicos.

Imagetoolbar

El propósito de dicho atributo es ocultar la barra de herramientas que “Internet Explorer” muestra cuando se coloca el cursor encima de una imagen.

En ocasiones es tremendamente molesto que dicha barra aparezca encima de elementos que son parte del diseño de la página web y que el usuario no estará interesado nunca en descargar.

Dicho comportamiento hace que los elementos de nuestro diseño destaquen no solo visualmente sino estructuralmente, siendo especialmente dañino cuando dichas barras aparecen en composiciones realizadas mediante imágenes troceadas, mostrando su verdadera naturaleza.

El presente atributo ha de ser necesariamente especificado usando la sintaxis “http-equiv”, para más información sobre dicho aspecto puede consultar el artículo ”Introducción a las metatags: definición, sintaxis y uso correcto”.

Dicho atributo puede tomar los valores “yes” o “no”.

Ejemplo: <meta http-equiv="imagetoolbar" content="no" />

En caso de considerar que la aparición de dicha barra puede resultar de utilidad en ciertas de las imágenes que componen su sitio web, como por ejemplo en una galería de imágenes, existe una forma de habilitar o deshabilitar dicho comportamiento mediante el atributo “galleryimg” dentro de la propia etiqueta <img>.

Dicho atributo puede tomar los valores “yes” o “no”.

Ejemplo: <img src="/imagenes/galeria/mi-estudio-de-diseño.jpg" width="640" height="480" galleryimg="yes" />

Page-enter y page-exit

Ambos atributos generan una transición de entrada o de salida a la página a seleccionar entre varias disponibles durante un periodo de tiempo que también especificamos.

Dichos atributos han de ser necesariamente especificados usando la sintaxis “http-equiv” tal y como veíamos anteriormente.

El atributo “content” ha de ser especificado de la siguiente manera: “RevealTrans (Duration=n, Transition=m)”, siendo “n” la duración en segundos del efecto que deseamos mostrar y “m” el identificador del efecto propiamente dicho.

Puede encontrar una lista detallada de los posibles efectos junto con sus identificadores en la Referencia sobre filtros y transiciones de “Internet Explorer”.

Ejemplo 1: <meta http-equiv="Page-Enter" content="RevealTrans (Duration=4, Transition=23)” />

Ejemplo 2: <meta http-equiv="Page-Exit" content="RevealTrans (Duration=4, Transition=23)” />

Dichos ejemplos realizan una transición aleatoria a la entrada y salida de la página respectivamente.

Los presentes atributos no demasiado recomendables debido a que consumen tiempo al usuario y no aportan utilidad aparte de la meramente estética, siendo esta cuanto menos discutible.

Window-target

Este atributo propietario puede ser especialmente útil cuando deseamos evitar que “pirateen” nuestro contenido insertando nuestras páginas en “frames” o ventanas de terceros.

En la práctica especifica en nombre de un “frame” o ventana en la cual nuestra página ha de cargarse.

Los posibles valores de dicho atributo son los usuales:

_blank: Carga nuestra página en una nueva ventana sin nombre.

_self: Nuestra página se cargará en el “frame” o ventana que le corresponda de forma natural.

_parent: Cargará nuestra página en el Definicion del elemento: “frameset” o ventana padre del destino correspondiente.

_top: Carga nuestra página usando todo el espacio de la ventana del navegador destruyendo toda estructura de
“frame”.

“Cualquiernombre”: Carga nuestra página en el “frame” o ventana nombrados como tal.

Dicho atributo ha de ser necesariamente especificado usando la sintaxis “http-equiv” tal y como veíamos anteriormente.

Ejemplo: <meta http-equiv=” Window-target “ content="_top “ />

De considerar útiles dichos comportamientos plantee como alternativa el uso de la etiqueta estándar ”<base>”.

MSSmartTagsPreventParsing

Dicho atributo fue publicado por Microsoft para prevenir que una página mostrase las ”SmartTags”, que Microsoft emplea en diversos productos pero que nunca llegaron a usarse en su navegador “Internet Explorer” pese a haberse anunciado su uso.

En la actualidad no tiene objeto, puesto que ninguna versión de “Internet Explorer” ha introducido el concepto de ”SmartTags”, pese a ello, de introducirse dicho concepto el presente atributo es el definido por la propia Microsoft para deshabilitar dicho comportamiento.

Ejemplo: <meta name="MSSmartTagsPreventParsing" content="true" />

Conclusión

Con esto finalizamos el presente artículo sobre atributos que pueden ser usados como metadato y que realizan una función no estandarizada y exclusiva del navegador que lo soporta pero que puede resultar de utilidad para deshabilitar comportamientos molestos o para habilitar comportamientos que creamos puedan dar valor a nuestra web.

Como autor le recomendaría el uso de los atributos siempre que puedan ser empleados para deshabilitar alguna característica molesta de un navegador en concreto, como es el caso de la barra de herramientas de imágenes en “Internet Explorer”, de las ”SmartTags” en el supuesto de que Microsoft decidiera incluirlas en “Internet Explorer”, etc.

El uso de atributos no estándares para añadir funcionalidades (como es el caso de los atributos que aportan transiciones entre páginas) jamás puedo aconsejárselo, ya que si usted considera que dicho comportamiento aporta utilidad debería implementarlo con tecnología estándar.

Enlaces relacionados:

Introducción a las metatags: definición, sintaxis y uso correcto

Publicado el 01/08/2004 a las 01:00 PM
Categorías: Diseño web
Comentarios (3)Trackbacks (0)Enlace permanente

Martes, 20 de Julio de 2004

Introducción a las metatags: definición, sintaxis y uso correcto


Hablar de las etiquetas “meta”, o “metatags” como se las conoce popularmente, puede parecer anticuado en una época en la que los grandes motores de búsqueda no les dan la importancia de antaño.

Sin embargo no debemos dejarnos llevar por la dejadez y pensar que dichos elementos son superfluos y nada aportan a nuestro proyecto.

Las etiquetas “meta” han de situarse en el interior de las etiquetas <head></head>, es muy usual colocarlas justo después de la etiqueta <title></title>, aunque en ningún caso es obligatorio dicho orden.

Hay un par de variaciones importantes en cuanto a sintaxis e intención en las etiquetas “meta” que ha de tenerse en consideración, puesto que cada una de ellas tiene una filosofía y un propósito diferente.

Veamos la primera de ellas:

<meta http-equiv="nombre" content="contenido" />

Esta sintaxis merece cierta atención, ya que es tradicional cierto desconocimiento acerca de su origen y su propósito.

Con ella lo que conseguimos el efecto de añadir información a la cabecera con la que es enviada nuestra página hacia el navegador del usuario.

Consideremos una cabecera de respuesta típica:

HTTP/1.1 200 OK
Date: Tue, 20 Jul 2004 19:27:09 GMT
Server: Apache/1.3.26 (Unix) Debian GNU/Linux mod_gzip/1.3.19.1a PHP/4.3.8 v2h/1.5.1
X-Powered-By: PHP/4.3.8
Expires: Mon, 26 Jul 1997 05:00:00 GMT
Last-Modified: Tue, 20 Jul 2004 19:27:09 GMT
Cache-Control: no-store, no-cache, must-revalidate
Cache-Control: post-check=0, pre-check=0
Pragma: no-cache
Transfer-Encoding: chunked
Content-Type: text/html

Imaginemos que necesitamos añadir cualquier atributo usual dentro de estas cabeceras, no tenemos acceso a la configuración de nuestro servidor o no dispongamos de ningún lenguaje dinámico como ASP o PHP que nos permita hacerlo de forma más o menos elegante.

En este caso la adición de una etiqueta meta con el parámetro “http-equiv” es equivalente, nuestro navegador debería interpretarlo como tal.

Por ejemplo, si deseásemos añadir el atributo:

Refresh: 5

No tendríamos más que colocar la siguiente construcción entre nuestras etiquetas “meta”:

<meta http-equiv="Refresh" content="5" />

Podemos encontrar todos los atributos posibles dentro de las especificaciones de los protocolos http 1.0 y http 1.1.

La segunda sintaxis, mucho más usual, es la siguiente:

<meta name="nombre" content="contenido" />

Con ella buscamos introducir cierta información en forma de metadatos que habrán de ayudar a identificar rasgos y atributos de nuestra página web.

Dichos atributos podrán ser aprovechados por navegadores, motores de búsqueda o incluso humanos para ayudar a clasificar su página, al igual que hacen los bibliotecarios cuando clasifican un libro en base a ciertos atributos.

Su uso fue recomendado por el World Wide Web Consortium (W3C), precisando que se deben proporcionar metadatos para añadir información semántica a los sitios web.

Podemos considerar que las etiquetas mas comunes que debería incluir toda página son las siguientes:

Description

El propósito de la presente etiqueta es proporcionar una breve descripción del contenido de nuestro sitio web.

Tradicionalmente ha venido siendo usada por motores de búsqueda para añadir dicha información a sus resultados. En la actualidad debido al perfeccionamiento de dichos motores dicho atributo apenas se tiene en cuenta o no se hace en absoluto.

La razón de esta práctica es que dichos buscadores para brindar una mayor utilidad al usuario muestran el texto colindante a los términos de búsqueda empleados en sus resultados, a fin de ofrecer una referencia contextual. También debemos destacar que los tiempos en que los buscadores tenían en cuenta sólo el texto de dicha etiqueta están afortunadamente lejos.

No obstante quedan muchos buscadores que en determinados casos aun hacen uso de dicha información, y es importante incluir una descripción lo más completa posible del contenido de nuestra página, que debemos conseguir con el menor número de palabras posibles, ya que muchos robots sólo consideran aproximadamente las 15 primeras palabras de su contenido.

Ejemplo: <meta name="description" content="Bitácora personal sobre usabilidad, diseño, marketing, publicidad, canales y modelos de negocio, nuevas tecnologías y promoción en Internet.” />

Keywords

Define una serie de palabras clave que tienen el propósito de referenciar nuestra web de cara a búsquedas, es de recibo pensar dicho atributo se creó pensando especialmente en los motores de búsqueda.

Podemos hablar mucho de este atributo, pero heredando de la anterior debemos comprender que su uso es bastante limitado en la actualidad.

Esto es debido a las razones anteriormente expuestas y a que tradicionalmente se ha utilizado dicha etiqueta para cometer fraude, incluyendo palabras que para nada tenían que ver con el contenido que se mostraba. Como reacción los buscadores en claro afán de producir mejores resultados que los de su competencia han ido eliminando gradualmente el crédito proporcionado a dicha información.

No obstante puede resultar interesante hacer uso de ella ya que pequeños buscadores aun hacen uso de la información que proporciona, en estos casos es recomendable tomarse la elección de dichas palabras clave palabras clave de forma muy delicada, ya que deben expresar el contenido intrínseco de nuestra página de una forma exacta. Han de colocarse en orden de importancia y no conviene extenderse en su uso, ya que tradicionalmente un motor de búsqueda que haga uso de ellas no tomará más de 15.

Ejemplo: <meta name="keywords" content="usabilidad, diseño, marketing, publicidad, promoción, nuevas tecnologías, modelos de negocio” />

Author

En ella especificamos quien es el autor del documento que presentamos.

Ejemplo: <meta name= “author” content=“Antonio Barranco” />

Language

Con ella informamos acerca del idioma en que se encuentra nuestro documento. Existe una lista de códigos para los idiomas más comunes. Por ejemplo, el código de idioma para el Español es “es”, si queremos concretar más y especificar que se trata de Español de España escribiremos “es-es”.

Todos estos códigos se encuentran estandarizados dentro de la norma ISO 639-2, que puede servirles como material de consulta en caso de tener dudas acerca del código correspondiente a su idioma.

Ejemplo: <meta name="language" content="es" />

Robots

Su valor proporciona instrucciones a los motores de búsqueda información sobre cómo rastrear o indexar el documento y otros documentos enlazados con él. En un próximo artículo se hará un análisis exclusivo sobre el uso de dicho atributo.

Ejemplo: <meta name="robots" content="index, follow” />

Copyright

EL valor de “copyright”, debe incluir el propietario de los derechos del sitio así como una declaración de uso lícito.

Ejemplo: <meta name="copyright" content="Copyright Antonio Barranco 2.004 - Todos los derechos reservados” />

Existen atributos que informan a los motores de búsqueda del periodo en que se actualiza la página y otra información similar. La tendencia actual de dichos sistemas es hacer caso omiso a dicha información, por lo que no entran dentro del ámbito del presente artículo.

Igualmente es interesante conocer ciertos atributos para las metatags que permiten modificar aspectos del comportamiento del navegador, que pese a no estar estandarizados y ser propietarios pueden ayudarnos a eliminar comportamientos no deseados.

Enlaces relacionados:

Especificación de los metadatos dentro de HTML 4.01

Publicado el 20/07/2004 a las 01:30 PM
Categorías: Diseño web
Comentarios (1)Trackbacks (2)Enlace permanente

Jueves, 17 de Junio de 2004

Audio y Vídeo en la web


Si existe un área en la publicación de contenidos en la que las discusiones sobre accesibilidad son feroces esta es la inclusión contenidos multimedia.

En este artículo nos centraremos únicamente la cuota de mercado que obtienen las diferentes tecnologías que permiten ofrecer audio y vídeo a través de la web.

Es bien sabido que existen tres compañías en una lucha encarnizada por dominar el mercado de los formatos de medios tanto en el área de escritorio como en la web.

Microsoft con su Windows Media, RealNetworks con su RealOne y Apple con su QuickTime se reparten el mercado en proporciones que todo profesional debería conocer:


Cuota de mercado de los reproductores multimedia

Atendiendo a dichos datos, nunca concretos ni fiables al 100%, podemos hacernos una idea sobre que formato es el adecuado para la publicación de nuestros contenidos, pudiendo hacer hincapié en seleccionar uno o varios que satisfagan nuestra audiencia potencial.

Estas conclusiones han de ser elaboradas individualmente para cada proyecto, forzosamente cada uno de ellos contemplará necesidades diferentes. Por ejemplo, un sitio web sobre diseño o artes gráficas tiene una mayor audiencia potencial de usuarios con Mac, a los que hay que satisfacer, que un sitio web de información general.

Existen formatos genéricos que son soportados por todos los reproductores referenciados anteriormente, que pueden considerarse potencialmente accesibles para todas las plataformas, como pueden ser el mp3, mp3pro, mpeg4, Ogg, etc.

En un próximo artículo se expondrá la manera de insertar contenidos en estos formatos que serán funcionales en el reproductor predeterminado de la plataforma del usuario.

También trataremos la posibilidad e idoneidad de utilizar el formato Flash, presente en el 98% de los ordenadores que se conectan a Internet y estándar de facto, para la distribución de contenidos multimedia de audio y vídeo.

Enlaces relacionados:

Microsoft Windows Media

RealOne

Apple QuickTime

Macromedia Flash

Publicado el 17/06/2004 a las 04:00 AM
Categorías: Diseño web, Accesibilidad
Comentarios (1)Trackbacks (1)Enlace permanente

Martes, 11 de Mayo de 2004

Contenidos PDF en la web: Ventajas e inconvenientes


El formato PDF es un estándar de facto, es universal, multiplataforma y existe un amplísimo parque de lectores instalados. Nos resultará complicado no hallar en cualquier computador el lector oficial y gratuito Adobe Reader o alguna alternativa que lo sustituya.

Este formato, propiedad de Adobe, se está convirtiendo en una pieza clave en dicha compañía. En un futuro es de esperar que todas sus aplicaciones de diseño lo usen como formato nativo.

Hace algun tiempo todos pudimos comprobar como un fichero PSD de Adobe Photoshop podía ser guardado en PDF sin perder una sola de sus características, permitiendo guardar su contenido cifrado, y añadiendo la posibilidad de ser visto e impreso en cualquier computador que dispusiera de Adobe Reader sin necesidad de disponer de una copia de Adobe Photoshop.

No vamos a hablar de las bondades del formato PDF ni de la versatilidad que supondría su uso como formato universal. Nuestra tarea es aclarar cuándo y cómo se debe usar dicho formato de publicación dentro de un sitio web.

Cuando colocamos archivos PDF en nuestras páginas debemos tener en cuenta que con ellos ha de aumentar nuestra utilidad.

Debemos hacer notar que que no es nada accesible colocar documentos en formatos, que aun siendo estándares de facto no son gratuitos, como Word, WordPerfect, Excel, etc. No es sensato pretender que para hacer uso de nuestros contenidos nuestros visitantes deban pagar una licencia de cada uno de esos programas, o cambiar de plataforma.

Con PDF no tendremos ese problema, debido a que el lector oficial, disponible para múltiples plataformas Adobe Reader, es gratuito y además existen multitud de alternativas a éste igualmente gratuitas y para las más variadas plataformas.

PDF es el formato adecuado para publicar cualquier tipo de documento al que queramos dotar de utilidades como: facilidad de impresión, de descarga y almacenamiento, de visualizarlos fuera de linea y en múltiples dispositivos, de distribución entre usuarios, conservación de una estructura paginada, etc.

Hemos de concienciarnos que de nada sirve colocar determinados contenidos que los usuarios demandan leer en línea en formato PDF. La navegación por ficheros de dicho formato a través de su lector arruina la usabilidad e incide negativamente en la accesibilidad de sus contenidos.

Es una buena idea que en documentos web susceptibles de ser guardados por nuestros visitantes ofrezcamos una alternativa en PDF para facilitarles su descarga. En este caso ofreceríamos nuestra información tanto en formato web como en PDF.

En otros casos, cuando la información que ofrecemos solo es útil de manera impresa o consideramos que la lectura en línea carece de sentido podemos ofrecer exclusivamente dicho contenido en formato PDF.

En ambas situaciones generamos utilidad ahorrando al usuario la incomodidad que supone guardar múltiples páginas de nuestra web usando la opcion correspondiente de su navegador. Nuestro usuario encontrara un util archivo paginado, de fácil distribución, bien maquetado y listo para su impresión.

En cualquier caso siempre es bueno que tenga en cuenta los siguientes consejos, que le ayudarán a integrar dichos ficheros en su web de manera exitosa:

- Siempre debe advertir a sus usuarios, con un texto explicativo o icono, que determinado enlace apunta a un fichero PDF. Les ahorrara el sobresalto que supone la aparición inesperada del lector Adobe Reader.

- Componga sus documentos para una versión de Adobe Reader inmediatamente inferior a la que se encuentra en el mercado.

- Trate de acompañar los enlaces a documentos PDF con una nota explicativa sobre su contenido. Logrará dotar de utilidad a su web, ayudando a sus usuarios a discernir si determinado contenido les interesa, y les ahorrara interminables sesiones de prueba y error.

- Intente colocar en los textos de dichas notas el mayor número de palabras clave que identifiquen a esos ficheros de cara a los motores de búsqueda.

- No permita que los motores de búsqueda indexen directamente su fichero PDF, los usuarios a raíz de sus búsquedas hallarían el fichero PDF insertado en su navegador y no su página, evitaría que el usuario pudiera usar la estructura de navegación que usted ha definido, le haría perder contenidos relacionados con dicho fichero PDF disponibles en su web y a usted le haría perder una visita. Los buscadores deberían indexar la página con las palabras clave descritas en el anterior punto. En la práctica como solución sencilla puede almacenar todos sus ficheros PDF en una misma carpeta y prohibir la indexación de dicha ruta mediante un fichero robots.txt.

- Aproveche el nombre del fichero para titularlo de forma descriptiva. Logrará que los usuarios que lo descarguen lo encuentren con un nombre amigable.

- Informe a sus usuarios de la manera de descargar el fichero evitando la carga del lector Adobe Reader insertado en sus navegadores.

- En el caso de que desee evitar siempre a sus usuarios la aparición de Adobe Reader insertado en sus navegadores y la lenta carga de las páginas del fichero puede hacer que la extensión “.pdf” pase a ser del tipo mime “application/octet-stream”. Ello provocará que el navegador lo descargue como cualquier otro archivo binario sin identificar.

- Coloque en lugar visible una explicación sobre como obtener e instalar el lector Adobe Reader.

Para crear archivos PDF podemos optar por la solución comercial de Adobe: “Adobe Acrobat”, o bien decantarnos por soluciones mas económicas o incluso gratuitas como:

OpenOffice.org

StarOffice

ABC Amber Text Converter

PrimoPDF

WinPDF

PDFMoto

Click2PDF

CutePDF Printer

PdfFactory Pro

Go2PDF

eDocPrinter PDF Pro

PDFCreator

PDF4Free

Como nota final recuerde que para que el uso del formato PDF se justifique, éste ha de suponer algún tipo utilidad al usuario. Si el hecho de que su contenido se encuentre en PDF es percibido como un problema que provoca dificultades de acceso o molestias a sus usuarios probablemente deba replantearse su política de accesibilidad.

Enlaces relacionados:

Adobe Reader

Adobe Acrobat

Publicado el 11/05/2004 a las 11:00 PM
Categorías: Diseño web, Accesibilidad
Comentarios (2)Trackbacks (1)Enlace permanente

Miírcoles, 05 de Mayo de 2004

La importancia de la accesibilidad: Análisis de accesibilidad


Es un dato aceptado que el éxito de un sitio web pasa por brindar la mejor experiencia posible al usuario. Esto se consigue maximizando estas tres variables: accesibilidad, usabilidad y contenidos.

Al plantearnos un proyecto web todos apreciamos la importancia que unos contenidos atractivos pueden suponer para su éxito. Razón por la que minuciosamente estudiamos y planificamos cada uno de los párrafos, imágenes y demás medios que compondrán nuestra oferta.

Igualmente estudiamos y dotamos al sitio de una cuidada usabilidad, sabedores del importante peso que esta variable tendrá sobre la experiencia de nuestros usuarios.

No obstante, y a pesar de que es de sobra conocida su importancia, a la accesibilidad no se le brinda tal cuidado y planificación.

Es relativamente frecuente que un proyecto web carezca de un análisis de accesibilidad. Necesariamente debemos considerar dicha carencia como un grave error, puesto que sin darnos cuenta podríamos disminuir la experiencia del usuario de un tanto por ciento importante de visitantes hasta el punto de resultarles inútiles y acabar discriminándolos.

Dicho análisis implicará muy directamente los formatos y tecnologías que usaremos para mostrar nuestros contenidos. Debemos seleccionar los que estén presentes en la mayoría de los sistemas de nuestros potenciales usuarios.

Usar tecnologías o formatos escasamente populares aumenta las barreras de entrada y provoca que su sitio web sea escasamente accesible.

Seremos más accesibles siguiendo unas sencillas reglas:

- Use siempre estándares de publicación: El uso de estándares ampliamente aceptados maximiza su audiencia y minimiza los problemas que los usuarios pudieran experimentar para acceder a su sitio. Consulte el World Wide Web Consortium (W3C) y páginas afines para mantenerse informado.

- Evite los formatos propietarios: Si no es absolutamente imprescindible jamás ofrezca información en formatos que obliguen al usuario a tener determinado programa comercial para su visualización. En el caso de ofrecer documentos para descarga use formatos populares como PDF que posee un amplio parque de lectores gratuitos instalados.

- No use características específicas de un navegador o plataforma ni tampoco sobreentienda que su usuario está usando determinado navegador, sistema operativo o posee un determinado programa.

- Consulte las estadísticas de penetración de las tecnologías que pretenda usar para mostrar sus contenidos, eso le ayudará a valorar si merece la pena su empleo.

- No espere que invitaciones a los usuarios a instalar determinado software o plugin den fruto alguno. Asimismo considere que las recomendaciones acerca de cambiar de resolución o navegador caerán en saco roto.

Tenga en cuenta que de no seguir una política de accesibilidad puede frustar la experiencia de usuario de sus visitantes, provocar que usted mismo los arroje hacia su más directa competencia y afectar negativamente su imagen o la de la empresa que represente.

La accesibilidad ha de ser cuidada en todo momento:

- Reflexione en que manera su sitio web puede evolucionar positivamente en dicho aspecto.

- Aproveche la información que le brindan sus estadísticas para valorar el número de visitantes que no llegan a alcanzar sus barreras de entrada. Trate de disminuirlas.

Podemos considerar que una correcta política de accesibilidad:

- Amplia nuestra audiencia potencial.

- Maximiza el tiempo de estancia de los visitantes en nuestro sitio web.

- Hace más sencilla la gestión y modificación de su sitio web.

- Aumenta el tiempo de vida de su sitio web y por tanto de su inversión en dinero, tiempo o recursos.

En esta misma categoría encontrarán próximamente análisis individuales de cara a la accesibilidad de las diferentes tecnologías empleadas para mostrar contenido, así como estadísticas de penetración.

Enlaces relacionados:

World Wide Web Consortium (W3C)

Publicado el 05/05/2004 a las 10:00 AM
Categorías: Diseño web, Accesibilidad
Comentarios (0)Trackbacks (2)Enlace permanente