You are on page 1of 84

Universidad Tecnolgica de Huejotzingo

Carrera: Tecnologas de la Informacin y Comunicacin rea Sistemas Informticos

Trabajo Final

Que Presenta:

Profesor: Lic. Manuel Mndez Montero

26/junio/2013

Contenido
I. Gua para principiantes sobre optimizacin para motores de bsqueda 3

I.1 I.2 I.3 I.4 I.5 I.6 I.7 I.8 I.9 I.10 I.11 I.12 I.13
II.

CREA TTULOS DE PGINA NICOS Y PRECISOS UTILIZA LA METAETIQUETA DESCRIPTION MEJORA LA ESTRUCTURA DE LAS URL FACILITA LA NAVEGACIN EN TU SITIO OFRECE CONTENIDO Y SERVICIOS DE CALIDAD ESCRIBE TEXTOS ANCLA DE MEJOR CALIDAD OPTIMIZA EL USO DE LAS IMGENES UTILIZA LAS ETIQUETAS DE CABECERA DE FORMA APROPIADA USO EFECTIVO DEL ROBOTS.TXT REL=NOFOLLOW PARA LOS ENLACES INFORMA A GOOGLE SOBRE TUS SITIOS PARA MVILES GUA CON PRECISIN A LOS USUARIOS DE MVILES PROMOCIONA TU SITIO DE MANERA CORRECTA

4 5 7 8 11 13 14 17 17 18 20 23 24
26

CARACTERISTICAS ASP, PHP Y JSP

II.1 II.2 II.3


III.

ASP.NET (ACTIVE SERVER PAGES) PHP (HYPERTEXT PREPROCESSOR) JAVA SERVER PAGES (JSP)
NAVEGADORES

27 31 32
35

III.1 III.2
IV.

Chrome Internet explorer 9


FORMATOS MULTIMEDIA

36 38
40

IV.1 IV.2
V.

FORMATOS DE IMAGEN FORMATOS AUDIO Y VIDEO

41 43
44

GOOGLE ANALYTICS

V.1 V.2 V.3

INTRODUCCION HERRAMIENTAS DE ANLISIS ANALTICA DE CONTENIDO

45 45 50

V.4
VI.

INFORMES SOCIALES

52
54

VI.1 VI.2 VI.3 VI.4

Analtica de mviles Paquete de conversiones Analtica de publicidad DESARROLLE SUS HABILIDADES ANALTICAS

55 57 60 64

I. Gua para principiantes sobre optimizacin para motores de bsqueda

I.1 CREA TTULOS DE PGINA NICOS Y PRECISOS


Indica los ttulos de las pginas utilizando las etiquetas title
Una etiqueta title indica tanto a los usuarios como a los motores de bsqueda el tema sobre el que trata una pgina. La etiqueta <title> debe colocarse dentro de la etiqueta <head> en el documento HTML. Lo ideal sera crear un ttulo nico para cada pgina del sitio.

El ttulo de la pgina principal de nuestro sitio de cromos de bisbol, que enumera el nombre de la empresa y las tres reas en las que se centra.

El contenido de la etiqueta title se muestra en los resultados de bsqueda

Un usuario realiza la consulta [cromos bisbol]. Nuestra pgina principal se muestra como resultado, con el ttulo en la primera lnea El ttulo de tu pgina principal puede incluir el nombre de tu sitio web o negocio y

podra incluir otra informacin importante, como la ubicacin fsica de la empresa o tal vez algunas de sus principales actividades u ofertas.

Un usuario realiza la consulta [cromos bisbol ms buscados]. Una pgina interna relevante (cuyo ttulo es nico para el contenido de la pgina) de nuestro sitio web aparece como resultado.

I.2 UTILIZA LA METAETIQUETA DESCRIPTION Los textos pueden definirse para cada pgina
La metaetiqueta description de una pgina proporciona a Google y a otros motores de bsqueda un resumen sobre la pgina. Mientras que el ttulo de una pgina contiene unas pocas palabras, la metaetiqueta description podra contener un par de frases o incluso un prrafo corto.

La metaetiqueta description de nuestra pgina principal ofrece una breve resea del sitio.

Cules son las ventajas de las etiquetas meta de descripcin?


Las metaetiquetas description son importantes ya que Google podra utilizarlas como fragmentos de descripcin de tus pginas. Agregar metaetiquetas description para cada una de tus pginas en caso de que Google no pueda encontrar un buen texto a utilizar como fragmento.

Un usuario realiza la consulta [cromos bisbol]. Resultado de nuestra pgina principal con un fragmento de la metaetiqueta description.

Esto da pistas al usuario para saber si el contenido de la pgina coincide con lo que busca.

Un usuario realiza la consulta [cromos bisbol ms buscados]. Una de nuestras pginas internas, con su metaetiqueta description nica utilizada como fragmento, aparece como resultado.

I.3 MEJORA LA ESTRUCTURA DE LAS URL URL sencillas sugieren el contenido de la pgina
Crear categoras descriptivas y nombres de archivo para los documentos de tu sitio web no slo puede ayudar a mantener tu sitio web mejor organizado, sino que tambin podra facilitar el rastreo de tus documentos a los motores de bsqueda. Adems, puede crear URL ms sencillas de enlazar. Los usuarios que visitan tu sitio pueden sentirse intimidados por URL muy largas y raras, con pocas palabras reconocibles.

Una URL que apunta a una pgina de nuestro sitio con la que nuestros usuarios podran tener dificultades.

Las palabras resaltadas podran informar al usuario o al motor de bsqueda sobre la pgina incluso antes de hacer clic en el enlace.

Las URL se muestran en los resultados de bsqueda.

Un usuario realiza la consulta [cromos bisbol]. Nuestra pgina principal aparece como resultado, con la URL bajo el ttulo y del fragmento.

I.4 FACILITA LA NAVEGACIN EN TU SITIO

La navegabilidad es muy importante para los motores de bsqueda.


Ayuda a los usuarios a encontrar rpidamente el contenido que desean.

Planifica la navegacin basndote en la pgina de inicio.


Todos los sitios web tienen una pgina principal o una pgina raz, que es la que normalmente ms se visita de un sitio web, as como el punto de partida para muchos usuarios.

Asegrate de utilizar los enlaces de navegacin.


Los enlaces de navegacin son una lnea de enlaces internos ubicados en la parte superior o inferior y que permite a los usuarios ir a secciones visitadas con anterioridad o a la pgina de inicio.

Los enlaces de navegacin en un artculo interno de nuestro sitio web.

Deja abierta la posibilidad de que una parte de la URL pueda ser eliminada
Piensa lo que puede ocurrir cuando un usuario quita parte de una de tus URL Algunos usuarios podran navegar por tu sitio web de formas muy raras y deberas anticiparte a esto. Un usuario podra quitar parte de una URL para encontrar contenido ms general.

Los usuarios pueden acceder a un directorio superior eliminando partes de la URL.

Tener una pgina 404 personalizada que amablemente gue a los usuarios a una pgina en funcionamiento puede mejorar en gran medida la experiencia del usuario.

Crea dos sitemaps: uno para los usuarios y otro para los motores de bsqueda
Un archivo Sitemap XML, el cual puede enviarse a travs de las Herramientas para webmasters de Google, facilita que Google encuentre las pginas de tu sitio web. Usar un archivo Sitemap es adems una forma de decirle a Google, aunque no de garantizar, qu versin de una URL prefieres como la principal. Por otra parte, Google ayud a crear la secuencia de comandos del generador de sitemaps, de cdigo abierto, que a su vez te ayuda a crear tu archivo Sitemap.

Ejemplos de un sitemap HTML y un Sitemap XML. Un sitemap HTML puede ayudar a los usuarios a encontrar contenido que estn buscando de forma muy sencilla, y un Sitemap XML puede ayudar a los motores de bsqueda a encontrar las pginas de tu sitio web.

