Registrar un dominio

Resumen: Algunos consejos para evitar problemas en el registro de dominios y evitarte problemas como el secuestro de dominios.
La cuestin de la mala prctica de algunas empresas en el tema del registro de dominiospensaba que era algo que haba pasado a la historia, pero veo que no es as. ltimamente se estn produciendo bastantes consultas a este respecto en los foros y se me cae el alma a los pies cuando veo gente que se encuentra con su dominio secuestrado. As que vamos a aclarar algunos conceptos. Con esto de los ordenadores, la gente a veces se obnubila, as que voy a poner un ejemplo del mundo real. Cuando te compras un coche, te lo entregan con todos sus papeles: el permiso de circulacin, la tarjeta de inspeccin tcnica etc. En todos estos papeles figura el propietario del vehculo. Qu pensaras si vieras los papeles de tu coche y en lugar de figurar t como el dueo del mismo figurara el concesionario? Vamos, les meteras tal paquete que saldran en todos los peridicos como vulgares estafadores. Sin embargo, cuando se trata de los dominios la gente se da cuenta 3 aos despus cuando tiene problemas con su hosting o quiere trasladar la pgina o aadir subdominio etc. Y se encuentra con que su dominio no es suyo. 1) El nombre de dominio, es tu marca comercial en internet y es tuya. 2) El nombre de dominio es la direccin fsica de tu casa/empresa en internet y es la nica forma de acceder a ella. En realidad, cuando tu pones una pgina en internet, la pones en un ordenador, un ordenador ms o menos potente y con ms o menos prestaciones que est conectado a internet 24 horas al da. En la mayor parte de los casos, este ordenador es propiedad de un tercero al que le alquilas un espacio en el que colocar tu pgina. Es algo as como alquilar un container en un guardamuebles. Ese ordenador, de un tercero, se identifica en Internet con un churro de nmeros del que no hay cristo que se acuerde, as que hay una base de datos mundial que va emparejando cada oveja con su pareja:

En realidad es algo ms complicado que eso, porque en un ordenador puede haber cientos de pginas alojadas con sus correspondientes dominios y una persona puede tener cientos dedominos. Pero bsicamente nos sirve para hacernos una idea.

As cuando nosotros queremos ir a una pgina, el ordenador consulta esa base de datos y sabe exactamente a qu ordenador/directorio dirigirse para encontrar los documentos. Ahora bien, supongamos por ejemplo, que tu hosting se te ha quedado pequeo y te quieres cambiar a otro hosting que te de ms prestaciones. Cmo lo haces? Contratando un nuevo alojamiento web y comunicndolo a la base de datos general. Quin puede hacerlo? El propietario del dominio. Empezamos a entender el problema? Hay miles de sitios en los que registrar un dominio, as que para poder efectuar cambios (como un traslado), es necesario saber donde est registrado el dominio y ser el propietario del mismo. Los problemas que pueden surgir si no constas como propietario del mismo son mltiples. Algunos ejemplos:

El dominio lo registr el tcnico y lo puso a su nombre, hace aos que lo despediste o se fue o lamentablemente se muri. El dominio est a nombre del hosting del que ests harto y llevas en pleito 2 aos. El domino est a nombre de la compaa en la que registraste el dominio (s, tambin pasa).

Yo siempre recomiendo efectuar el registro de dominio y el contrato de hosting en compaas separadas. Si eres el propietario de tu dominio y tienes copias de seguridad, ests a salvo, siempre puedes contratar otro hosting, comunicar la mudanza y subir tus pginas en el nuevo sitio sin presiones, sin chantajes y sin secuestros.

Problemas legales del registro de usuarios

Resumen: Problemas legales que puedes tener si utilizas registro de usuarios en tu web y no tomas las medidas oportunas.
Desde la publicacin de la inefable LSSI el 12 de octubre de 2002, son innumerables los sitios que cerraron foros y dems posibilidades de interactuacin con los usuarios por miedo a las consecuencias que la LSSI pudiera traer consigo. El problema ms grave de la LSSICE y que no se mencion durante la campaa contra dicha Ley, es que haca inmediatamente aplicable la Ley de Proteccin de Datos de Caracter Personal practicamente a todo el mundo. La proteccin de Datos de Carcter Personal es un tema muy serio que no puede tomarse a la ligera y los incumplimientos a este respecto pueden llegar incluso a penas de crcel. Hoy 28 de octubre la pgina que lider las protestas contra la LSSI (a mi juicio bienintencionadas pero muy mal encaminadas), cierra sus puertas y las vuelve abrir en otro dominio.

Kriptopolis.com deja de actualizarse y nace kriptopolis.org. Nuevamente permite el registro de usuarios y los comentarios. Y a qu viene esto? A que kriptpolis ha estado siempre (y sigue estndolo) asesorada legalmente por el Bufete Almeida , un bufete especializado en derecho, llammosle "de la Sociedad de la Informacin", por seguir la terminologa de la LISSI y que, por tanto, sus "condiciones legales", son una joya de la ingeniera derechil de darle una vuelta de tuerca a la LEY. Si tienes un foro, si registras usuarios, si tienes un weblog y no realizas actividades comerciales en tu web (los google addsense son actividades comerciales para el que no lo sepa) te recomendamos encarecidamente que te leas las condiciones legales de kriptpolis. Todos los contenidos de kriptpolis, salvo que se indique lo contrario, estn protegidos por una licencia de las conocidas como "by sa": permiten la distribucin, modificacin e incluso su utilizacin con fines comerciales siempre que les atribuyas el mrito o inspiracin y que compartas lo copiado o modificado con el mismo tipo de licencia. Cmo en las condiciones legales no se indica lo contrario: ve a verlas, adptalas a tu sitio y luego pon un mensaje diciendo que estn inspiradas en las de kriptpolis.org a quien ests muy agradecido y que por supuesto todo el mundo es libre para. ya sabes licencia bysa.

Caractersticas de los robots de bsqueda II

Resumen: Caractersticas y preguntas comunes acerca de los robots de los buscadores.

Qu es un WWW robot?
Usando nuestra terminologa de "andar por casa" son robots que entran en todos los servidores de todo el mundo, buscan los documentos que estn alojados en ellos, los incluyen en su index y luego nosotros podamos ir a ese index a buscar lo que necesitamos.

Qu diferencia hay entre un www robot y mi navegador?

El www robot penetra en el servidor y recupera todos los documentos alojados en l indexndolos para su Agente, nosotros con nuestro navegador slo podemos acceder a los documentos que el servidor quiere facilitarnos.

Qu es un Agente?
Podemos distinguir tres tipos de agentes:

Agente autnomo: Es un programa que "viaja" entre los sitios web decidiendo por l mismo qu hacer. Slo puede viajar entre sitios ubicados en servidores especiales. Este tipo de agentes no est muy difundido en el rea de internet. Agente inteligente: Programas que ayuda al usuario, por ejemplo: a elegir productos, a rellenar formularios o a encontrar determinada cosa. Generalmente no tiene mucha tarea en la red. Agente de usuario: Es un nombre tcnico para programas que ejecutan tareas para un usuario en la red. Un ejemplo de ellos son: Netscape Navigator,Microsoft Internet Explorer, y Email User-agent como Qualcomm Eudora etc.

Qu diferencia hay entre un www robot y un directorio?

Los Directorios no poseen robots, estn operados por humanos y no recuperan automticamente los enlaces includos en las pginas web, sino que slo se limitan a hallar lo que las personas manualmente incluyen en ellos. Tienen una ventaja respecto a los robots , pueden clasificar por secciones la temtica de las web al hacerse mediante un proceso manual.

Cuntas clases de ww robots hay?

A los robots se les suele denominar "Web Wanderers", "Web Crawlers", o "Spiders" hay quin piensa que son virus pero no es as, un robot simplemente visita los sitios y extrae los enlaces que estn incluidos dentro de estos.

Araas (Spiders): Es un robot, pero otorga resultados ms fros. Gusanos (Worms): Es lo mismo que un robot, aunque tcnicamente un gusano es una rplica de un programa, a diferencia de un robot que es un programa original. Orugas (Web crawlers): Es lo mismo que un robot, pero un tipo especfico de robot. Hormigas (WebAnts): Cooperativa de robots.

Qu es un Search Engine?
Un Search Engine es un programa que busca en una determinada base de datos. En el contexto del Web la palabra "Search Engine" se utiliza para denominar las formas de bsqueda que se realizan en una bases de datos de documentos HTML recopilados por un determinado robot. Para entendernos, "search engine" son Google, Altavista etc y cada uno tiene su www robot de bsqueda.

Ventajas de la existencia de estos robots de bsqueda