I.5 OFRECE CONTENIDO Y SERVICIOS DE CALIDAD Sitios interesantes aumentarn su valor por si mismos
Crear contenido interesante y til ser probablemente lo que ms influya en tu sitio web de todos los factores.

Ejemplos de un sitemap HTML y un Sitemap XML. Un sitemap HTML puede ayudar a los usuarios a encontrar contenido que estn buscando de forma muy sencilla, y un Sitemap XML puede ayudar a los motores de bsqueda a encontrar las pginas de tu sitio web.

Anticpate a la diferencia de conocimiento de tus usuarios sobre el tema que tratas y ofrece contenido nico y exclusivo
Piensa en las palabras que un usuario podra utilizar en la bsqueda para encontrar tu contenido. Usuarios que saben mucho sobre el tema podran utilizar diferentes palabras que otros a los que el tema les es nuevo. Google Adwords, Herramienta para palabras claves, que te ayudar a descubrir nuevas variaciones de palabras claves y ver el volumen aproximado de bsquedas de cada una.

La Herramienta para palabras claves de Google Adwords puede ayudarte a encontrar palabras claves relevantes en tu sitio web, as como su volumen de bsquedas.

I.6 ESCRIBE TEXTOS ANCLA DE MEJOR CALIDAD

El texto ancla es aquel texto en el que podemos hacer clic y que los usuarios ven como un enlace. Este est ubicado en la etiqueta ancla <a href=...></a>.

Este texto ancla describe de forma adecuada el contenido de uno de nuestros artculos.

Este texto indica a los usuarios y a Google algo sobre la pgina a la que se enlaza.

I.7 OPTIMIZA EL USO DE LAS IMGENES Utiliza el atributo alt para ofrecer informacin sobre las imgenes

Las imgenes pueden parecer un componente muy sencillo de tu sitio web, pero puedes optimizar su uso. Todas las imgenes pueden tener un nombre de archivo definido y un atributo alt, de los cuales podemos aprovecharnos.

Esta imagen no se muestra al usuario por algn motivo, pero al menos el texto en alt se muestra.

Guarda los archivos en directorios especializados y trabaja con ellos utilizando formatos de archivos estndar
En lugar de tener archivos de imgenes guardados en diferentes directorios y subdirectorios de tu dominio, plantate reagrupar tus imgenes en un solo directorio.

Esta imagen no se muestra al usuario por algn motivo, pero al menos el texto en alt se muestra.

I.8 UTILIZA LAS ETIQUETAS DE CABECERA DE FORMA APROPIADA Utiliza las etiquetas de cabecera para dar nfasis a un texto importante.
Las etiquetas de cabecera (no confundir con la etiqueta HMTL <head> o las cabeceras HTTP) se usan para presentar la estructura de la pgina a los usuarios. Estas etiquetas tienen seis tamaos, comenzando con <h1>, el ms importante, y terminando con <h6>, el menos importante.

En la pgina de noticias, podramos poner el nombre de nuestro sitio en la etiqueta <h1> y el tema de la noticia en <h2>.

I.9 USO EFECTIVO DEL ROBOTS.TXT


Restringir a los rastreadores (bots) donde no sea necesario con el robots.txt El archivo robots.txt les dice a los motores de bsqueda a qu partes de tu sitio pueden acceder y consecuentemente rastrear.

Los robots de cualquier motor de bsqueda (sealados con el carcter comodn *) que siguen las normas no deberan acceder ni rastrear el contenido bajo el directorio /imgenes/ ni cualquier URL que empiece con /busqueda

Este archivo se debe llamar robots.txt, y tiene que estar en el directorio raz de tu sitio.

La direccin de nuestro archivo robots.txt

Puede que haya algunas pginas de tu sitio que no quieras que sean rastreadas si no van a ser tiles para los usuarios cuando las encuentren en los resultados de bsqueda. Si quieres evitar que los motores de bsqueda rastreen tus pginas, las Herramientas para webmasters de Google tienen un sencillo generador de robots txt para ayudarte a crear el archivo. Hay unas cuantas maneras ms de impedir que tu contenido aparezca en los resultados de bsqueda, como por ejemplo aadir la metaetiqueta NOINDEX, usar .htaccess para proteger directorios con contrasea o usar las Herramientas para webmasters de Google para quitar contenido que ya ha sido rastreado.

I.10 REL=NOFOLLOW PARA LOS ENLACES Combatir los comentarios spam con nofollow
Establecer el valor del atributo rel de un enlace a nofollow le dice a Google que algunos enlaces de tu sitio no deben seguirse ni pasar la reputacin de tu sitio a las pginas con las que enlazas.

Si introduces un enlace a un sitio en el que no confas o al que no quieres pasar tu reputacin, no olvides utilizar nofollow.

Si tu sitio tiene un blog con los comentarios pblicos activados, los enlaces de esos comentarios pueden pasar tu credibilidad a pginas con las que no te sentiras cmodo enlazando t mismo. Las pginas de comentarios en blogs son muy susceptibles de recibir comentarios spam.

Un spammer deja un comentario en una de nuestras ltimas entradas, intentando llevarse algo de la reputacin de nuestro sitio.

Aade de forma automtica nofollow a las columnas de comentarios y a los tablones de mensajes. Usar CAPTCHA (imgenes distorsionadas o letras encriptadas) y activar la moderacin de comentarios.

Un ejemplo de CAPTCHA que se usa en Blogger, el servicio de blogs de Google. Puede ser un reto intentar asegurarse de que una persona es la que deja un comentario.

Usar nofollow para pginas individuales, todo el dominio, etc.


Tambin puedes usar nofollow cuando ests escribiendo contenido para tu sitio y quieras hacer referencia a otra pgina web, pero sin comentar su credibilidad. Quieres advertir a los dems de lo que hacen en ese sitio, as que incluyes un enlace en tu texto, pero obviamente no quieres darle crdito con tu enlace. Este sera un buen uso de nofollow.

Esto hace que no se siga ningn enlace de una pgina.

I.11 INFORMA A GOOGLE SOBRE TUS SITIOS PARA MVILES Configura tus sitios mviles para que puedan ser indexados con precisin
Los sitios para mviles no slo utilizan un formato distinto al de los sitios normales, sino que los mtodos de gestin y la experiencia necesaria tambin son distintos. Aunque muchos sitios para mviles estn diseados pensando ante todo en la visualizacin en el mvil, stos no han sido diseados para los motores de bsqueda.

Comprueba que tu sitio para mviles est indexado por Google

Si tu sitio web no aparece en los resultados de bsqueda de Google para mviles incluso utilizando el operador site: es posible que tu sitio tenga alguno de los siguientes problemas o ambos: 1. Es posible que el robot de Google no pueda encontrar tu sitio Es necesario que el robot de Google rastree tu sitio antes de que ste pueda ser incluido en nuestro ndice de bsquedas. Si acabas de crear el sitio, es posible que todava no se haya detectado. En este caso, crea un sitemap para mvil y envalo a Google para informar de la existencia del sitio. 2. Es posible que el robot de Google no pueda acceder a tu sitio Algunos sitios para mviles rechazan el acceso a cualquier dispositivo que no sea un telfono mvil, lo que hace imposible que el robot de Google pueda acceder a ste y, por lo tanto, hace que tu sitio no pueda ser encontrado. Si quieres que tu sitio sea rastreado, debes permitir que todos los User-agent, incluido GooglebotMobile, puedan acceder a tu sitio.

Ejemplo de una bsqueda [cromos bisbol] en Google para ordenador (arriba) y para mviles (izquierda) pero con una bsqueda en ingls. Los resultados de bsqueda para mviles estn adaptados a los dispositivos mviles y son distintos de los resultados para ordenador.

Un ejemplo de sitio para mviles que no permite el acceso a dispositivos no mviles. Recuerda que debes permitir el acceso a los User-agent, incluido Googlebot-Mobile.

Comprueba que Google pueda reconocer tus URL para mviles


Una vez que Googlebot-Mobile rastrea tus URL, comprueba que cada una de tus URL es visualizable en un dispositivo mvil. Las pginas que el robot considera que no se pueden visualizar en un telfono mvil no se incluyen en el ndice de sitios para mviles. Esta decisin se basa en distintos factores; uno de ellos es la declaracin de la DTD (definicin de tipo de documento). Comprueba que la declaracin de la DTD de tus URL, adaptadas para mviles, tenga un formato adecuado para stos, como XHTML Mobile o Compact HTML.

Un ejemplo de DTD para dispositivos mviles.

I.12 GUA CON PRECISIN A LOS USUARIOS DE MVILES Implementando versiones para ordenador y mviles de un sitio web
Uno de los problemas ms comunes para los webmasters que poseen a la vez versiones de un sitio web para dispositivos mviles y para ordenador, es que los usuarios que utilizan el ordenador vean la versin para mviles o que los usuarios que acceden a travs de un dispositivo mvil vean la versin para ordenador

Redirige a los usuarios de mviles hacia la versin correcta


Cuando un usuario de mvil o un rastreador (como Googlebot- Mobile) accede a la versin de una URL para ordenador, puedes redirigirlos hacia la versin correspondiente de la misma pgina para mviles.

Cambia el contenido en funcin del User-agent


Los usuarios de mviles y de ordenadores acceden a la misma URL

I.13 PROMOCIONA TU SITIO DE MANERA CORRECTA Aumenta el nmero de enlaces entrantes con la intencin de aadir valor a tu sitio web
La promocin efectiva de nuevo contenido tiene como consecuencia una ms rpida difusin de tu trabajo hacia aquellos que estn interesados en el tema.

Promocionar tu sitio web y tener enlaces de calidad puede llevarte a aumentar la reputacin de tu web.

Cmo enviar avisos a travs de blogs y ser reconocidos online


Otros webmasters que siguen tu sitio o estn suscritos con un feed RSS tambin se enterarn Si diriges un negocio de mbito local, aadir la informacin de ste a Google Places te ayudar a contactar con clientes en Google Maps y la bsqueda web.

II. CARACTERISTICAS ASP, PHP Y JSP

II.1 ASP.NET (ACTIVE SERVER PAGES)


Las siglas ASP corresponden a las palabras Active Server Pages (Pginas Activas en el Servidor). ASP es una tecnologa desarrollada por Microsoft para crear pginas web de contenido dinmico apoyndose en scripts ejecutados en el servidor. Su funcionamiento se basa, principalmente, sobre servidores Microsoft con Internet Information Server para Windows NT o 2000, y en caso de contar con un sistema operativo Windows 95 o 98 se utiliza un servidor web personal, especialmente el Personal Web Server.

Una pgina ASP es una mezcla entre una pgina HTML y un programa que da como resultado una pgina HTML que es enviada al cliente (navegador).Estos scripts o programas pueden en ASP ser escritos en uno de estos dos lenguajes de programacin VBScript o JavaScript, pero el ms extendido es VBScript. ASP es una tecnologa dinmica funcionando del lado del servidor, lo que significa que cuando el usuario solicita un documento ASP, las instrucciones de programacin dentro del script son ejecutadas para enviar al navegador

nicamente el cdigo HTML resultante. La ventaja principal de las tecnologas dependientes del servidor radica en la seguridad que tiene el programador sobre su cdigo, ya que ste se encuentra inicialmente en los archivos del servidor que al ser solicitado a travs del web, es ejecutado, por lo que los usuario no tienen acceso ms que a la pgina resultante en su navegador.

Hay que destacar que ASP es una tecnologa propietaria de Microsoft, y que el uso de esta tecnologa implica el uso de los productos de Microsoft: MS Internet Information System y MS Windows en el servidor. Entre sus funciones principales estn el acceso a base de datos, envi de correo electrnico, creacin dinmica de grficos y otros.

Requerimientos
Para procesar una pgina ASP no existe ninguna restriccin especial en el lado del cliente, por lo que es indiferente la utilizacin del navegador Internet Explorer o Netscape Comunicator. Sin embargo, para realizar aplicaciones ASP bajo sistemas con Windows 95 o 98 es necesario contar con el Personal Web Server, el cual est incluido en el CD de Instalacin de Windows 98. Si el sistema es Windows NT o 2000 hay que contar con el IIS (Internet Information Server). Hoy en da, es posible hacer pginas ASP bajo servidores Unix/Linux, utilizando algn software como puede ser Instant ASP o Chilisoft. Dado que se utiliza el archivo ASP.DLL para interpretar el cdigo, el servidor ms extendido Internet Information Server (ms conocido como IIS). En resumen, estos son los servidores de contenidos ASP posibles para plataformas Microsoft Internet Information Server 3.0 o superior (para S.O. Windows NT) Personal Web Server (para Windows 95 y Windows 98) Para plataformas Unix es necesario aadir un software que acte de intrprete siendo algunos de los ms conocidos: Chilisoft Instant ASP

Qu es ASP.NET? Relacin con ASP


ASP.NET es un conjunto de tecnologas de desarrollo de aplicaciones web comercializado por Microsoft. Es usado por programadores para construir sitios web domsticos, aplicaciones web y servicios XML. Forma parte de la plataforma .NET de Microsoft y es la tecnologa sucesora de la tecnologa Active Server Pages (ASP). Se construy con el objetivo de resolver las limitaciones de ASP y posibilitar la creacin de software como servicio. La instalacin de ASP.NET no impide el funcionamiento de las aplicaciones ASP existentes. Utiliza una extensin de nombre de archivo distinta (.aspx en lugar de .asp), una configuracin independiente y una biblioteca Common Language Runtime totalmente independiente (no se ha modificado Asp.dll). Las pginas y las aplicaciones ASP pueden seguir utilizando el motor ASP existente, sin interferencia de ASP.NET. En el modelo de desarrollo Web basado en pginas activas, es decir, la programacin ASP actual tiene diversas limitaciones respectos a otros lenguajes como ASP.NET: Para que todo ocurra en una pgina Web, es habitual escribir una gran cantidad de cdigo para resolver necesidades sencillas. ASP.NET usa un modelo declarativo a la programacin web; Los controles de servidor funcionan en una pgina Web simplemente declarndolos. Cuando se carga la pgina ASP.NET, se instancian los controles listados en la pgina ASP y es responsabilidad del control emitir cdigo HTML que el navegador pueda entender. ASP es un tanto desorganizado. En una pgina ASP podemos incluir casi todo: HTML plano, cdigo de scripting, objetos COM y texto. No hay una distincin formal entre el contenido de una pgina y su comportamiento. ASP.NET impone un cierto orden sobre el modelo de programacin estndar ASP.

La tercera limitacin en el desarrollo con ASP es que con el tradicional utilizamos lenguajes de scripting no tipificados como VBScript o JScript. ASP.NET separa la porcin basada en script de una pgina Web de su contenido.

II.2 PHP (HYPERTEXT PREPROCESSOR)


PHP es un lenguaje de programacin generalmente usado en la programacin de sitios web dinmicos y actualmente es casi el lenguaje de desarrollo de sitios ms usado en todo el mundo. Fue originalmente creado por Rasmus Lerdorf para presentar su portafolio de trabajo y otras cosas en el ao de 1994. Originalmente fue desarrollado en perl. PHP al principio significaba Personal Home Page pero con el tiempo como ya es desarrollado por otro grupo se llama PHP Hypertext preprocesor.

Caractersticas del lenguaje PHP