La principal ventaja es su capacidad de indexar documentos, ya no slo por el ttulo o las palabras clave que queramos asignarles, si no por la capacidad de buscar en TODO el documento cmo tienen algunos. Es fcil hacer una prueba, vas a google cul pitonis@ modern@, pones entre comillas una frase de una cancin que no sabes ni quin la canta ni cmo se llama, pero de la que en algn momento escuchaste el estribillo, por ejemplo: " baila morena" , y nuestro " Orculo" , con enorme generosidad, informa de todos los documentos en los que est incluida la frase: 2.860 resultados en 0, 14 segundos de bsqueda, cmo no amarlo?.

Desventajas de los robots de bsqueda

Evidentemente nadie es perfecto, algunas desventajas tena que tener el invento. Los robots de bsqueda, con su afn de indexar, colapsaron ciertas redes en el pasado ya que cuando un www robot investiga un servidor adopta la apariencia de usuarios que visitan las web alojadas en l y cuanta ms informacin exista en el servidor, ms usuarios crear el robot para analizarla. Hoy en da existen mecanismos para que no se produzcan y la informacin suficiente para disear robots ms eficientes. No hay que perder de vista que son mquinas, diseadas con los conceptos ms pluscuamperfectos del momento, pero mquinas que no son capaces de discernir entre un documento privado, un documento que slo le interesa a mi grupo de trabajo, un borrador de una tarea pendiente, un documento temporal.. Lo indexan todo y este fue el motivo por el que se crearon los archivos " robots.txt", para indicar a los robots de bsqueda qu documentos tenan o no tenan que aadir a su base de datos.

Cmo decide un robot las webs qu va a visitar?

Depende del robot y de su estrategia de bsqueda. Por lo general empiezan con una lista histrica de URLs, especialmente de aquellos documentos con muchos enlaces a otras

webs y con aquellos sitios populares en el Web, es decir, a los que apuntan muchos enlaces de otras webs. La mayora de los buscadores permiten tambin que se ingrese una direccin manualmente de manera que despus la visite el robot para su indexacin definitiva. Usan tambin otros recursos como listas de correo, grupos de discusin, etc. Todo esto les da un punto de partida para comenzar a seleccionar urls para visitar, analizarlas y usarlas como recurso para incluirlas dentro de su base de datos.

Cmo indexa un documento el robot de bsqueda?

Depende tambin del robot: algunos ponen en su ndice los ttulos de los documentos HTML, o los primeros prrafos del texto, o analizan el HTML entero y ponen en un ndice todas las palabras, otros analizan la etiqueta del META, o los textos de las imgenes

Cmo s si un robot de bsqueda me ha visitado?

Comprobando los registros del servidor: Si existen solicitudes de muchos documentos en un cortsimo espacio de tiempo, imposible de realizar de forma manual, seguramente ser porque un robot ha visitado el sitio. Tambin se puede deducir cuantos robots nos han visitado comprobando las solicitudes realizadas al archivo robots.txt.

Por qu las solicitudes al archivo robots.txt orientan sobre las visitas realizadas por los robots de bsqueda a mi sitio?
Los robots que van buscando pginas para indexar en la base de datos de su Agente, lo primero que hacen al visitar un sitio es llamar al fichero robots.txt. Lo primero que busca el robot cuando llega a nuestra web es el fichero http//www.dominio.com/robots.txt. El nmero de peticiones que reciba este fichero y que constar en las estadsticas, nos indicar el nmero de veces que hemos sido visitados por un robot de bsqueda.

Un robot me ha visitado qu tengo que hacer?

Nada, djate querer :-). l trabaja de manera automtica y sabe perfectamente qu tiene que hacer.

Cmo evito que un robot indexe mi sitio?

Creando un archivo llamado robots.txt y alojndolo en la raz del sitio, ah mismo dnde situamos la pgina index. En l se especifican las zonas del sitio que los robots NO TIENEN que indexar, no se especifican NUNCA las zonas que s queremos que aparezcan

en la base de datos de los buscadores, slo indicaremos lo que NO QUEREMOS que un robot determinado o todos los robots de bsqueda indexen. Mucho ojo con este dato. Pero si hago una relacin de los archivos que no quiero que un robot aada a su ndice, le estoy diciendo al resto de la gente qu documentos privados tengo. Los hago invisibles a los robots de bsqueda pero accesibles tecleando la direccin. La manera ptima de organizar un sitio es incluir en un directorio secundario todos los documentos y archivos que no queremos que indexen los buscadores, prohibir la entrada de los robots en ese directorio y configurar el servidor con unas buenas medidas de seguridad en el caso de tener documentacin sensible. El robots.txt no es una medida de seguridad que garantiza la privacidad de los documentos, para eso existen otros mtodos, el robots.txt es el resultado de un consenso para evitar que los robots aadan automticamente a sus ndices esos documentos.

Mi proveedor no me da esa posibilidad Existe otra manera para indicar a los robots qu zonas pueden indexar de mi sitio?
Si, en los META de los documentos.

Por qu encuentro llamadas /robots.txt en mis ficheros ?

Ya he comentado que lo primero que hace un robot cuando entra en nuestro sitio siguiendo el estndar de exclusin, es una llamada al fichero robots.txt. Seguramente son esas las llamadas, son los robots que intentan ver si se ha especificado alguna norma para el acceso a los ficheros.

Caractersticas de los robots de bsqueda I

Resumen: Gua para hacer un archivo robots.txt de forma correcta y controlar el acceso de los robots de los buscadores a nuestra web.

Indicando a los robots de bsqueda qu documentos de nuestra web deben indexar

Los robots de bsqueda de WWW (tambin llamados wanderers o spiders) son los programas que buscan las pginas en el World Wide Web indexndolas para los buscadores. En 1993 y 1994 estos robots entraron en servidores de WWW e indexaron pginas que no debian : documentos personales, documentos confidenciales, duplicacin de archivos, informacin temporal Estos incidentes hicieron ver la necesidad de establecer los mecanismos necesarios para que los servidores de WWW pudiesen indicar a los robots de bsqueda las piezas a las que les estaba permitido acceder. El 30 de de junio de de 1994 (robots-request@nexor.co.uk) se lleg a un consenso estndar para trata esta necesidad, alcanzndose una solucin operacional. Lo que sigue no es un estndar oficial promovido por una organizacin oficial. No es tampoco una obligacin que se tenga que cumplir, por lo tanto no es seguro que todos los robots lo sigan. Se tiene que considerar como una facilidad a lo hora de proteger aquellos documentos y archivos que queremos que no indexen los motores de bsqueda. Para hacer la exclusin se crea un archivo en el servidor que especifica a los robots de bsqueda a qu archivos no tienen acceso y se le llama robots.txt. El robots.txt es un documento sencillo de texto plano, no se debe escribir en HTML, ni incluir expresiones diferentes al estndar ya que los robots no las reconocern. Un simple documento de texto redactado con el Bloc de Notas de Windows es lo correcto. Debe estar alojado en la raz del sitio, justo dnde alojamos la pgina index. http://www.dominio.com/robots.txt El formato del archivo est constituido por lneas que indican los valores para dos campos nicos: User-agent y Disallow Los motores de bsqueda mirarn en la raz del domino llamando a ese fichero especial "robots.txt" (http://www.dominio.com/robots.txt). El archivo le dice al robot de bsqueda qu archivos puede indexar, a este sistema se le denomina The Robots Exclusion Standard. En caso de que no exista el fichero robots.txt el robot consider que no hay ninguna exclusin y rastrear cualquier pgina del web site sin excepcin.

User-agent
El valor de este campo es el nombre del robot al que permitimos o no el acceso a determinado documento. Ejemplo:

User-agent: googlebot

Se puede tambin utilizar el carcter comodn * para especificar que se excluyen todos los robots. Ejemplo:

User-agent: *
Podemos comprobar los nombres de los User-agent que han visitado el dominio para saber si hay peticiones de ese buscador. La mayora de los motores de bsqueda importantes tienen nombres cortos para sus spider. Incluir una relacin con sus caractersticas en el ltimo captulo de estas notas. Si es necesario determinar una poltica de acceso para varios robots de bsqueda se incluirn tantas lneas cuantos robots necesitemos especificar. Nunca se agruparn en una sola lnea. Ejemplo:

User-agent: googlebot User-agent: lycos User-agent: roverdog

Es necesario que exista al menos un registro en el documento para que sea correcto.

Disallow
Es la segunda parte del registro, especifica los documentos y/o directorios que no queremos que indexen los motores de bsqueda. La URL parcial que no debe ser visitada. Por ejemplo, la lnea siguiente ordena que no se indexe el documento email.htm:

Disallow: email.htm
Tambin se pueden especificar directorios. Ejemplo: Para bloquear el directorio cgi-bin de manera que todos sus documentos permanezcan sin indexar en el motor de bsqueda.

Disallow: /cgi-bin/

Un archivo totalmente vaco para Disallow es exactamente igual cmo si no estuviera presente, por lo menos debe exisitir una lnea de negacin Disallow para que el directorio sea correcto. Una lnea en blanco para Disallow indica que todos los archivos puden ser indexados, se escribira as:

Disallow:
Si quiseramos prohibir el acceso a todos los documentos "help" de nuestra web, tanto al http:www.dominio/cgi/help.htm como al http://www.dominio/help/index.html escribiramos:

Disallow: /help
En cambio, si quisiramos prohibir el acceso a cualquier documento y fichero incluido en la carpeta "help" http://www.dominio/help pero permitir el acceso al documento "help.htm" del fichero "cgi" http://www.dominio/cgi/help.htm , escribiramos:

Disallow: /help/

Espacio y comentarios en blanco

Cualquier lnea en el robots.txt que comience por # se considera un comentario . El estndar permite comentarios al final de lneas directivas, pero es un estilo poco aconsejable, por ejemplo si escribimos:

Disallow: email.html # recopilacin del formulario

Algn spider no lo interpretara correctamente e intentara ignorar el documento email.html # recopilacin del formulario Lo mejor es poner los comentarios en lneas independientes, por ejemplo:

# recopilacin del formulario

Disallow: email.html
Un espacio en blanco al principio de una lnea se permite pero no se recomienda por los mismos motivos, puede que sea mal interpretado por el spider.

Ejemplos de archivo robots.txt

Para permitir que todos los robots visiten todos los archivos del sitio:

User-agent: * Disallow:
Para prohibir que todos los spider indexen cualquier documento:

User-agent: * Disallow: /
Para evitar que todos los spider indexen nuestros directorios cgi-bin e images:

User-agent: * Disallow: /cgi-bin/ Disallow: /images/

Para prohibir al spider Roverdog, especficamente, que indexe cualquier archivo del sitio:

User-agent: Roverdog Disallow: /

Para prohibir a googlebot que indexe el archivo cheese.htm:

User-agent: googlebot Disallow: cheese.htm

Para indicar que ningn robot debe visitar cualquier URL que comience con "/cyberworld/map/" o "/tmp/", o "/foo.html":

User-agent: * Disallow: /cyberworld/map/ # direccion virtual Disallow: /tmp/ # pronto los eliminar Disallow: /foo.html
Para indicar que ningn robot debe visitar cualquier URL que comience con" /cyberworld/map/ ", a menos que el robot se llame " cybermapper ":

User-agent: * Disallow: /cyberworld/map/ # direccion virtual User-agent: cybermapper Disallow:

Documentos inaccesibles a todos los robots

Se pueden indicar de dos maneras:

Enumerndolos:

User-Agent: * Disallow: /borrador.html Disallow: /prueba.html

O incluyendo estos documentos en una carpeta llamada "norobots" y redactando el robots.txt as:

User-Agent: * Disallow: /norobots/