PHP es un lenguaje interpretado, solo se necesita un navegador web para ejecutarlo. Es un lenguaje del lado del servidor, por lo que los script se ejecutan remotamente y el resultado aparece en la mquina cliente (local). Tiene soporte para muchos tipos de bases de datos, entre las principales estn MySQl, PostgreSQL, SQLite, entre otras. La sintaxis es parecida a la del lenguaje C (Que tambin tiene un parecido a perl). Es embebido en cdigo HTML. No es case sensitive en cunto a las funciones propias del lenguaje pero si en declaracin de variables. Soporte de orientacin a objetos.

Que puedo hacer con PHP


Potentes aplicaciones con manejo de base de datos. Formularios web o de envo de E-mails. Foros y libros de visita. Puedes construir aplicaciones dinmicas como algunas conocidas: Facebook, Google, YouTube, Twitter de manera fcil y rpida.

Que necesito para programar en php


Tenerlo instalado en tu servidor y si necesitas manejar bases de datos tambin necesitas tener instalada la aplicacin, para eso estn Appserv, o Wamp. Un editor de textos comn como el bloc de notas de Windows o el Gedit de Ubuntu, sin embargo existen otros mejores como el Notepad ++ o el Komodo Edit de preferencia.

II.3 JAVA SERVER PAGES (JSP)


El Servidor Java de Pginas (Java Server Pages, JSP) ofrece no slo la independencia de operar en diferentes plataformas y servidores de pginas Web, sino que adems combina el poder de la tecnologa Java en el servidor con la facilidad de visualizar el contenido de las pginas HTML.

JSP es una tecnologa que generalmente incluye:

Componentes estticos HTML/XML Elementos JSP especiales Fragmentos especiales de cdigo escritos en lenguaje Java llamados scriptlets.

La especificacin JSP extiende la tecnologa de servlets para reducir la programacin requerida en el desarrollo de pginas Web dinmicas. JSP permite apreciar mejor la distincin entre el contenido de la informacin y su presentacin.

Ventajas

Independencia del servidor Web. Substitucin del API de los servlets por conjuntos de elementos de marcado (tags) y fragmentos de programacin (scriptlets). Altamente recomendable para conseguir el acceso al servidor Web en arquitecturas de partes mltiples (multi-tier). Separacin del contenido esttico del dinmico. Separacin del contenido dinmico del formato de la presentacin.

Arquitectura de JSP
El propsito de JSP es ofrecer una forma ms declarativa y ms guiada por la presentacin que aquella conseguida con los servlets. Las pginas JSP se utilizan en un proceso que involucra dos fases: 1. Una fase de traduccin dinmica a servlets que se realiza nicamente cuando la pgina JSP se crea o modifica.

2. Una fase de contestacin a peticiones que se consigue cuando las clases de los servlets generados se cargan en el contenedor de servlets.

Arquitectura de JSP
En la segunda fase, para atender concurrentemente al procesamiento de peticiones, el servidor lanza un proceso ligero (thread) por cada uno de los clientes el cual corre el mtodo _jspService(). El mtodo _jspService() no puede reemplazarse por otros mtodos definidos por el programador, pero en cambio puede adecuarse su inicializacin y terminacin con los mtodos jspInit() y jspDestroy().

III. NAVEGADORES

A continuacin se muestra una grfica de los navegadores ms utilizados.

De acuerdo a los datos mostrados anteriormente, los navegadores en los cuales el sitio web funcionara, son: III.1 Chrome Chrome es un navegador web rpido, seguro y fcil de usar creado para la Web actual. Velocidad Chrome est diseado para realizar todo tipo de acciones de la manera ms rpida posible. Se inicia rpido en tu escritorio, carga pginas web en un abrir y cerrar de ojos, y ejecuta aplicaciones web con la velocidad de un rayo.

Simplicidad La ventana del navegador Chrome es moderna, simple y ordenada. Por ejemplo, puedes realizar bsquedas y navegar desde el mismo cuadro y organizar las pestaas como lo desees, de manera rpida y fcil.

Seguridad Chrome est diseado para mantenerte a salvo en la Web gracias a su proteccin incorporada contra software malicioso y suplantacin de identidad, sus actualizaciones automticas, que te aseguran que cuentas con los ltimos ajustes de seguridad, y ms.

o Navegacin segura Chrome te mostrar un mensaje de advertencia antes de que visites un sitio que se sospecha que est contaminado con software malicioso o de suplantacin de identidad.

Con la tecnologa de navegacin segura habilitada en Chrome, si encuentras un sitio web que se sospecha que contiene software malicioso o de suplantacin de identidad cuando navegas por la Web, vers una pgina de advertencia como la que se muestra ms arriba. o Sandbox Ayuda a prevenir la instalacin de software malicioso en tu computadora y evita que lo que pasa en una pestaa del navegador afecte a lo que pasa en otra o Actualizaciones automticas Para garantizar que tienes las ltimas actualizaciones de seguridad, Chrome busca actualizaciones

peridicamente para que siempre ests actualizado.

Privacidad Chrome te permite controlar tu informacin de privacidad y te ayuda a proteger la informacin que compartes cuando ests en lnea. Personalizacin Tienes infinidad de formas de personalizar Chrome a tu gusto. Puedes modificar la configuracin y agregar aplicaciones,

extensiones y temas de Chrome Web Store fcilmente. Acceso Al acceder a Chrome, puedes acceder a tus marcadores, tu historial y otros parmetros de configuracin desde cualquiera de tus computadoras. Tambin acceders automticamente a todos tus servicios de Google favoritos.

III.2 Internet Explorer 8


El nuevo navegador ofrece una experiencia de navegacin rpida, limpia y confiable y aprovecha por completo Windows 7 para enfocarse en los sitios y las aplicaciones que a la gente le interesan. Internet Explorer 9 fue rediseado para ser el nico navegador Web enfocado en llevar a los usuarios los sitios al frente y hacerlos destacar a travs de Windows 7, permitiendo una nueva clase de experiencias en la Web. El diseo centrado en el sitio se integra con Windows 7 y hace brillar las pginas Internet Explorer 9 se enfoca en las aplicaciones a travs de una experiencia limpia, integracin con Windows 7 y ms pixeles dedicados al sitio Web, no al browser, permitiendo brillar a los sitios web. Adicionalmente, los principios de diseo de Windows 7 han sido integrados en Internet Explorer 9, de manera que los sitios lucen como aplicaciones nativas a la PC. Algunas caractersticas incluyen: Sitios anclados Jump Lists Divisin de pestaas y Windows Aero Snap

Internet Explorer 9 utiliza las capacidades de la PC para lograr un desempeo mejorado Esta nueva versin de Internet Explorer aprovecha el poder del hardware de las computadoras modernas para mejorar el desempeo de la navegacin Web. Esto significa que Internet Explorer 9 utiliza el 90% del poder de la PC que los navegadores web anteriores no aprovechaban. Un navegador construido para brindar seguridad, privacidad y confianza Internet Explorer 9 est diseado para ser el navegador ms confiable, porque cuenta con un robusto conjunto de tecnologas de seguridad, privacidad y confiabilidad que mantienen protegido al usuario mientras navega Interoperabilidad: Apuesta total por HTML5 Internet Explorer 9 ofrece soporte integrado para los estndares de la industria: HTML5, SVG, CSS3 y otros estndares de la Web moderna. Este compromiso brinda un nuevo conjunto de capacidades y permite a los desarrolladores escribir un solo markup con plena seguridad de que funcionar y se ver igual en todos los navegadores modernos.

IV. FORMATOS MULTIMEDIA

IV.1 FORMATOS DE IMAGEN


Hoy, internet permite publicar fcilmente imgenes y videos. Pero una realidad se impone en toda publicacin: la prdida de calidad del contenido. Esta prdida se hace esencialmente para que los archivos estn menos pesados al subirlos, y luego aparecer en el computador de los internautas. Existen hoy 3 formatos principales "web: jpg (o jpeg), gif, png. Tienen cada uno un papel distinto.

Las caractersticas de los 3 formatos "web"


JPG (o JPEG): Formato ideal para las fotos y las ilustraciones complicadas. Contiene millones de colores. La Compresin de la imagen se hace con una prdida de calidad que va desde 0% a 99% (debe escoger para cada imagen en funcin de su peso final). GIF: Muy prctico para los dibujos e imgenes simples, con pocos matices, as como para los logos. Puede tener 256 colores o menos. Lo que significa que una imagen de ms de 256 colores grabados en el formato GIF slo va a retener 256 de ellas. Gestiona la transparencia y las animaciones. PNG: Formato libre de derechos. Conviene para todo tipo de imagen, la transparencia pero no las animaciones. Existe en 8 bits (tipo GIF, 256 colores) y en 24 bits (tipo JPEG, millones de colores, pero sin compresin).

IV.2 FORMATOS AUDIO Y VIDEO


Desafortunadamente, no existe nada como un formato de archivo multimedia genrico y nico. Todo sera ms simple! En efecto, su pgina Web puede soportar muchos formatos diferentes. Esta es una lista de los principales formatos sonoros soportados en la Web: MIDI, el formato ms ligero, no implica sonidos grabados pero es, en realidad, un esquema de codificacin que las tarjetas de sonido o los mdulos de sonido externos utilizan para guardar notas musicales como datos de informacin, o para reproducir estos datos en forma de sonidos. WAV, el ms ampliamente utilizado, es un formato no comprimido utilizado para almacenar formas de onda de sonido grabadas, como en el caso de un CD audio. MP3 y RealAudio, que son formatos comprimidos. El primero ofrece una excelente calidad, mientras que el segundo tiene una tasa de compresin y una velocidad de descarga a su favor. Existen tambin varios formatos para los clips vdeo: MOV, AVI y ASF son formatos comprimidos ligeros. MOV proviene del mbito Macintosh mientras que AVI y ASF provienen de Microsoft. MPEG y sus diferentes versiones (1, 2 y ms recientemente 4) han sido adoptados para los CD vdeo, los DVD y la TV digital. RealVideo es el nico formato diseado especialmente para el vdeo en Internet.

V. GOOGLE ANALYTICS

V.1 INTRODUCCION
Google Analytics no solo le permite medir las ventas y las conversiones, sino que tambin le ofrece informacin sobre cmo los visitantes utilizan su sitio, cmo han llegado a l y qu puede hacer para que sigan visitndolo.

V.2 HERRAMIENTAS DE ANLISIS


Adntrese en los datos. Gracias a los informes estndar, le resultar muy sencillo medir y entender cmo interactan los usuarios con su sitio. Adems, con solo unos clics, podr crear rpidamente informes personalizados y segmentos de visitantes, e identificar datos importantes para compartirlos con su equipo.

Informes en tiempo real: mida la actividad a medida que sucede


Vea cuntas personas estn en su sitio en este momento, de dnde proceden y qu ven. Podr saber en tiempo real si el contenido nuevo de su sitio tiene aceptacin o si la promocin del da atrae trfico a su sitio; adems, puede ver los efectos inmediatos de los tuits y de las publicaciones en blogs.

Informes personalizados: defina la informacin que desea analizar


Cree su propio panel de mtricas en cuestin de minutos. En lugar de tener que leer todos los datos, tendr acceso inmediato a las respuestas que necesita. Cree informes para compartirlos con sus compaeros y destaque la informacin que es necesario compartir.

Variables personalizadas: cree y analice sus propios segmentos personalizados


Las variables personalizadas le ayudan a determinar los segmentos de clientes y a descubrir su grado de implicacin con el sitio. Tambin le permiten personalizar Google Analytics y recopilar los datos de los clientes ms importantes para su empresa.

Segmentacin avanzada: analice secciones concretas de su trfico


Por qu algunas visitas dan lugar a una venta de 150 euros y otras no? Puede averiguarlo con los segmentos avanzados. Aplique segmentos predefinidos como "Visitas con conversiones" o "Trfico orgnico", o cree sus propios segmentos. Analice segmentos por separado o compare varios segmentos entre todos sus informes.

Paneles: organice, supervise y comparta los KPI


Empiece con un panel de tipo "KPIs de la empresa" general que incluya los indicadores de rendimiento ms importantes para su organizacin. Cree un panel "SEO" para optimizar su posicin en los motores de bsqueda. Todos los paneles se pueden arrastrar y soltar, estn completamente basados en widgets y ofrecen muchas posibilidades de personalizacin.

Visualizacin: averige qu ruta siguen los visitantes hasta su sitio


Google Analytics ofrece diversas herramientas de visualizacin de gran eficacia, entre las que se incluyen "Visualizacin del flujo de trfico" y "Analtica de pgina". Los informes de Visualizacin analizan la ruta de un visitante en su sitio, mientras que Analtica de pgina ayuda a evaluar visualmente cmo interactan los usuarios con sus pginas. Para facilitar el anlisis, hemos integrado diversos grficos para mostrar la informacin del modo en que desea verla.

Compartir: ahora todas las personas de su organizacin pueden colaborar


La toma de decisiones basadas en datos funciona mejor si los equipos pueden compartir la informacin con facilidad. El uso compartido de herramientas en Google Analytics permite que su equipo de compra de palabras clave pueda trabajar sin problemas con los equipos de contenido y SEO. Use la funcin de Intelligence y Alertas para encontrar cambios inesperados e informar a sus compaeros. Marque los eventos clave en el historial de su cuenta para que puedan verlos otras personas. Desarrolle y comparta paneles personalizados para las mtricas que sean importantes para su empresa.

API y personalizaciones: son sus datos, aplqueles el formato que desee.


Las aplicaciones, complementos y funciones personalizables le ayudan a integrar Google Analytics en los flujos de trabajo de su organizacin. Benefciese de las soluciones de terceros o cree sus propias aplicaciones con el API de Google Analytics.

V.3 ANALTICA DE CONTENIDO


Encuentre el valor oculto y el contenido principal de su sitio con los informes de contenido en Google Analytics. Descubrir con qu frecuencia visitan las personas cada una de las pginas de su sitio, durante cunto tiempo y con qu frecuencia realizan conversiones. Todos los informes se encuentran en la seccin de contenido.

Bsqueda en el sitio: lleve a los visitantes a sus destinos ms rpido


Cuando los visitantes no encuentran lo que buscan, realizan bsquedas. Con los informes de Site Search en Google Analytics, puede descubrir qu buscan los usuarios de su sitio realmente. Recupere oportunidades perdidas relacionadas con productos y acelere el paso hacia la conversin.

Analtica de pgina: vea cmo se mueven los visitantes en su sitio


Al mirar los informes de Google Analytics, a veces es difcil visualizar cmo navegan los visitantes en una pgina concreta del sitio web. Use Analtica de pgina para analizar visualmente cmo se mueven los visitantes por su sitio web.

Anlisis de velocidad del sitio: descubra los problemas antes que sus clientes
Todos sabemos lo frustrante que puede ser un sitio web que tarda mucho en cargarse, y esto puede incluso perjudicar a su publicidad y rankings de los resultados de bsqueda. Vea cunto tardan sus pginas en cargarse con el informe Velocidad del sitio en Google Analytics. Encuentre y corrija las pginas lentas para complacer an ms a sus visitantes.

Seguimiento de eventos: sepa qu hacen los visitantes en su sitio


Es realmente til estar al tanto del modo en que los visitantes interactan con sus pginas. Vea la frecuencia con la que interactan con elementos Flash y AJAX o hacen clic en enlaces para descargar folletos de productos. Puede incluso configurar el seguimiento de eventos para encontrar ms detalles sobre el comportamiento de sus visitantes.

Aumente la eficacia de su programa AdSense


AdSense permite a los bloggers y a los editores de contenido obtener ingresos de sus anuncios. Google Analytics puede importar directamente los datos de AdSense para ayudarle a mostrar sus anuncios en el mejor lugar posible de su sitio.