Los documentos quedarn inaccesibles si tomamos la precaucin de asegurarnos que nuestro servidor no est generando un listado del directorio norobots. Sin embargo, configurar un archivo de este tipo no es una garanta de que los documentos no puedan ser alcanzados por atacantes. Y hay que tener claro que el robots.txt es una medida de exclusin para los robots de bsqueda, no una medida de seguridad. Si los datos que contienen esos ficheros son sensibles: contraseas de usarios, datos personales etc lo ms serio es usar adems un sistema de autentificacin o SSL que asegure la completa privacidad de los documentos. Un ejemplo real de archivo robots.text es este: [http://www.google.com/robots.txt)

Errores al redactar el robots.txt

Uno de los errores ms comunes es poner la sintaxis al revs:

Disallow: * User-agent: scooter

Debe ser:

User-agent: scooter Disallow: *

Otro error es hacer un rechazo mltiple en una lnea poniendo en ella mltiples directorios como:

Disallow: /css/ /cgi-bin/ /images/

Porque la mayora de los spider malinterpretarn esa lnea . Algunos intentarn buscar el directorio /css//cgi-bin//images/ o tendrn en cuenta slo un directorio olvidndose del resto. La sintaxis correcta sera:

Disallow: /css/ Disallow: /cgi-bin/ Disallow: /images/

Lnea Enders en DOS: Se tiene que editar el robots.txt en el modo de UNIX y y hacer upload siempre en ASCII. Muchos clientes del ftp harn la transformacin a la lnea enders de Unix automticamente (seamlessly), pero otros no. Un error que el estndar permite son los comentarios al final de la lnea:

Disallow: /cgi-bin/ #directorio privado

Tiempo atrs han existido motores que buscaban la lnea entera considerando # parte del nombre del directorio. Ahora no se tiene noticia de que alguno se equivoque o no pero merece la pena arriesgarse en un error semejante por ahorrarnos una lnea de cdigo? El estndar no trata especficamente los espacios de ms en las lneas lo considera un mal estilo de escritura, pero tendramos que preguntarnos una vez ms si merece la pena arriesgarnos a ser malinterpretados por algo tan nmio.

En ocasiones el spide interpreta la pgina de error 404 y las pginas de redireccionamiento como un documento HTML vlido . Lo ms aconsejable es indicar en el archivo .txt o en los metas tags que este documento no tiene que indexarse. El estndar determina que solo el User-agent y el Disallow pueden ir con myusculas, lo que sigue es incorrecto:

USER-AGENT: EXCITE DISALLOW:

Otro error comn es especificar cada archivo en un directorio como aqu:

Disallow: /AL/Alabama.html Disallow: /AL/AR.html Disallow: /Az/AZ.html Disallow: /Az/bali.html Disallow: /Az/bed-breakfast.html
Se tiene que especificar con la opcin del directorio de esta manera:

Disallow: /AL Disallow: /Az

La barra invertida indica al spider el lmite del directorio. No hay que poner nunca Allow slo Disallow, se rechazar para no permitir. Esto es incorrecto:

User-agent: Excite Disallow: /cgi/

allow: /imagen/
Esto es correcto:

User-agent: Excite Disallow: /cgi Disallow:

Qu hace un spider cundo no hay barra invertida cmo aqu?

User-agent: Excite Disallow: cgi

Pues que dejar de indexar cualquier extensin de archivos con el nombre cgi y cualquier directorio nombrado cgi. Otro error es poner palabras clave en el directorio robots. txt o editarlo en formato HTML.

Usar etiquetas meta para autorizar a los motores de bsqueda

Se est poniendo muy de moda utilizar las etiquetas META para decir a los spider si se acepta o no que indexen un documento. Es tambin til cuando no se tiene acceso al directorio raz. Algunos motores de bsqueda, tales como Inktomi, obedecen completamente las indicaciones de los Meta Tag. Escribiendo Index,Follow en el CONTENT seguir todos los enlaces del index. La etiqueta META se coloca en la seccin HEAD del HTML. Un formato completamente simple sera ( si queremos que no indexen los enlaces del index).

<HTML> <HEAD>

<META NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW"> <META NAME="DESCRIPTION" CONTENT=" Esta pgina es......"> <TITLE>...</TITLE> </HEAD> <BODY> ...

Opciones de las meta tags

La etiqueta CONTENT tiene cuatro opciones; el indice, noindex, follow, nofollow separados por comas. INDEX especifica que se acepta incluir la web en el ndice del buscador. FOLLOW especifica que se acepta que se indexen tambin los enlaces existentes en nuestro documento index. No es cierto que los motores de bsqueda sigan los enlaces del index por defecto, Inktomi por defecto sigue la orden ndice, nofollow . Hay tambin dos rdenes globales que incluyen ambas acciones: all y none ALL=INDEX, follow y NONE=NOINDEX, nofollow

Combinaciones posibles
<meta name="robots" content="index,follow"> <meta name="robots" content="noindex,follow"> <meta name="robots" content="index,nofollow"> <meta name="robots" content="noindex,nofollow"> <meta name="robots" content="all"> <meta name="robots" content="none">

Visit-time
Se estn intentando aadir nuevas directivas que permitan controlar el tiempo en el que los robots indexan las pginas, por ejemplo: # Permitir trabajar a los botsde 2 am a 7:45 am # Las horas son siempre Greenwitch

Visit-time: 0200-0745 # Un documento CADA 30 minutos Request-rate: 1/30m # Combinado: 1 doc cada 10 minutos # y solo de una a 5 tarde Request-rate: 1/10m 1300-1659

Sabe alguien que tu web existe?

Resumen: Algunas tcnicas para promocionar tu web y que empiece a recibir visitas y estar en los principales buscadores.

Como empezar una web: Pero sabe alguien que tu web existe?
Porque si no lo sabe nadie cmo esperas que alguien la utilice?.

Est presente la direccin de tu web en toda tu papelera (tarjetas, facturas, papel de cartas, etc.)?
Si no es as ya ests tardando, incluye la direccin de tu web en toda tu papelera, en tus anuncios, en tus comunicaciones comerciales, en la firma de los correos electrnicos de todos tus empleados y por supuesto en la tuya propia.

Has escrito a tus clientes y amigos indicndoles la existencia de la web y explicndoles lo que pueden hacer en ella?
Hazlo , puedes aprovechar la facturacin o la felicitacin de navidad a tus clientes para evitar el gasto de un mailing extra.

Aparece en los principales buscadores?

Busca tu web en google, en yahoo, en altavista y en msn, busca por el nombre de tu empresa y por conceptos o productos clave que definan la empresa. Si no aparece web, dala de alta: En google: http://www.google.com/addurl.html En Yahoo: http://es.docs.yahoo.com/info/sugerir.html En altavista: http://addurl.altavista.com/addurl/new

En msn: http://search.msn.com/ (pulsa a la derecha sobre submit a site y despus Search Marketing with Results -> Get listed now) Al contrario de las leyendas interneteras sacacuartos que circulan por ah, no es necesario apuntarse a un servicio que te d de alta en ms de 1000 buscadores, los 4 principales ya los hemos mencionado y la mayora del resto utiliza los servicios de estos 4. En realidad aparecer en los bscadores es cuestin de dos cosas: buen cdigo y buena promocin y para aparecer en los primeros puestos an ms.

Hay otras Webs que enlazan a la tuya?

No intercambies banners o enlaces, ms vale la calidad que la cantidad. Una forma de promocionar tu web es, por ejemplo, escribir artculos de calidad sobre un tema relacionado con tu empresa y mandarlo a otras webs de contenidos similares a quienes pueda interesar. Participar en foros y debates, lo que escribas tiene que ser interesante, no mera publicidad, si lo es, te expulsarn. Hay mil maneras de promocionar tu web, la imaginacin es lmite; aunque hay otro lmite, y es un lmite fundamental: no molestes con tu promocin, si molestas en vez de en los favoritos acabars en la lista negra.

Usabilidad, accesibilidad y otros

Resumen: Introduccin a la usabilidad y accesibilidad, una apuesta por llegar al mayor nmero de usuarios posibles.

Como empezar una web: Usabilidad, accesibilidad y otros palabros de moda. Usabilidad
La usabilidad se ha puesto de moda. Quin me lo iba a decir a m hace cinco aos?. Mi primera toma de contacto con la usabilidad tuvo lugar un da cualquiera, en que tras presentarle a mi jefe una ampliacin de la Web corporativa me mir y me dijo muy serio: Isabel, eres especialista en hacer enlaces que no se ven. La verdad es que mi jefe tena razn y yo me qued planchada, porque con el diseo heredado era imposible hacer otra cosa sin cambiar completamente la imagen corporativa de la compaa.

Nuestra empresa prosper, cambiamos la imagen corporativa y contratamos un megaequipo web, lleno de programadores con una diseadora de reconocido prestigio al frente. Ah fue donde empezaron mis problemas y el resto de mi vida laboral. Mi diseadora, una autntica artista, creativa y rigurosa vena de la televisin y mis programadores, experimentados, imaginativos, en cuyo vocabulario no estaba la palabra Imposible (debo reconocer que nunca he vuelto a encontrar esta cualidad) venan de programar aplicaciones a medida para clientes off-line. Los diseos tenan una lnea grfica y una programacin impecables pero tenan una serie de problemillas de usabilidad como por ejemplo:

Una web en flash cuyos mens corran alocados por la pantalla y haba que irlos persiguiendo por toda la pantalla. Tiempos de carga superiores a los 10 minutos. Letras minsculas. Imposibilidad de imprimir los contenidos. Navegacin imposible. Pginas sin ttulo. Ventanas a toda pantalla.

En los seis meses que trabaj con ellos cometieron todos los errores que se pueden cometer y unos cuantos ms. Desde mi poca como especialista en enlaces invisibles hasta entonces yo haba aprendido mucho, a base de ensayo y error, organizando grupos de compaeros y hacindoles probar cada una de las pginas y secciones de la Web antes de publicarlas. Tena un problema: era la metomentodo de marketing que le pona pegas a todos sus diseos vanguardistas. No era programadora, no era diseadora, Qu haca yo opinando? Fueron tiempos difciles pero entonces, descubr a Jacob Nielsen y su Useit.com. Por si alguien no lo sabe todava Jacob Nielsen es el gran Gur de la Usabilidad, useit.com es su web, desde la cual ha difundido los conceptos bsicos que conforman un buen website. Por primera vez, despus de meses predicando en el desierto encontr un punto de apoyo para respaldar mis argumentos basados en el sentido comn y poco a poco, sin lograr el rediseo que hubiera hecho falta, consegu pequeos avances, cositas elementales que quiz lograran ayudar un poquito a nuestros sufridos usuarios. Y por fin hemos llegado a la pregunta del milln:

Qu es la usabilidad?
Para J.Marquez usabilidad es:

Usabilidad, palabra que por cierto no existe en castellano, es la condicin o propiedad de un servicio o producto para ser fcilmente utilizado. Digamos que es como la ergonoma, la adaptabilidad (otra palabra inventada) de los objetos al ser humano Aunque podemos encontrar muchas definiciones de usabilidad, unas ms (Ainda) formales y otras menos, la idea bsica es simple: De qu sirve una web si nadie la visita porque no sabe utilizarla?

Accesibilidad
Contra todo pronstico la accesibilidad tambin se ha puesto de moda. Pero, en mi humilde opinin, se est difundiendo un concepto errneo de lo que es la accesibilidad. Se est vendiendo la accesibilidad como diseo web para discapacitados, sin embargo el consorcio para el concorcio para la World Wide Web en su Web Accesibility Initiative nos dice que: Accesibilidad siginifica acceso a la web, PARA TODO EL MUNDO, independientemente de su capacidad (http://www.w3.org/Talks/WAI-Intro/slide3-0.html), muy parecido s, pero no es exactamente lo mismo. Tim Berners-Lee, director del W3C e inventor de la web: "la potencia del World Wide Web radica en su universalidad. Un aspecto esencial es el acceso de todos, independientemente de su discapacidad." La diferencia entre ambas formas de concebir la accesibilidad es absoluta. La primera concepcin implica que hay un diseo para personas capaces y otro, especial, para personas discapacitadas. Olvidamos, en esta artificial distincin, a todas aquellas personas que sin ser discapacitadas pueden tener problemas de acceso, como por ejemplo, las personas miopes, las personas mayores, aquellas que no disponen de la ltima tecnologa, o de la conexin ms rpida a Internet. Uno de los ms sonados fracasos de esta concepcin de la accesibilidad ha sido la versin solo texto de la Web de la administracin del Estado en la que los usuarios discapacitados no pueden tan siquiera acceder a su versin especial. Como la experiencia es la madre de la ciencia, no voy a intentar convencer a nadie, dejar que Emergia y Jacob Nielsen lo hagan por m:

No es accesible todo lo que reluce: artculo que discute la conveniencia de utilizar versiones accesibles especiales y la utilidad de los validadotes y sellos de conformidad.

Alternative Interfaces for Accessibility: ahonda en la idea de que hacer una web accesible no consiste en hacer una web sin grficos.

Otros palabros
HCI/IPO
HCI/IPO (Human Computer interaction/Interaccin persona ordenador ) es la disciplina que se ocupa de estudiar la forma de optimizar el trabajo con los ordenadores desarollando y estandarizando los interfaces de usuario, de forma que el trabajar con un ordenador sea lo ms fcil, intuitivo y productivo posible. Cuanto ms fcil de utilizar sea una aplicacin, cuanto ms intuitiva, predecible y libre de errores est una aplicacin ms usable.

Arquitectura de la informacin
Para decirlo de una forma simple: arquitectura de la informacin es la elaboracin de una estructura para organizar informacin. En una biblioteca, por ejemplo, sera una combinacin entre la catalogacin de los libros y el diseo del edificio de forma que nos permite encontrar la informacin de forma intuitiva y lgica. Cita: "Arquitectura de la Informacin (AI) se refiere al diseo, organizacin, etiquetado, navegacin y sistemas de bsqueda que ayudan a los usuarios a encontrar y gestionar la informacin de manera efectiva". (Eduardo Manchn Ainda.info) Conclusin: Aunque si tienes un portal del tamao de terra te convendr contratar una consultora o una compaa especializada, para la mayora de la webs pequeas y medianas que cuentan con bajo presupuesto, un par de libros, grandes dosis de sentido comn y acostumbrarse a probar las cosas siempre antes de lanzar la web, ser suficiente.

Mapas y ayudas. Como hacer una web

Como empezar una web: Mapas y ayudas
Incluso en Sitios bien estructurados y con funciones de bsqueda, los usuarios a veces no encuentran lo que buscan. Para ensearles el camino estn los mapas, que deben ser accesibles desde cualquier pgina del sitio.

Mapas de navegacin
Los mapas, bsicamente, pueden ser grficos o de texto. Los primeros representan grficamente la estructura de la pgina proporcionando una visin de conjunto; los segundos representan la estructura con vnculos de texto, utilizando tamaos y sangras para mostrar la estructura. Para sitios grandes son mejores este tipo de mapas que descargan fcilmente y son fciles de crear y de actualizar. Tambin se pueden utilizar combinaciones de textos y grficos para que el mapa sea una ayuda a la hora de recordar los iconos del sitio. La mayora de los mapas de navegacin web no muestran a los usuarios dnde estaban cuando acudieron al mapa. Para indicarlo, puede utilizarse DHTML de forma que cambie el grfico o el tipo de letra del enlace a la pgina desde la que se vino.

Sistemas de ayuda
No son muchos los sitios que disponen de ella, sin embargo es un elemento muy til para explicar a los usuarios cmo funcionan las etiquetas, qu representa cada icono, cmo se navega. Especialmente necesarios son los sistemas de ayuda en las pginas de comercio electrnico en las que muchas veces, el usuario se enfrenta con aplicaciones web complejas que no siempre est seguro de saber utilizar. Asimismo si se usa tecnologa especfica como flash o Acrobat, la ayuda es el sitio para indicarlo, proporcionndole al usuario una manera de conseguir ese software especfico, tal y como hace Macromedia.

Glosario
Cuando se utilizan vocabularios especficos de de una rama del conocimiento o de la industria son muy convenientes los glosarios; de esta forma proporcionamos la definicin de trminos que de otra manera quiz no estn claros.

Guas de navegacin en la web

Resumen: Guas a introducir en tu pgina que pueden ayudar a que el usuario se site mejor en tu sitio web y navegue con ms facilidad.

Como empezar una web. Guas de navegacin: cmo averiguo dnde estoy?
Esta cuestin es tan bsica, que muchos diseadores pasan por alto ofrecer esta informacin, crtica para el usuario a la hora de saber si ha encontrado lo que buscaba. Independientemente de si se trata de un sitio personal o de un gran sitio de comercio electrnico, siempre hay que decirle al visitante dnde est y quin ha creado la pgina. Y hay que decirle dnde est, tanto en relacin con el resto del "mundo" como en relacin con nuestro propio sitio. A veces, al usuario le resulta difcil saber dnde est puesto que no tiene puntos de referencia. Para saber dnde estn los usuarios cuentan no solo con las direcciones URL, sino tambin con los nombres de las pginas, los colores, los logotipos, las llamadas "migas de pan". Tenga en cuenta que los usuarios siguen pocas veces los patrones de navegacin que pretenden los diseadores. Pueden llegar a cualquier documento de su sitio desde cualquier otro sitio: buscadores, favoritos, boca a boca. Por eso ubicarlos inmediatamente resulta crucial.

Direcciones URL
La direccin URL (Uniform Resurce Locator) definen las posiciones de las pginas. Y precisamente por ello no conviene "secustralas", quitando las barras de herramientas de los navegadores o utilizando marcos. Le guste o no, una direccin como esta: http://www.compaa/productos/telefonos/modvh7.html le dice al usuario exactamente dnde est. Esta ventaja se pierde con las pginas generadas dinmicamente que suelen aparecer as: http://www.compaia.com/main/actu.asp?ref=NOT19322&tipo=econ Utilice direcciones sencillas y fciles de recordar siempre que se posible, para mejorar la navegacin.

La etiqueta Title. Barra de ttulo del navegador

La etiqueta <title> es lo primero que se ve en el navegador y debe indicar los contenidos de la pgina. Utiliza un ttulo claro. Adems es precisamente este ttulo el que se guardar en la carpeta de favoritos, por ello es muy importante que est bien definido y sobre todo, que no sea ambigo.

Identificacin del Sitio

Como no sabemos desde dnde viene nuestro visitante, y el primer documento que vea de nuestro sitio puede no ser la pgina principal, hay que poner en todas las pginas el nombre del sitio. La identificacin representa al sitio entero y, como tal, ocupa el lugar ms alto en la jerarqua lgica. El mejor lugar para poner el identificador es (para pginas occidentales que se leen de izquierda a derecha) la parte superior izquierda de la pantalla, porqu ah es dnde se dirige instintivamente la mirada. Por convencin, este logotipo suele incluir un enlace a la pgina del sitio pero no todo el mundo lo sabe por lo qu: No le exime de la obligacin de poner un enlace a la pgina principal identificado como tal. Es aconsejable utilizar los atributos "title" (en el enlace) y alt (en la imagen) para indicar a los usuarios que pulsando sobre el logotipo podrn ir a la pgina principal.

Identificacin de la pgina
Ya hemos visto la etiqueta <title> pero esto no es suficiente, todas las pginas tienen que tener un nombre, que debe estar situado de forma que enmarque el contenido y debe ser prominente. Adems tiene que que corresponderse con en enlace que ha llevado a esa pgina. Si el nombre no se corresponde, puede perder la confianza del usuario puesto que los enlaces no conducen a dnde apuntan. Por supuesto, que en barras de navegacin hay que llegar a soluciones de compromiso, puesto que no caben nombres largos pero por lo menos deben parecerse lo ms posible. Por ejemplo un enlace pone Arquitectura -> el nombre de la pgina es "Arquitectura de la Informacin".

Barras de ubicacin o "migas"

Esta caracterstica se est convirtiendo en una convencin y cada vez aparece en ms sitios. Muestran el camino desde la pgina principal.

La barra de navegacin
Tambin se puede indicar la posicin en la navegacin principal del sitio, por ejemplo, dando un color distinto al enlace de la pgina en la que nos encontramos ahora.

Para qu sirve la navegacin en la web?

Resumen: Explicacin sobre el uso de los elementos de navegacin en las pginas web.

Como empezar una web: Para qu sirve la navegacin?

Los elementos de navegacin, son los que permiten al usuario moverse por nuestro sitio y encontrar la informacin que busca. Con un sistema de navegacin consistente y predecible, se ayudar al usuario a hacerse una idea de la organizacin del site. La Web es Navegacin. La interaccin ms bsica de cualquier usuario es pulsar enlaces para moverse a travs de la informacin en un espacio que abarca cientos de millones de documentos. Un interfaz de navegacin debe dar respuesta a estas preguntas bsicas:

Dnde estoy?: La Web es un medio dimensiones enormes que aporta muy pocas pistas sobre la ubicacin de la documentacin. Debido a la naturaleza de los hipertextos un usuario puede pasar de un website a otros in transicin, es absolutamente necesario decirle al usuario dnde esta. Tanto en relacin con la WWW, como en relacin con la estructura de su sitio.

Quin me est contando todo esto?: Es una cuestin que se da por supuesta demasiadas veces, siempre hay que decirle al usuario quien ha creado la pgina. Qu es esto?: Todos los documentos necesitan ttulos claros que capturen la atencin del usuarios. El ttulo del documento es normalmente el primer elemento que los navegadores visualizan. En pginas con muchos grficos, el ttulo puede ser lo nico que los usuarios puedan ver en un buen rato, mientras cargan los grficos. Adems, el ttulo de una pgina ser la frase que se guardar en favoritos para identificar la pgina. Un ttulo ambiguo o que cree confusin no ayudar en nada al los usuarios cuando pretendan recordar qu pgina es esa que han guardado. Dnde he estado?. El usuario puede haber visitado otras partes del sitio, hay que evitar que se pase el rato dando vueltas en crculo porque no puede distinguir qu partes ha visitado y cuales no. Esta informacin adems puede ayudar al usuario a comprender la estructura del sitio. Los Navegadores incorporan unas caractersticas que ayudan al usuario a saber dnde han estado y por donde han venido: el botn atrs, y la lista de pginas visitadas (historial), y la carpeta de favoritos. Lamentablemente, son muchos los diseadores que "secuestran" las barras de

herramientas de los navegadores, privando a los usuarios de una herramienta primordial. Cmo se sentira usted si al abrir un documento de Word desparecieran todas sus barras de herramientas?.

Dnde puedo ir?: Esta pregunta parece fcil de responder con los elementos de navegacin y cualquier otro enlace que haya en el documento. Siempre, claro est que estn claramente identificados como tales. Cuando?: En la WWW hay millones de pginas no actualizadas desde hace aos, ayude a sus visitantes a saber si su informacin es actual o tiene 10 aos, incorporando la fecha.

Otras preguntas en la mente del usuario pueden ser: Cmo voy a volver dnde estuve antes? Cunto tardaremos en llegar? Una buena navegacin intenta contestar todas las preguntas del usuario mediante la utilizacin de una navegacin consistente, ayudas a la navegacin como las direcciones URL, etiquetas de pgina y pginas de referencia.

Proporcionar un contexto o perder al usuario

Es necesario que las pginas Web proporcionen al usuario pistas explcitas sobre el contexto en el que se encuentran y la organizacin de la informacin, puesto que slo pueden ver una pequea parte del "Site" (menos de una pgina cada vez) y adems pueden haber llegado ah desde cualquier parte.

Qu es la arquitectura de la informacin?
Resumen: Arquitectura de la informacin de una web: planificacin, organizacin, navegacin, etc.

omo empezar una web: Qu es la arquitectura de la informacin?

Rosenfeld y Morville:

Clarifica la misin y visin del sitio, equilibrando las necesidades del patrocinador y las necesidades de la audiencia. Determina el contenido y funcionalidad que el sitio va a tener. Especifica cmo los usuarios van a encontrar la informacin al definir su organizacin,navegacin, etiquetado y sistemas de bsqueda. Mapea como el sitio se va a acomodar al cambio y crecimiento en el tiempo.

Es decir se ocupa de la planificacin, organizacin, navegacin, interfaz de usuario

Es esta disciplina la que se ocupa de convertir una idea en un proyecto viable, utilizable y til. Durante la planificacin del sitio es necesario construir dos mapas:

Mapa Lgico: Refleja los contenidos del sitio y la forma en que estn relacionados unos con otros. Es similar a un Diagrama funcional. Mapa de Navegacin: Define de forma conceptual cada documento, su contenido y estructura. Tambin define los nombres de los archivos y su vinculacin. A travs de unmapa de navegacin tenemos una visin abstracta de todo el proyecto.

Slo despus de esta planificacin podremos empezar a disear los prototipos del sitio.

Cmo distribuir los contenidos en una pgina web?

Resumen: Gua para distribuir los contenidos de la web de forma eficiente y efectiva.

Como empezar una web: Cmo distribuir los contenidos en un sitio web?
Sin una organizacin web slida y lgica un sitio no funcionar bien incluso si el contenido es preciso y est bien escrito. Los 4 pasos bsicos para organizar la informacin son: 1. Dividir la informacin en unidades lgicas. 2. Establecer una jerarqua por orden de importancia y generalidad. 3. Utilizar esta jerarqua para establecer relaciones entre las piezas de informacin. 4. Analizar el sistema esttica y funcionalmente.

Subdividiendo la Informacin
La mayor parte de la informacin disponible en la WWW consiste en pequeas piezas de informacin que se leen de forma no secuencial; especialmente en websites de tipo acadmico, corporativo, gubernamentales y de Organizaciones que ofrecen informacin que hace algunos aos hubiera sido distribuida en papel. Los autores de manuales y material tcnico descubrieron mucho antes de que la web se inventase, que los usuarios prefieren pequeas piezas de informacin que se pueden hojear y localizar rpidamente.

Esta manera de organizar la informacin es especialmente vlida para la WWW por los siguientes motivos:

Los usarios no leen las pginas en pantalla, las miran por encima . Si son largas, las guardarn o las imprimirn. Las pequeas piezas de informacin son perfectas para los enlaces. Quien pulsa un enlace espera encontrar informacin especfica relacionada con el tema que estaba viendo, no un libro entero de informacin que filtrar. Tampoco es necesario subdividir la informacin demasiado o los usuarios se cansarn de pulsar enlaces. El mximo para una Web con documentos de referencia es de una a 3 pginas de informacin impresa.

Un formato uniforme para organizar y presentar la informacin permite a los usuarios aplicar su experiencia anterior con el Site a la hora de explorarlo y buscar informacin, permitindoles en cierta manera, adivinar como est organizada la informacin.

Las piezas de informacin pequeas y concisas se adaptan mejor a la visualizacin en pantalla que slo permite ver una pequea parte de documentos grandes. Las pginas muy largas tienden a desorientar al usuario, puesto que al avanzar a lo largo del documento el usuario se ve obligado a recordar la situacin de elementos que ya no se pueden ver en pantalla (por ejemplo una barra de navegacin en la parte superior).

Cmo estructurar una pgina web?

Resumen: Formas de estructurar el contenido de una pgina web.

Como empezar una web: Cmo se pueden estructurar las pginas?

Si slo se tiene una vaga idea de cmo se relacionan las distintas secciones de una Web, si no se tiene sentido claro de la organizacin y la narrativa, los usuarios lo percibirn inmediatamente. Una buena estructura permitir al lector visualizar todos los contenidos de una manera fcil y clara, mientras que un conjunto de pginas web con una mala estructura producir en el lector una sensacin de estar perdido, no encontrar rpidamente lo que busca y terminar por abandonar nuestro sitio. Planifique la estructura antes de empezar. Incluso para los sitios ms pequeos, es conveniente hacer algn esquema sencillo, para la mayora de los casos una hoja de papel y un lapicero bastar, pero si el emplazamiento es grande, es recomendable usar algn tipo de programa que permita manejar estructuras de tipo grafo.

La estructura depende del contenido

No es lo mismo crear una estructura de navegacin para un sitio que desea publicar informacin al estilo de un libro formado por captulos que se adapta bastante bien tanto a una estructura lineal como a una jerrquica. Mientras que un sitio donde se expone un tutorial o un tour es ms apropiada una estructura de tipo lineal. Depende del tipo de sitio web.

Tipos de estructuras

Secuencial o lineal: Es la forma ms simple de organizar la informacin, que presentando una narrativa lineal. La informacin que fluye de forma natural como cmo una narrativa lineal o con un orden lgico es perfecta para este tipo de tratamiento.

La estructura secuencial puede ser cronolgica, una serie de temas ordenados lgicamente de lo ms general a lo ms especfico o incluso ordenado alfabticamente. Sin embargo, este tipo de organizacin slo suele funcionar para sitios pequeos; a medida que la narrativa se torna ms compleja, necesita una mayor estructuracin para seguir siendo comprensible.

Parrilla: Muchos manuales de procedimientos, listados de cursos universitarios, descripciones mdicas de casos se adaptan perfectamente a este tipo de estructura.

Las parrillas son una buena forma de asociar variables, en una serie de categoras standard como "eventos", "tecnologa", "cultura" Para tener xito con este tipo de estructura es necesario que las unidades individuales de una parrilla, compartan una estructura de temas y subtemas absolutamente uniforme. Sin embargo las parrillas pueden ser difciles de comprender si el usuario no consigue establecer la relacin entre las diferentes categoras de informacin, y quiz ms apropiadas para audiencias experimentadas que ya poseen un conocimiento bsico del tema y de su organizacin. En estas estructuras, resultan muy tiles los mapas grficos del "Site".

Estructura jerrquica: es quiz la mejor manera de organizar informacin compleja. Este tipo de estructura est especialmente bien adaptada para los Web "Sites", que siempre parten de una nica pgina de inicio.

La mayor parte de los usuarios estn familiarizados con los diagramas jerrquicos, y les resulta fcil de comprender cmo esquema de navegacin. Adems, la organizacin jerrquica impone disciplina a la hora de analizar el contenido, ya que las jerarquas slo funcionan bien cuando el material est perfectamente actualizado. Dado que las estructuras jerrquicas son tan habituales en las oficinas e instituciones resulta fcil para los usuarios contruirse modelos mentales.

Estructura en Web: Estas estructuras imponen pocas restricciones en el patrn de la informacin.

En este caso el objetivo es imitar el pensamiento asociativo y la libre circulacin de ideas; los usuarios siguen sus intereses en una secuencia nica para cada usuario del Sitio. Este tipo de estructura se utiliza en sitios con una estructura de enlaces externos e internos muy densa. La meta es explotar al mximo el poder del hipertexto en la Web, pero este tipo de estructuras confunden al usuario fcilmente, por lo que, irnicamente, resultan muchas veces poco apropiadas para WebSites. Funcionan mejor en Webs pequeas, en los que predominan los listados de enlaces y que estn dirigidas a usuarios muy instruidos o a usuarios experimentados buscando profundizar en su educacin, pero no para logarar un entendimiento bsico de un tema o producto.

Estructura mixta: Los estudios de "funcionalidad" indican que los usuarios recuerdan mejor la informacin con este tipo de estructura (jerrquica con enlaces cruzados del tipo estructura Web), puesto que la estructura jerrquica resulta demasiado restrictiva y la no lineal ofrece demasiada informacin y lleva a la confusin.

Jacob Nielsen nos da las dos reglas ms importantes sobre la estructura de un sitio web: 1. Puede parecer obvia pero no lo es tanto: tener una estructura y conseguir que refleje el contenido de sitio y sus relaciones. 2. La estructura no debe reflejar en ningn caso la organizacin de su compaa. Al usuario no le interesa su organizacin sino su Web. La estructura debe deperminarse por las tareas, incluso si eso significa que varios departamentos tienen que colaborar para realizar un slo documento.

Tipos de sitios web

Resumen: Clasificacin de los distintos tipos de web que se pueden crear.

Como empezar una web: Tipos de pginas

Los sitios se pueden clasificar de muchas maneras. Cada tipo de sitio tiene unas caractersticas y limitaciones propias. Una buena organizacin es vital para conseguir los objetivos del Sitio. Vamos a ver diferentes formas de clasificar los sitios:

Por su audiencia

Pblicos: Es un WebSite normal, una pgina dirigida al pblico general, sin restricciones de acceso en principio. Extranet: Son Sitios limitados por el tipo de usuarios que pueden acceder, por ejemplo los proveedores de una empresa determinada, o los clientes. Intranet: Son sitios cuyo acceso est restringido a una empresa u organizacin, normalmente funcionan dentro de redes privadas, aunque no siempre es as.

Por su dinamismo
Aqu encontramos sitios interactivos y sitios estticos:

Sitios Interactivos: El usuario puede influir sobre el contenido del sitio que variar en funcin de cada usuario y de los objetivos de ste. Normalmente, las pginas se generan cuando el usuario las solicita, personalizando la informacin que se le ofrece. Sitios estticos: Los usuarios no pueden modificar o aadir nada al sitio, de cuyos contenidos se encargan exclusivamente sus diseadores. Por su estructura Hemos dedicado una seccin para estudiar la estructura fsica de los sitios Web, tenemos: Lineal, Jerarqua, parrilla, Web pura y mixta.

Por su apertura
Estructuras abiertas, cerradas y semicerradas:

Estructura abierta: Todos los documentos disponen de su direccin y los usuarios pueden acceder a cualquier punto del WebSite. Estructura cerrada: Limita el acceso a unos pocos puntos de entrada (incluso a uno slo). Un ejemplo sera un sitio que requiere un registro previo para entrar, el usuario siempre tendra que pasar primero por el registro antes de poder acceder al resto de la pgina. Estructura semicerrada: A medio camino entre ambas, obliga a los usuarios a acceder por unos puntos especficos, cmo por ejemplo slo la pgina principal y las pginas de entrada a las secciones ms importantes.

Por su profundidad
Basada en el nmero de enlaces que hay que pulsar para llegar al contenido. En general los usuarios prefieren sitios poco profundos. Una buena regla a seguir es que el usuario no tenga que pulsar ms de 3 enlaces para encontrar lo que busca.

Por sus objetivos

Comerciales: Estn creados para promocionar los negocios de una empresa. Su finalidad es econmica. Su audiencia puede estar formada por clientes (actuales y potenciales), inversores (actuales y potenciales), empleados (actuales y potenciales) e incluso la competencia y los medios de comunicacin. Podemos a su vez dividirlas en Corporativas (Informan sobre la empresa) y Promocionales (promocionan productos).

Informativos: Su finalidad principal es distribuir informacin. La audiencia de este tipo de sitios depende del tipo de informacin que distribuyen. Ocio: Aunque normalmente son sitios con una finalidad econmica, son un caso especial. No son sitios fciles de crear ni de mantener y a veces siguen reglas propias; puesto que a veces es ms importante sorprender al usuario con innovaciones que mantener la consistencia y la estructura. Navegacin: Su finalidad es ayudar al usuario a encontrar lo que busca en Internet. Dentro de este grupo se sitan los llamados portales, que intentan abarcar prcticamente todo dentro del propio sitio.

Artsticos: Son un medio de expresin artstica de su creador o creadores. Este tipo de sitios suele saltarse todas las convenciones y las nicas normas a aplicar son las que el propio artista o artistas deseen. Personales: Al igual que los anteriores, son un medio de expresin de su creador o creadores. Sus objetivos y su audiencia pueden ser de lo ms variopinto. Dentro de este grupo puede haber de todo desde colecciones de fotos de la familia hasta tratados cientficos de primer orden.

Cmo organizar una web?

Resumen: Formas de organizar correctamente un sitio web para facilitarnos el trabajo de mantenimiento y actualizacin.

Como empezar una web: Cmo organizar el sitio?

Parte del problema con la Web hoy da es encontrar lo que buscamos. Una estructura y organizacin web claras, ayudarn a los usuarios. Al organizar un sitio Web, es necesario tener en cuenta a los usuarios que normalmente no estarn familiarizados ni con el sitio ni con su estructura lgica. El modo en que se organiza y relaciona la informacin puede ser crtica, y depender del tipo de sitio de que se trate y de sus objetivos. Ahora vamos a ocuparnos de la estructura fsica, de la organizacin interna de los distintos archivos y documentos.

Es demasiado frecuente encontrarse con websites sin ningn tipo de organizacin, en los que todos los archivos estn en el mismo directorio sin orden ni concierto. Esta estrategia lleva invariablemente al CAOS, especialmente a la hora de mantener el WebSite. Si usted guardara toda la informacin que maneja en su puesto de trabajo limitndose a meterla en un cajn Cmo encontrara las cosas? Es aconsejable crear una estructura de directorios para dividir la informacin de acuerdo con las secciones y subsecciones del site. Si su web es muy grande, es posible que se haga necesario subdividir an ms los directorios de imgenes, creando un directorio para cada seccin de la pgina web. Tambin es habitual encontrarse con documentos nombrados de forma incomprensible: pag_001.html pag_002.html pag_003.html pag003b.html uno.jpg dos.jpg tres.gif 005.jpg De esta forma resulta bastante difcil averiguar de que trata cada pgina o archivo grfico. Recomiendo nombres cortos, claros y fciles de identificar. Ahorrar muchas horas de trabajo intil a los encargados del mantenimiento de la pgina web. index.html* prensa.html productos.html noticias.html consejero.jpg * index.html (o default.htm, dependiendo del sistema) es la pgina de inicio de cualquier Sitio Web o seccin. Algunos diseadores prefieren nombrar sus imgenes utilizando convenciones que definan a que seccin pertenecen las imgenes, otros, utilizamos subdirectorios. pr_consejero.jpg pr_feriajunio.jpg corp_sede.gif corp_oficina.gif

Elaboracin y objetivos de un proyecto web

Resumen: Artculo sobre las fases en la creacin de una web y la importancia de tener claros los objetivos al realizarla.

Cmo empezar una web: Qu tienes que tener en cuenta en el proyecto?

Para desarrollar un Sitio eficaz, es necesario un proceso eficiente. No es complejo, incluso un diseador Free lancer puede (debe) hacerlo. Aunque no hay dos procesos iguales, lo normal es que, a grandes rasgos, nos encontremos con las siguientes fases: 1.- Requisitos y planificacin: Es la fase de la que se ocupa esta seccin. En esta fase establecemos:

Los objetivos. La audiencia. Las estrategias. Los requisitos o especificaciones. Estructura y organizacin. Inventario de contenidos. Presupuesto.

Tras seguir todos estos pasos contaremos con un documento (muy largo) que reunir todos los elementos y requisitos necesarios para nuestro WebSite, incluida la gua de estilo. 2.- Diseo: La etapa de diseo es normalmente la ms divertida. Se disean los prototipos tcnico y visual. Un buen diseo se integra con el contenido. La recogida de contenidos es uno de los aspectos ms lentos del diseo Web. Al final de esta etapa dispondremos de un prototipo listo para su revisin y prueba. 3.- Desarrollo: A estas alturas ya deberamos tener muy claro lo que nuestro cliente (o nuestro jefe) quiere, incluidas la apariencia y funcionalidad del Sitio Web. Es el momento de empezar a crear las piezas del puzzle y ensamblar el conjunto. Al final de esta etapa dispondremos de una versin beta del Sitio que volveremos a revisar y probar. 4.- Produccin: Comprueba una vez ms el sitio web, validndolo y comprobando laaccesibilidad. Es el momento de entregar la pgina web, junto con la gua de estilo y la documentacin. 5.- Promocin: No tiene sentido crear un sitio Web si nadie sabe que existe. Utiliza diversastcnicas de promocin web, otro tanto con el posicionamiento en los buscadores. 6.- Mantenimiento y evaluacin: Un error comn en las pginas web es olvidarse delmantenimiento y la puesta al da de los contenidos, estudiando los intereses de sus visitantes. Sin esta labor, su Web pronto quedar obsoleta y perder su valor.

La importancia de tener unos objetivos claros

Muchos sitios web fallan por tener unos objetivos poco claros. Sin embargo, son de vital importancia y deben estar articulados desde el principio. Montara usted una tienda sin tener una idea de lo que quiere vender? Se planteara un negocio del que no conoce el objeto? Pues en una web hay que planterselo tambin. Los objetivos de la pgina son la base de todo diseo Web y la medida de su xito. Junto con la audiencia, determinan:

El diseo El contenido La tecnologa a utilizar La viabilidad

Deben ser objetivos claros, concisos y cuantificables. Si no tenemos claro qu queremos conseguir Cmo vamos a saber si lo hemos logrado o no? Son la herramienta indispensable para determinar el xito de un sitio web. Ejemplo de Objetivos bsicos que habra que desarrollar despus: 1. Conseguir un 20% de las ventas de la compaa. 2. Disminuir en un 25% la atencin telefnica prestada en estas materias. 3. Disminuir en un 25% el coste de material de papelera y envos postales. 4. Disminuir en un 15% la atencin telefnica y/o presencial prestada por el departamento de comunicacin. 5. Disminuir en un 20% los costes de seleccin de personal.

Para qu quieres tener una web?

Resumen: Preguntas a plantearse antes de realizar cualquier proyecto web.

Como empezar una web: Y realmente sabes para qu quieres la pgina?

Porqu quiere una pgina Web? Qu es exactamente lo que pretende conseguir con ella? Cmo va a conseguirlo? Es asumible el coste? Si no conoce la respuesta a las preguntas, su pgina web no tiene futuro. Si su empresa fuese a abrir una sucursal en otra ciudad. Empezara por llamar al diseador de interiores? Al arquitecto? Al informtico? Ms bien empezara por hacer un

estudio de mercado, para ver si su sucursal tendra xito en esa ciudad. Hara un estudio de los costes, de las necesidades.. etc, en fin hara un estudio de viabilidad, un plan de negocios. Pues en Internet es exactamente igual!. Todos los sitios Web difunden informacin de una u otra clase. Ofreciendo informacin til y una buena comunicacin con sus visitantes se mejorar su imagen y crear una relacin de confianza. Las cuatro caractersticas principales del diseo Web son: 1. Los contenidos (sobre todo el contenido original) son el corazn de una pgina, informan y convencen a los usuarios. 2. La tecnologa posibilita la existencia de la pgina y la dotan de funcionalidad. 3. Los aspectos visuales proporcionan imagen al sitio destacando el contenido. 4. Los aspectos econmicos determinan la viabilidad del sitio.

Una visin global de un sitio web tiene tres parmetros generales: objetivos, usuarios y viabilidad econmica que determinan el contenido, el diseo y la tecnologa.

10 consejos tiles para realizar un mejor cdigo

Resumen: Consejos sobre como mejorar los cdigos CSS y HTML.

Cuando alguien se inicia en la utilizacin de CSS, es frecuente que se comentan algunos errores que, si bien a veces no generan problemas en la visualizacin de la pgina web, y hasta en algunos casos se trata de cdigos vlidos, tienen otros tipos de inconvenientes, como veremos ms adelante.

Simplificar
Cuando se trata de disear una pgina web, debemos tener en cuenta exclusivamente al usuario de la misma. Una pgina web debera tener solo aquello que es necesario. Para conseguir que un diseo se vea de determinada forma, muchas veces se recurre en forma abusiva a lasimgenes, animaciones, sonidos, etc., sin tener en cuenta que esto hace que el peso de la pgina aumente sensiblemente y puede generar demoras en la carga de la pgina. Tambin puede verse en muchas ocasiones, que los diseadores terminan generando cdigos extremadamente confusos y largos, para diseos que pueden conseguirse en forma mucho ms sencilla. Un elemento clave para la generacin de un cdigo ordenado es la planificacin del diseo. Todo diseo debe ser elaborado de afuera hacia adentro, es decir, de los elementos contenedores principales hacia los menores. Esto quiere decir que cuando se inicia una pgina web, los primeros elementos que deben ser determinados mediante el uso de CSS son los contenedores, como body y la capa principal. A partir de all, se debe generar las capas de cada seccin de la estructura de la pgina (cabecera, columnas, pie) para luego comenzar con los detalles necesarios dentro de cada una de ellas.

Tratar de no utilizar hacks

Los hacks son trucos mediante los cuales se pueden sortear algunos de los problemas generados por las diferencias existentes en la interpretacin del cdigo por parte de los navegadores. En la mayora de los casos no son necesarios. Una de las soluciones ms conocidas es la utilizacin de archivos CSS destinados a ser interpretados exclusivamente por determinados navegadores o versiones de navegadores.

Prestar atencin a la utilizacin de mrgenes y rellenos

Los mrgenes (margin) y los rellenos (padding) son las propiedades que generan ms inconvenientes a los diseadores ms nuevos, debido en parte a las diferencias notorias que existen en la interpretacin de las mismas por parte de los navegadores. Es por ello que siempre es absolutamente necesario que se tengan en cuenta, ya que en muchas ocasiones son el origen de diferentes descuadres y errores en el posicionamiento de diferentes elementos.

Evitar el abuso de los posicionamientos absolutos

Una tendencia natural en los diseadores recin iniciados, es al abuso de los elementosposicionados en forma absoluta (position: absolute), debido a que con ello se elimina toda posibilidad de que se produzcan comportamientos extraos de los elementos. La maquetacin de pginas web requiere una comprensin completa del comportamiento de los diferentes elementos y de cmo acta cada una de las propiedades sobre ellos. Las pginas generadas en forma exclusiva o casi exclusiva con posicionamiento absoluto, tienen entre otros inconvenientes, la rigidez e inflexibilidad. Esto dificulta notoriamente la introduccin de elementos dinmicos, y es prcticamente imposible pensar en una pgina con contenidos dinmicos cuyo diseo visual est elaborado de esta forma, ya que la extensin de los contenidos ser variable y originar diferentes errores, como desbordamientos de capas y superposicin de contenidos.

Evitar el abuso de los div

Otro de los errores frecuentes entre principiantes es el pretender resolver todo mediante lautilizacin de capas. No siempre es necesaria la utilizacin de capas para generar elementos, ya que en muchos casos existen los elementos semnticamente correctos dentro de HTML. Muchos divs pueden ser reemplazados por la utilizacin correcta de listas, prrafos, ttulos, etc. En parte este tipo de abusos se debe a que se desconoce las posibilidades que muchos de estos elementos, y que es posible que adquieran diferentes formatos visuales y pueden adaptarse prcticamente a cualquier diseo.

Evitar el abuso de clases e identificadores

Este tipo de errores es frecuente inclusive en algunos diseadores con experiencia, y en general es debido a la carencia en el uso de una de las propiedades fundamentales del CSS, que es laherencia. Para entender mejor de lo que estamos hablando, veremos los siguientes ejemplos. En el primer ejemplo, veremos la forma incorrecta de hacerlo, mientras que el segundo se trata de la forma correcta. Primer ejemplo: ?

<ul>

2 3 4 5 6

<li class="lista">Elemento de lista</li> <li class="lista">Elemento de lista</li> <li class="lista">Elemento de lista</li> <li class="lista">Elemento de lista</li> <li class="lista">Elemento de lista</li> <li class="lista">Elemento de lista</li>

7 8
?

</ul>

1 2 3 4

li.lista

list-style: square; font: bold 13px arial, helvetica, sans-serif; }

Segundo ejemplo: ?

1 2 3 4 5 6 7 8
?

<ul id="lista"> <li>Elemento de lista</li> <li>Elemento de lista</li> <li>Elemento de lista</li> <li>Elemento de lista</li> <li>Elemento de lista</li> <li>Elemento de lista</li> </ul>

1 2 3 4

ul.lista li { list-style: square; font: bold 13px arial, helvetica, sans-serif; }

Generar cdigo vlido y utilizar el validador

Dado que este tema se encuentra tratado en forma extensa en otro artculo, simplemente agregaremos un enlace al mismo para que vean cual es la importancia de generar cdigos vlidos. Importancia de validar los cdigos Adems, la utilizacin del validador hace que se detecten algunos errores durante el proceso de trabajo, por lo que en muchas ocasiones puede resultar til tambin en la etapa del desarrollo y no exclusivamente al finalizar el trabajo.

Racionalizacin del cdigo

Algunos de los consejos que ya hemos dado, hace que se generen cdigos ms racionales, y por tanto, ms sencillos de entender. La utilizacin correcta de los diferentes elementos HTML, la eliminacin de elementos innecesarios y la simplificacin, hace que los cdigos generados sean ms limpios, sencillos y racionales, lo que tiene como consecuencia una mayor sencillez a la hora de realizar correcciones y modificaciones, adems de ser por lo general, ms cortos y por tanto, generan archivos ms pequeos y de carga ms rpida.

Diseo flexible
En los ltimos aos se ha producido un incremento notable en el tamao de los monitores de los usuarios, adems de aparecer monitores con diferentes proporciones. Tambin se ha producido un incremento importante en el acceso a internet con otros tipos de dispositivos diferentes a los clsicos ordenadores. Todo esto hace necesario que los diseos sean cada vez ms flexibles, y que puedan visualizarse en forma correcta independientemente del dispositivo que se utilice para acceder a las pginas web o las dimensiones del monitor.

Comprobaciones en diferentes navegadores

Las conocidas diferencias existentes entre navegadores hace necesario que se utilice alguna forma de comprobar la visualizacin de las pginas que se estn diseando en ellos. En muchos casos puede decirse que con hacer la comprobacin en alguno de ellos es suficiente para saber que en todos se va a ver bien, como puede ser el caso de los navegadores (generalmente solo en las ltimas versiones) Mozilla-Firefox, Google Chrome, Opera y Safari. No es el caso de Internet Explorer, que es el origen de la mayor parte de este tipo de dificultades, por lo que siempre es conveniente hacer comprobaciones en l luego de

diseada la pgina y en todas las versiones, ya que existen diferencias notables entre ellas en la forma en que interpretan el cdigos CSS. Si no es posible tener todos los navegadores instalados, o al menos algunos de ellos, es posible recurrir a algunas herramientas online o utilizar algunas herramientas que poseen los navegadores para emular a otros. Tambin existen algunas herramientas instalables que permiten visualizar las pginas web como si se tratara de diferentes navegadores.