V.4 INFORMES SOCIALES


La revolucin de las redes sociales ha llegado y est evolucionando rpidamente. Lo est midiendo? Los informes sociales le ayudan a medir el impacto de las redes sociales en los objetivos de su empresa y en las conversiones relacionadas. Asimismo, los datos sociales y web integrados aportan una visin integral de su contenido y comunidad.

Mida el impacto de las redes sociales con las mtricas que ms le interesan
El informe Conversiones permite cuantificar el valor que aportan las redes sociales. Muestra los porcentajes de conversiones y el valor monetario de las conversiones realizadas como consecuencia de las referencias de los usuarios en cada una de las redes sociales. Enlace el impacto social con las mtricas que ms le interesan configurando objetivos relevantes para su empresa.

Descubra qu fuentes sociales remiten a los visitantes ms implicados


Es fundamental entender qu comunidades son importantes para su marca. El informe Fuentes sociales muestra las rutas iniciales utilizadas por los visitantes de las redes sociales hasta llegar a su sitio. Asimismo, muestra las mtricas de implicacin y conversin de cada red social.

Descubra qu comparten sus visitantes y dnde


Google +1 y otras funciones de interacciones sociales proporcionan un sencillo mecanismo para que los visitantes puedan ampliar su contenido al compartirlo con amigos. El informe de Complementos sociales muestra qu artculos del sitio se comparten con mayor frecuencia y los botones sociales en los que se hace clic para compartirlos (por ejemplo, "+1" de Google o "Me gusta" de Facebook). Asimismo, el Flujo de actividad muestra cmo los visitantes interactan con su contenido en sitios web externos. VI.

VI.1 Analtica de mviles


Analizar sus anuncios, aplicaciones y sitios para mviles, y descubrir cmo puede obtener ingresos de ellos, es cada da ms importante. Google Analytics le permite evaluar los sitios web y las aplicaciones para mviles, as como las visitas desde dispositivos mviles con conexin a Internet, incluidos los tablets y los telfonos, tanto de gama alta como bsicos. Ayudamos a los anunciantes a difundir sus mensajes con xito a travs de pantallas y dispositivos ofrecindoles estadsticas que les permitan crear anuncios relevantes para los clientes en los momentos clave. Preprese para crear campaas de marketing orientadas y eficaces que lleguen a los visitantes de su sitio all donde estn.

Analytics para aplicaciones mviles: mida el valor global de su aplicacin


La tecnologa mvil est cambiando la forma de comunicarse, de trabajar y de divertirse de las personas, y las aplicaciones para mviles son responsables de gran parte de su creciente adopcin e innovacin. Analytics para aplicaciones mviles evala de manera exhaustiva la experiencia del usuario con las aplicaciones para mviles, desde su descubrimiento y descarga hasta su interaccin con ellas. Los informes estn adaptados a los desarrolladores y los anunciantes de aplicaciones para mviles a fin de satisfacer sus necesidades.

Cree la mejor experiencia de usuario en las distintas pantallas y dispositivos


La visualizacin de estadsticas por ubicacin (pestaa "Grfico de visitas por ubicacin") le permite conocer el origen actual del trfico desde mviles, as como realizar predicciones acerca de dnde aumentar el trfico. Descubra qu dispositivos usan los visitantes para encontrar su sitio web a fin de poder presentar su marca en los mejores formatos para dichos dispositivos. Google Analytics puede mostrar qu sistemas operativos para mviles y qu dispositivos mviles especficos envan visitantes a su sitio, aplicacin para mviles o pgina de medios sociales.

Evaluacin de los anuncios para mviles: descubra cmo la tecnologa mvil aporta valor a su empresa
Los anuncios Google para mviles se muestran en dispositivos mviles en los resultados de bsqueda de Google, en aplicaciones y en sitios web de la Red de Display. Utilzalos para dar a conocer tu negocio a los usuarios mientras utilizan el telfono y el tablet a lo largo del da. Defina objetivos, conozca las conversiones procedentes de dispositivos mviles y utilice Google Analytics para empezar a medir su xito hoy mismo.

VI.2 Paquete de conversiones


Con el paquete de conversiones de Google Analytics, puede ir ms all de las pginas vistas y los recuentos de usuarios. Vea cmo funcionan todos sus canales de marketing digital en conjunto para atraer visitantes a su sitio. Mida las ventas, las descargas, las reproducciones de vdeo y otras acciones valiosas para usted. Averige por qu algunos visitantes compran sus productos y otros no para poder ajustar su sitio y sus programas de marketing a fin de alcanzar sus objetivos empresariales.

Conozca cmo el comportamiento del visitante deriva en ventas y conversiones.


Su sitio web es dinmico, y sus objetivos de conversin deberan serlo tambin. Con los Objetivos y el Seguimiento de eventos de Google Analytics, puede controlar las ventas, las descargas, las reproducciones de vdeos, las conversiones o la implicacin de los usuarios en su sitio, as como definir sus propias mtricas. Tambin puede personalizar sus informes en funcin de aquello que quiera conseguir e identificar qu acciones de los visitantes tienen ms probabilidades de ayudarle a alcanzar los objetivos de su negocio.

Mejore sus ventas online con los informes de comercio electrnico.


Identifique sus productos ms vendidos y las promociones ms valiosas. Ya se trate de transacciones complejas o de sencillas compras de un solo clic, los informes de comercio electrnico le ayudan a conocer los motivos de compra de los clientes y sus tipos de compra. Puede realizar un seguimiento de las transacciones a campaas y palabras clave, conocer el comportamiento de los consumidores en el sitio y ajustar su carrito de compra para aumentar las ventas y ganarse la fidelidad de los clientes.

VII. Vea la perspectiva completa del rendimiento de la campaa con los embudos multicanal.
No limite la medicin de su campaa al ltimo clic antes de una venta. Con los embudos multicanal ver el impacto de todas sus actividades de marketing digital, incluidas las de bsqueda, las de display, las sociales, las de afiliados, las de correo electrnico, etc. Descubra qu canales aportan visitantes a sus productos y con cules se obtienen ventas para poder equilibrar mejor sus programas de marketing.

Siga las diferentes rutas que por las que los visitantes llegan a su sitio.
Averige por qu a los visitantes les gusta tanto su sitio... o por qu no. Con la Visualizacin del flujo de trfico y los embudos de conversin de objetivos de Google Analytics, puede seguir las rutas de conversin de sus visitantes y descubrir dnde entran, dnde pasan ms tiempo y el punto en el que salen de la pgina. Descubra los puntos fuertes y las debilidades de la navegacin del sitio y averige qu reas necesitan un ajuste tanto en el sitio web como en el programa de marketing.

VII.1 Analtica de publicidad


Ha invertido mucho en atraer visitantes a su sitio. Cmo sabe que sus programas de publicidad funcionan? Compruebe todos los canales digitales, incluidos los de bsqueda, los de display, los de redes sociales, los de afiliacin y los de correo electrnico, y vea cmo afectan a los porcentajes de conversiones y de retorno. Aporte un valor aadido a su anlisis con nuestra incomparable integracin en Adwords, que incluye las campaas para mviles y de display.

Haga que su marketing en los motores de bsqueda sea ms eficiente


El marketing en motores de bsqueda atrae visitantes a su sitio. Con Google Analytics, puede enlazar el comportamiento de los visitantes con sus campaas SEM (en Google, Bing, Yahoo y ms) y tomar decisiones ms fundamentadas sobre las ofertas y las palabras clave. Si usa Adwords, puede etiquetar automticamente sus campaas y ver las diferencias relativas a los porcentajes de conversiones para las distintas ubicaciones de anuncios o pginas de destino.

Use el remarketing para llegar a los clientes adecuados, de manera rpida y sencilla
El remarketing con Google Analytics le permite aprovechar los datos exhaustivos sobre los clientes que muestran inters por sus productos y servicios. Despus, puede mostrarles anuncios orientados en la Web que respondan directamente a lo que estn buscando.

Entienda cmo la publicidad de display contribuye a sus programas


Descubra la eficacia de la publicidad de display al presentar su sitio a los nuevos clientes. Cntrese en ubicaciones especficas y entienda su eficacia al atraer a los tipos de visitantes adecuados. Nuestra integracin con la Red de Display de Google significa que puede usar Adwords para crear y administrar campaas y, a continuacin, insertar etiquetas de Google Analytics en las campaas de marketing de la Red de Display de Google para medir el xito.

Preste a las campaas para mviles la atencin que se merecen


Si publica anuncios para mviles o usa aplicaciones para mviles, desear saber cul es su rendimiento. Las ubicaciones de anuncios para mviles atraen a un tipo diferente de visitante, y Google Analytics le muestra cmo se comportan. Puede desglosar los datos por dispositivo, medir el rendimiento del anuncio y optimizar tanto su sitio para mviles como su sitio habitual usando mtricas conocidas como el tiempo en el sitio web, el porcentaje de rebote y el de conversiones.

Vea cmo funcionan sus campaas publicitarias junto con los embudos multicanal
Usted hace publicidad en varios canales digitales (SEM, display, redes sociales, afiliadas y ms), y es importante que comprenda la funcin de cada uno y cmo funcionan conjuntamente para aumentar el nmero de clientes y de conversiones. Los embudos multicanal ofrecen una perspectiva completa de cules funcionan mejor y cules son menos eficaces, lo que le permite optimizar y mejorar los programas de marketing digitales.

La medicin de campaas proporciona informacin sobre los aspectos que funcionan y los que no
Evale las campaas en todos los canales para ver las actividades de marketing que realmente son rentables. Vea los informes segmentados por canal, as como los datos en tiempo real de su cuenta minutos despus del inicio de una campaa. Observar la actividad de interaccin y conversin de los enlaces que etiquete, incluidos el correo electrnico y los banners. Adems, puede realizar el seguimiento de las campaas offline que dirigen a los usuarios a su sitio web.

VII.2 DESARROLLE SUS HABILIDADES ANALTICAS


Google Analytics ofrece muchos recursos formativos. Tanto si utiliza analticas por primera vez como si es un usuario experimentado, encontrar vdeos y artculos que le ayudarn a obtener el mximo rendimiento de Google Analytics.

La Lista de comprobacin de la instalacin y la Gua de introduccin muestran preguntas habituales de los clientes al configurar su cuenta y comenzar a analizar sus datos. El Centro de asistencia tiene artculos de todas las funciones y aspectos de Google Analytics, incluidas la implementacin, las recomendaciones de anlisis y la solucin de problemas. Estas herramientas le permiten obtener informacin de forma rpida y pueden ayudarle a tomar decisiones empresariales.

Certificado de aptitud de Analytics


Google ofrece un curso de formacin online gratuito en nuestra Conversion University sobre Google Analytics y el anlisis de datos. En caso de superarse el examen, se entregar una certificacin con reconocimiento en el sector. Visite el curso de formacin online y el Centro de exmenes.

Casos de xito
Si quiere saber cmo puede ayudarle Analytics con su sitio, tiene a su disposicin diversos casos de xito de los clientes para inspirarle y mostrarle el camino a seguir.

Seminarios y vdeos
Los socios certificados de Analytics ofrecen formacin programada de forma peridica en Google Analytics. Seleccione entre cursos de nivel inicial

(101), intermedio (201) y avanzado (301). Eche un vistazo a los cursos ofrecidos en su regin. Los vdeos del canal de YouTube oficial de Google Analytics muestran desde temas para principiantes hasta temas avanzados. Nos gustara que valorara los vdeos que ve y nos dijera qu ms le gustara ver.

VIII. DISEO WEB


VIII.1 CAPITULO 1 Proceso de Diseo y Evaluacin
Hay varias cuestiones relacionadas con la usabilidad, mtodos y procedimientos que requieren una cuidadosa consideracin al disear y desarrollar sitios Web. El ms importante de ellos se presentan en este captulo, incluidas las cuestiones 'iniciales', como el establecimiento de objetivos claros y concisos para un sitio Web, la determinacin de un conjunto adecuado y exhaustivo de las necesidades del usuario, lo que garantiza que el sitio web cumple con las expectativas del usuario, estableciendo objetivos de usabilidad, y proporcionar contenido til. Para asegurar el mejor resultado posible, los diseadores deben tener en cuenta una amplia gama de temas de interfaz de usuario, y trabajar para crear un sitio web que permite a la actuacin humana ptima. La investigacin actual sugiere que la mejor manera de comenzar la construccin de un sitio Web es que muchas personas proponen diferentes soluciones de diseo (es decir, el diseo paralelo)

VIII.2 CAPITULO 2 La optimizacin de la experiencia del usuario


Los sitios web deben ser diseados para facilitar y fomentar la interaccin persona-ordenador eficaz y eficiente. Los diseadores deben hacer todo lo posible para reducir la carga de trabajo del usuario mediante el aprovechamiento de las capacidades de la computadora. Los usuarios podrn hacer el mejor uso de los sitios Web cuando se muestra la informacin en un formato utilizable directamente y organizacin de contenidos es muy intuitiva. Los usuarios tambin se benefician de las secuencias de tareas que sean coherentes con la forma en que suelen hacer su trabajo, que no requieren que recuerden la informacin por ms de unos pocos segundos, que tienen una terminologa que sea fcilmente comprensible, y que no los sobrecargue con informacin. Los usuarios no deberan estar obligados a esperar ms de unos pocos segundos para que una pgina se cargue, y mientras espera, los usuarios deben ser suministrados con informacin adecuada. Los usuarios deben ser fcilmente capaces de imprimir la informacin. Los diseadores no deben 'empujar' ventanas no solicitadas o grficos a los usuarios.

VIII.3 CAPITULO 3 Accesibilidad


Los sitios web deben ser diseados para asegurar que todos, incluyendo a los usuarios que tienen dificultades para ver, or y hacer movimientos precisos, puede usarlos. Por lo general, esto significa asegurar que los sitios web facilitan el uso de las tecnologas de asistencia comunes. Algunos de los principales problemas de accesibilidad son: Proveer texto equivalente para los elementos no textuales; Asegurar que los guiones permiten accesibilidad; Proporcionar el ttulo del marco; Permitir que los usuarios Omitir vnculos de exploracin repetitivos; Asegrese de que los plugins y applets cumplen con los requisitos para accesibilidad

Sincronizar todos los elementos multimedia.

Cuando no sea posible garantizar que todas las pginas de un sitio se pueden acceder, los diseadores deben proporcionar informacin equivalente para garantizar que todos los usuarios tienen acceso a toda la informacin.

VIII.4 CAPITULO 4 Hardware y Software

Los diseadores son raramente libres de hacer lo que les venga a la mente. Al igual que los diseadores consideran que sus necesidades de los usuarios para obtener informacin especfica, sino que tambin deben tener en cuenta las limitaciones impuestas por sus usuarios "hardware, software, y la velocidad de conexin a Internet. Hoy en da, un solo sistema operativo (de Microsoft XP) domina mercado de las computadoras personales. Del mismo modo, slo dos navegadores sitio Web se ven favorecidas por la gran mayora de los usuarios. Ms del noventa por ciento de los usuarios tienen sus monitores ajustados a 1024x768, 800x600 o 1280x1024 pxeles de resolucin.

VIII.5 CAPITULO 5 La Pgina


La pgina de inicio es diferente de todas las otras pginas del sitio Web. Una pgina web bien construida proyectar una buena primera impresin a todos los que visitan el sitio. Es importante asegurarse de que la pgina de inicio tiene todas las caractersticas que se esperan de una pgina de inicio y se parece a una pgina de inicio para los usuarios. Una pgina web debe comunicar claramente el propsito del sitio y mostrar todas las opciones disponibles en el sitio Web.

VIII.6 CAPITULO 6 Formato de pgina


Todas las pginas web deben ser estructuradas para facilitar la comprensin. Esto incluye poner elementos de la pgina en un orden que refleja su importancia relativa. Los diseadores deben colocar los elementos importantes constantemente, por lo general en la parte superior y el centro de la pgina. Todos los artculos deben estar alineados correctamente en las pginas. Es generalmente una buena idea para asegurarse de que las pginas muestran una moderada cantidad de espacio en blanco.

Cuando una pgina Web contiene texto en prosa, elija longitudes apropiadas. Mayores longitudes de lnea por lo general van a obtener velocidad de lectura ms rpido, pero los usuarios tienden a preferir longitudes ms cortas.

VIII.7 CAPITULO 7 Navegacin


Navegacin se refiere al mtodo usado para encontrar informacin en un sitio Web. Una pgina de navegacin se utiliza principalmente para ayudar a los usuarios a localizar y enlazar a pginas de destino. Rgimen y caractersticas de navegacin de un sitio Web debe permitir a los usuarios encontrar y acceder a informacin de manera eficaz y eficiente. Cuando sea posible, esto significa que los diseadores deben tener navegacin slo las pginas corto. Los diseadores deben incluir mapas de sitio, y proporcionar informacin efectiva sobre la ubicacin del usuario en el sitio. Para facilitar la navegacin, los diseadores deben diferenciar y elementos de navegacin de grupo y utilizar tipos de men correspondientes.

VIII.8 CAPITULO 8 Desplazamiento y Paginacin

Los diseadores deben decidir, al principio del proceso de diseo, ya sea para crear pginas largas que requieren una amplia desplazamiento o las pginas ms cortas que requerirn a los usuarios moverse con frecuencia de una pgina a otra (una actividad conocida como paging). En general, los diseadores deben asegurarse de que los usuarios pueden pasar de una pgina a otra forma ms eficiente posible. Si los diseadores no pueden decidir entre la paginacin y el desplazamiento, por lo general es mejor proporcionar varias pginas ms cortas en lugar de una o dos pginas ms. Los resultados de las pruebas de usabilidad deberan ayudar a confirmar o negar esa decisin. Cuando se utiliza el desplazamiento, un sitio web debe ser diseado para permitir el desplazamiento ms rpido posible. Los usuarios slo deben tener que desplazarse a travs de unas pantallas completas y no largas pginas. Los diseadores no deben obligar a los usuarios a desplazarse horizontalmente.

VIII.9 Captulo 9 encabezamientos, ttulos y etiquetas


La mayora de los usuarios pasan una cantidad considerable de tiempo de exploracin en lugar de leer la informacin en los sitios Web. Bien diseados ayudan a facilitar tanto el anlisis y la lectura de material escrito. Los diseadores deben tratar de utilizar encabezados nicos y descriptivos, y utilizar tantas lneas como sea necesario para que los usuarios puedan encontrar lo que estn buscando, por lo general es mejor utilizar ms en vez de menos encabezados. Los encabezados deben utilizarse en el orden apropiado HTML, y es generalmente una buena idea de no saltarse niveles de encabezado. Los diseadores deben asegurarse de que cada pgina tiene un ttulo nico y descriptivo. Cuando se utilizan tablas, los diseadores deben asegurarse de que

los ttulos de filas y columnas sean descriptivos que ayuden a los usuarios a entender la informacin de la tabla. A veces es importante destacar cierta informacin crtica.

VIII.10 CAPITULO 10 Links


Significa que los usuarios podrn seleccionar y hacer clic en un hipervnculo en una pgina de inicio, lo que provoca una nueva pgina se cargue. Los usuarios siguen hacia su objetivo mediante la bsqueda y hacer clic en los enlaces siguientes. Para asegurarse de que los vnculos se usan con eficacia, los diseadores deben utilizar etiquetas vnculo significativo (asegurndose de que los nombres de enlace son consistentes con sus objetivos), proporcionar seales Clickability consistentes (evitar seales errneas), y designar cuando los enlaces se han hecho clic.

VIII.11 CAPITULO 11 Apariencia del texto


Hay varias cuestiones relacionadas con el texto caractersticas que pueden ayudar a asegurar un sitio Web se comunica efectivamente con los usuarios: Usar fuentes familiares que son por lo menos 12 puntos: Utilizar el texto negro en plano, fondos de gran contraste, y Utilice los colores de fondo para ayudar a los usuarios a comprender la agrupacin de informacin relacionada. A pesar de que es importante garantizar la coherencia visual, se deben tomar medidas para resaltar texto importante. Ttulos utilizados comnmente deben tener el formato consistente, y la atencin que atrae caractersticas, como la animacin, se deben utilizar slo cuando sea necesario.

VIII.12 Captulo 12 Las listas se encuentran comnmente en los sitios Web.

Estas pueden ser las listas de, por ejemplo, las personas, las drogas, teatros y restaurantes. Cada lista debe estar claramente presentada y tienen un ttulo descriptivo. Una lista debe tener el formato de modo que pueda ser fcilmente explorado. El orden de los elementos de la lista se debe hacer para maximizar el rendimiento del usuario, que por lo general significa que los temas ms importantes se sitan en la parte superior de la lista. Si se utiliza una lista numerada, iniciar la numeracin en "uno", no "cero." En general, slo la primera letra de la primera palabra se escribe con mayscula, a menos que una palabra que por lo general aparece en maysculas se muestra en la lista.

VIII.13 Captulo 13 controles basados en pantalla (Widgets)

Con el fin de interactuar con un sitio Web, los usuarios por lo general requieren el uso de controles basados en pantalla ("Widgets"). Adems del enlace generalizado, controles basados en pantallas de uso general incluyen botones, botones de opcin, casillas de verificacin, listas desplegables y campos de entrada. Los diseadores deben asegurarse de que utilizan aparatos conocidos de manera convencional o de uso comn. Los botones de opcin se utilizan para seleccionar entre dos o ms opciones que se excluyen mutuamente. Las casillas de verificacin se deben utilizar para tomar decisiones binarias, por ejemplo, 's' o 'no'. Listas desplegables se utilizan generalmente para seleccionar un elemento entre muchos. Campos de entrada se utilizan al completar formularios y escribir texto en los cuadros de bsqueda. Los diseadores deben tratar de minimizar la cantidad de informacin que ponen los usuarios. Cada campo de entrada debe ser clara y consistentemente etiquetada con las etiquetas colocadas cerca de los campos de entrada. Los diseadores

tambin deben distinguir claramente entre 'requeridos' y 'opcionales' campos de entrada de datos, y tratar de minimizar el uso de la Tecla Mays. Para facilitar la entrada rpida de la informacin, los diseadores deben colocar automticamente el cursor en el primer campo de entrada de datos, proporcionar etiquetas para cada campo, y proporcionar auto-tabulacin

VIII.14 Captulo 14 Grficos, Imgenes y Multimedia

Los grficos se utilizan en muchos, si no es que en la mayora, de pginas Web. Cuando se usa apropiadamente, los grficos pueden facilitar el aprendizaje. Una imagen importante mostrar en la mayora de las pginas de un sitio es el logotipo de la organizacin. Cuando se usa apropiadamente, imgenes, animacin, video y audio pueden aadir un gran valor a un sitio Web. Cuando la animacin se utiliza adecuadamente, es una buena idea introducir la animacin antes de que comience. En muchos casos, los datos reales que deben incluirse en tablas y grficos para facilitar la comprensin rpida y precisa. Por lo general no es una buena idea usar imgenes como todo el fondo de la pgina. Imgenes de fondo complejas tienden a disminuir la carga de pginas.

You might also like