viernes, 13 de enero de 2012

Práctica11. Test de usabilidad

Uno de los enfoques de la usabilidad corresponde al comportamiento del usuario durante el proceso de navegación, hasta la localización de los contenidos que resuelven su demanda informativa. Para experimentar el número de clics que el usuario realiza durante una búsqueda y evaluar la usabilidad de los menús de navegación global, local y contextual se pueden llevar a cabo tests de usabilidad. En el caso propuesto, se presenta un test experimental desarrollado exprofeso para la asignatura, en el que se indican a lo largo de 10 preguntas distintas consultas que el usuario deberá resolver en 1 minuto. Cada movimiento y enlace es recopilado de forma tal que al finalizar el test puede ser analizado y estudiado desde un punto de vista cualitativo.

Prueba de un test de usabilidad de un medio de comunicación

jueves, 12 de enero de 2012

19.- Usabilidad web

El concepto Usabilidad como tal, no está recogido en el Diccionario de la Real Academia, debe su origen, probablemente, a alguno de los siguientes términos en inglés Usability = Usabilidad, User friendly = Fácil de usar, Friendly use = Facilidad de uso, véase (HASSAN, Y.; MARTÍN FERNÁNDEZ, F.J.; GHZALA, I. 2004). Según su origen, se advierte que la facilidad de uso es el objetivo de la usabilidad, que adaptado al caso de la web, implica un uso sencillo y amigable de la misma. 

Según la norma ISO 9126, usabilidad se define como "la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso". De forma muy parecida también es definida por la norma ISO 9241 aunque con un enfoque más propio de la mercadotecnia "eficacia, eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico". 

Otro punto de vista más especializado (NIELSEN, J. 2006) entiende que la usabilidad web es "la aclaración del propósito del sitio, ayudar a los usuarios a encontrar lo que buscan, mostrar el contenido del sitio convenientemente y diseñar el sitio web para mejorar la interacción con el usuario, evitando ser definida a priori". 

Como elemento divulgativo añadido, se puede proponer una definición en la que se aclare explícitamente que la experiencia y la inteligencia del diseño son, al sentido común con el que se diseñan las páginas web, la mejor usabilidad posible: 
Usabilidad web es la simplificación necesaria de las funciones y contenidos de un sitio o página web en sus elementos denotativos y connotativos esenciales, de forma tal que su motivación, objeto, navegación y contenidos estén al alcance del usuario de forma clara y sencilla, visualmente y cognitivamente identificables,  recuperables con inmediatez, expresados y concebidos con la inteligencia del diseñador y la experiencia del usuario. BLÁZQUEZ OCHANDO, M.
El concepto de usabilidad según Steve Krug
Según Steve Krug, la usabilidad consiste en evitar que el usuario del sitio web tenga que pensar cómo acceder a los contenidos, con qué elementos debe interactuar ó que se pregunte sobre el significado de las opciones, la navegación, cómo recuperar y en definitiva cómo está enfocado o diseñado el sistema. Por lo tanto la regla central de la usabilidad, consiste en evitar que el usuario se pregunte dónde se encuentra cada cosa.

Qué nos hace pensar
Si el objetivo es lograr que el usuario piense menos, se debe procurar que los botones realmente parezcan botones, los enlaces sean enlaces de verdad y los términos que se utilicen sean concisos y breves. Un usuario pensará o reflexionará más si en el sitio web, encuentra sintagmas o frases en los enlaces, si los botones tienen una forma parecida a un botón pero no lo son ó si los enlaces tienen flechas o aditivos visuales como flechas, corchetes, etc.

Cómo se utiliza la web
Uno de los comportamientos más habituales consiste en ojear las páginas que componen un sitio web. Este proceso indica que en la mayoría de las ocasiones el usuario no lee completamente todo el contenido textual de las páginas, centrando su actividad reflexiva en unos pocos detalles que tendrán que ser suficientemente denotativos como para tomar una decisión y continuar en la misma página o acceder a la siguiente. Durante este proceso que podría denominarse "echar un vistazo" dichos elementos denotativos se convierten en lo único importante para el usuario, el resto de detalles, textos, gráficos y opciones dejan de existir.

Este comportamiento puede deberse a la necesidad de resolver rápidamente las necesidades y problemas que al usuario se le plantean, por motivo de economizar el tiempo que tiene disponible ó reducir su frustración cuando visita una página web y no encuentra directamente lo que estaba buscando. Otra razón por la que "echar una ojeada" resulta común es que sencillamente no se necesita leer todo el contenido para comprenderlo, de hecho este acto casi reflejo, se ha convertido en una costumbre después de que se esté habituado a repasar periódicos, libros, revistas, exportando el comportamiento a la web.
    Cuando el usuario ojea, no siempre elige la mejor opción para llegar a la información que necesita. No siempre es la decisión óptima, pero sí la más razonable. Ello sucede porque no hay consecuencias graves si el usuario se equivoca en la página a cargar. También es posible que el usuario desee conocer otras opciones ó alternativas para descubrir qué contenidos que pueden ser de utilidad y descartar para futuras ocasiones cuáles no. Todo ello hace que la combinación entre navegación, búsqueda y ojeo sea un trabajo creativo e intuitivo para el usuario y que se genere una experiencia de uso que posteriormente se tratará de aprovechar.

    En conclusión se puede afirmar que sin grandes explicaciones e instrucciones, el usuario es capaz de hacerse una "composición de lugar", "una idea", "un bosquejo" sobre cómo funciona un sitio web, ojeando y navegando entre sus páginas, acertando en mayor o menor medida con respecto a la idea original de su diseñador.

    Consideraciones de diseño

    • Jerarquía visual: Lo más importante deberá ser destacado del resto. Los contenidos similares tendrán que tener un estilo de identificación visual y tipográfica homogéneo a lo largo de todo el sitio web. Los contenidos referentes a un titular o epígrafe de nivel superior, deberán estar identificados en el mismo área para que sea evidente su dependencia. 
    • Dónde se hace clic: Dejar claro qué es un enlace y qué no lo es, puede ayudar a reducir el número de clics a lo largo del sitio web. Se estima que 3 clics equivalen a 1 clic claro y reflexionado. Cuando la navegación impide el acceso directo, se necesita conseguir redireccionar al usuario entre distintas opciones, pero por regla general un sitio web más horizontal, será más fácil de acceder que uno diseñado con muchos niveles verticales en su jerarquía.
    • Eliminar lo accesorio: Esto es omitir palabras innecesarias, que no expresen de forma precisa el objeto, la significación, y el hilo argumental de los contenidos. Realzar el contenido práctico y esencial para conseguir páginas más cortas y visibles con un solo golpe de vista.
    • Minimizar el ruido visual: Implica reducir los efectos visuales excesivos y molestos que alerten constantemente la atención del usuario y que perjudiquen la máxima claridad de los contenidos y de las opciones de navegación del sitio web. Estos elementos son líneas de puntos, excesivos subrayados, imágenes de fondo repetidas, imágenes demasiado grandes, abundantes efectos rolovers, excesivo aparataje de interfaz que sobrecarga la claridad del conjunto.
    • Diseño de la navegación: Utilizar sistemas de navegación como breadcrumbs, definir rutas de navegación a todos los contenidos del sitio mediante pocos niveles jerárquicos, en beneficio de sitios web más horizontales y con una mejor estructuración de secciones. El objeto de la navegación es que el usuario encuentre lo que necesita, motivo por el cual tiene que tener libertad para elegir, ya sea utilizando el buscador, consultando las preguntas frecuentes u ojeando por su cuenta. Por otra parte la navegación debe ser un elemento clarificador que indique  en qué lugar se encuentra el usuario visualizando una página, de qué sección procede, qué otras están clasificadas de la misma forma, que proporcione un método de acceso a los contenidos del sitio que sea extrapolable a otros muchos casos y que permita establecer un cierto grado de confianza con respecto a la correcta organización del resto de contenidos.
    • Convenciones: Definir en todo momento en qué página se encuentra el usuario mediante breadcrumb ó usted está aquí. Mantener siempre visibles los elementos de navegación como los breadcrumbs. Utilizar secciones y subsecciones ordenadas jerarquicamente. Emplear navegación local con una columna y su correspondiente lista de enlaces. Opcionalmente usar un menú de tipo sólo texto en el pie de página con las principales accesos directos del sitio web.  

    Evaluación de la usabilidad
    • Qué sitio es (Identificar el sitio web)
    • En qué página estoy (Nombre página)
    • Cuáles son las principales secciones del sitio (secciones)
    • Qué opción tengo en este nivel (Navegación local)
    • Dónde estoy en el esquema de cosas (Usted está aquí + Breadcrumb)
    • Cómo busco algo (Buscador)

    Bibliografía

    GARRET, J.J. 2011. The elements of user experience: user-centered design for the web and beyond. New Rider

    HASSAN, Y.; MARTÍN FERNÁNDEZ, F.J.; GHZALA, I. 2004. Diseño Web Centrado en el Usuario: Usabilidad y Arquitectura de la Información. Hipertext, n.2. Disponible en: http://www.hipertext.net/web/pag206.htm

    HOM, J. 1998. The Usability Methods Toolbox Handbook. Disponible en: http://www.idemployee.id.tue.nl/g.w.m.rauterberg/lecturenotes/UsabilityMethodsToolboxHandbook.pdf

    KRUG, S. 2002. Don´t make me think: a common sense approach to web usability = No me hagas pensar: Una aproximación a la usabilidad en la web. Prentice Hall

    NIELSEN, J.; LORANGER, H. 2006. Prioritizing Web Usability. New Riders
    FLORÍA CORTÉS, A. 2000. Recopilación de Métodos de Usabilidad. Disponible en: http://www.sidar.org/recur/desdi/traduc/es/visitable/Herramientas.htm

    viernes, 16 de diciembre de 2011

    Práctica9. Implementación de un buscador básico

    Una de las aplicaciones más importantes de cualquier sitio web es su sistema de recuperación de información. Con el objetivo de conocer y acercar el proceso de implementación y funcionamiento de un buscador básico, así como sus particularidades y funcionamiento y configuración, se propone la resolución de la presente práctica.
    Descargar ejemplo de práctica9

    jueves, 15 de diciembre de 2011

    Práctica8. Gestión, redirección y construcción de enlaces

    En muchos casos el proceso de construcción de enlaces depende de la correcta obtención de la información del mismo. Por ello, los distintos lenguajes de programación del lado del servidor disponen de funciones y rutinas diseñadas para captar tales datos y manejarlos según las necesidades de redirección. En resumen, se trata de gestionar los enlaces y diferenciar sus apartados para elaborar un proceso de redirección completamente automático. En la presente práctica, se comprobará cómo funciona el gestor de enlazamiento para enlaces de tipo F y la importancia de dominar la información de las direcciones URL.
    Descargar ejemplo de práctica8

    16.- Gestores de enlazamiento y redirección para la navegación

    Un gestor de enlazamiento es un programa especializado en generar o reconstruir direcciones URL válidas a partir de variables, pistas, nombres, cadenas de texto, identificadores o enlaces orientados al SEO. De hecho no siempre el enlace visible, amigable y fácilmente comprensible para la lectura del usuario puede ser interpretado, por el sistema de información. Esto implica no sólo la capacidad de construir la URL sino de establecer una estructura de decisiones condicionada por el origen desde la página en la que se efectúa el enlace (citante) y efectuar la redirección a la página de destino especificada (citada). Todos estos aspectos deben ser resueltos para crear una experiencia de navegación adecuada en sitios web dinámicos. Un ejemplo básico de gestor de enlazamiento y redirección es el que se muestra en la tabla1, utilizado para los modelos de enlace C/D, que contienen variables GET con los valores del documento enlazado. En tal caso el programa es capaz de determinar con cada variable y valor la página o documento que debe cargar o a la que debe redireccionar.

    <!-- Tipo de enlace: ejemplos -->
    http://wapache/index.php?page=document001
    http://wapache/
    index.php?page=titulo-del-documento
    http://wapache/index.php?page=titulo-del-documento&date=2011-12-15
    <?php
    // Se establece como primera condición que la variable "page"
    // con la que se conforma la URL original, sea distinta a un
    // contenido vacío ó se encuentre en blanco. En tal caso, no
    // se enlaza ni redirecciona ningún contenido

    if($_GET[page] != ""){

       
    // CASO 1 ============================================
        // Si el origen de la página citante es "index" o lo que
        // es lo mismo, la página de portada del sitio web, se
        // genera una URL ( documents/[nombre-pagina].php )

        if($origin == "index"){ 


            // Obsérvese que la función de impresión en pantalla
            // contiene un código Javascript que permite
            // redireccionar a una página web predeterminada

            echo "
            <script language='javascript'>
            window.location.href='documents/$_GET[page].php'
            </script> 

            ";

        } // Fin de caso 1


        // CASO 2 ============================================  
        // Si el origen de la página citante es otro documento que
        // se encuentra en la misma carpeta "documents", la URL
        // relativa a generar sólo requerirá el nombre del archivo
        // almacenado en la variable "page"

        if($origin == "doc"){ 

            // Se repite el código javascript con distinta URL
            // a la que debe ser redireccionado

            echo "
            <script language='javascript'>
            window.location.href='$_GET[page].php'
            </script>
            "; 

     
        }
    // Fin de caso 2

    } else {}
    ?>
     Tabla1. Gestor de enlazamiento y redirección basado en variables GET

    Aunque en el ejemplo de la tabla1, se da por sentado que los contenidos se encuentran en forma de documento ó página web generada en archivo con extensión .php ó .html, también cabe la posibilidad (muy frecuente) de que la página dinámica se reedita mediante un visor de contenidos en PHP. Esto implica el uso de bases de datos MySQL en las que se almacena la información que se muestra al usuario. Por ejemplo una variable GET denominada "id" puede hacer referencia a un registro de una tabla donde se guarda la información del documento que demanda el usuario. Otras posibilidades consisten en combinar el identificador, con otros datos, como el título, autor o fecha de publicación de cada documento. Estos datos y valores combinados, ayudan a generar una URI (Uniform Resource Identifier), o lo que es lo mismo, direcciones URL unívocas que identifican cada recurso documental del sitio web o del sistema de información.

    Por otro lado, el ejemplo de la tabla2, muestra un gestor de enlazamiento y redireccionamiento especializado en enlaces de tipo F, caracterizados por no disponer de extensión alguna del tipo de archivo, así como por constar de un nombre completo optimizado para su lectura y recuperación por buscadores y usuarios (friendly links). La forma de operar es distinta en cuanto a la forma de interpretar la información del enlace. En este caso no se recibe el nombre del archivo citado por método GET, de hecho no hay variables que se envíen a través de la URL. Por ese motivo es necesario captar esa información a través de la función y variable de servidor  pathinfo("$_SERVER[REQUEST_URI]"); que extrae el enlace entrante en el que hizo click el usuario. Permite obtener toda la información de directorios, subdirectorios y nombre de archivo base que corresponde al documento citado en el enlace. A este recurso "citado", se le denomina también "basename" argumento por el que se extrae su nombre. Una vez que es conocido, se pueden construir los distintos casos y condicionantes, por ejemplo; en el caso de que "basename" no sea la propia página de portada "index.php" se estará refiriendo a un objeto o elemento distinto, es decir, un documento y en tal caso el usuario pretende acceder a él. Esto implica a su vez tener en cuenta el origen del enlace, para lo que se comprueba el origen de la página citante y se redirecciona en función del caso a la página citada referida en la variable $path_parts[basename] añadiendo la extensión de tipo de archivo que corresponda.

    <!-- Tipo de enlace: ejemplos -->
    http://wapache/document001
    http://wapache/titulo-del-documento-propiamente-dicho

    http://wapache/2011-12-15/titulo-del-documento
    <?php
    // La variable "$path_parts" almacena la URL completa del
    // enlace original. Al emplear la función "pathinfo" 
    // se pueden distinguir todos los directorios, subdirectorios
    // y nombre del archivo de base ó "basename" de la URL

    $path_parts = pathinfo("$_SERVER[REQUEST_URI]");

    // CASO 1 ============================================
    // Dado que toda la información de la URL original está 
    // almacenada, se consulta el nombre del archivo de base.
    // Si coincide con la página index, de entrada del
    // sitio web, significará que la solicitud del usuario es una
    // redirección ó actualización de la página de portada.

    // Debido a que el enlace a la portada es único se opta por
    // dejar vacía la acción de ejecución del caso, pero podrían
    // añadirse procesos de redireccionamiento exprofeso

    if($path_parts[basename] == "index.php") {

    // CASO 2 ============================================
    // Si el nombre del archivo de base es distinto a "index.php"
    // se ejecuta el caso2, comprobándose que el origen de la
    // página citante es la portada del sitio. De esta forma se
    // compone la URL a medida con la ruta de directorios
    // correspondiente hasta el archivo demandado

    elseif($origin == "index") {
      echo "
      <script language='javascript'>
      window.location.href='../documents/$path_parts[basename].php'
      </script>

      ";
    }


    // CASO 3 ============================================
    // Si las condiciones del caso1 y 2 no se cumplen, se comprueba
    // que el origen de la página citante es otro documento, al
    // que se aplica una composición URL distinta

    elseif($origin == "doc") {
      echo "
      <script language='javascript'>
      window.location.href='../$path_parts[basename].php'
      </script>
      ";



    // CASO 4 ============================================
    // Si ninguno de los casos anteriores coincide con la demanda
    // se determina que no se efectue redirección alguna

    else {}
     
    ?>
     Tabla2. Gestor de enlazamiento y redirección para modelo F de enlaces

    Véanse también las siguientes referencias:

    viernes, 2 de diciembre de 2011

    Práctica7. Creando la trama de navegación

    Conocido el método de enlazamiento y navegación dinámicos incorporarlos al caso del proyecto de sitio web y a la estructura que se había diseñado en prácticas anteriores. Será necesario enlazar páginas para cada sección desde el menú general de forma dinámica, así como las distintas páginas de contenidos en las que están agrupadas.
    Descargar ejemplo de práctica7

    15.- Navegación dinámica vs navegación estática

    Hasta el momento se han abordado aspectos fundamentales de la construcción de un sitio web, desde su concepción, organización, estructura formal y técnica, su programación óptima, aspectos de estilo y formato, pero no se han atendido otros que resultan cruciales, como es la forma de navegación y enlazamiento del sitio web.

    Tipos de enlaces
    Antes de explicar los métodos de navegación estática y dinámica, se deben observar la tipología de enlaces que con frecuencia se utilizan en toda la web, véase tabla1. Los más conocidos y utilizados son los enlaces de tipo absoluto que ó bien pueden apuntar y enlazar a una página web dinámica (programada en PHP, ASP, Ruby, Python o cualquier otro lenguaje de programación del lado del servidor) ó a una página web estática (normalmente programada en HTML). Se denomina enlace absoluto cuando se identifica en la construcción de la URL el protrocolo de internet ( http://www. ) añadiendo el nombre del dominio, subdominio, extensión ( dominio.org ) y agregando finalmente la ruta de carpetas o repositorios hasta localizar el archivo o documento a enlazar ( document001.php ).

    Otro tipo de enlaces básico son los denominados enlaces relativos. Éstos son de uso común en la práctica totalidad de los sitios web. Se utilizan para enlazar contenidos sin necesidad de reseñar la ruta completa o absoluta hasta el recurso ó documento objetivo. Esto implica una acortación importante en la longitud de la URL y una simplificación en su construcción. Un enlace relativo puede ser utilizado para enlazar un documento que se encuentra en el mismo origen o nivel del que parte el link, por ejemplo ( Un enlace como este  <a href='document002.html'>documento2</a> dentro del código de una página denominada document001.html implica que tanto el documento1 como el 2 están dentro del mismo nivel de carpetas, con independencia de su posición en la estructura de repositorios del sitio web). Cuando el recurso que se pretende enlazar se encuentra en un nivel jerárquico de carpetas inferior al que se encuentra el origen del que parte el link se reseña la carpeta/s a las que son necesarias acceder hasta el recurso objetivo, creando una ruta más elaborada, por ejemplo ( documents/document001.html ). Pero en el caso en el que el recurso a enlazar se encuentre en un nivel de carpetas superior, ó en otro nivel distinto, se hace necesario especificar mediante la sintaxis ( ../ ) que la ruta de acceso ha de subir un nivel de carpetas ó tantos como fueren necesarios ( ../../../ 3 en este caso ) para acceder al documento ó carpetas en las que está alojado el documento, por ejemplo ( ../css/estilo.css ).

    Enlaces Descripción
    http://www.dominio.org/document001.php [ ModeloA; absoluto; dinámico; no-nivel ] Enlace absoluto a una página web dinámica.
    http://www.dominio.org/document001.html [ ModeloA; absoluto; estático; no nivel ] Enlace absoluto a una página web estática.
    documents/document001.html [ ModeloB; relativo; estático; N-superior ] Enlace relativo desde el nivel raíz del sitio web a un documento dentro de una carpeta denominada documents.
    ../css/estilo.css [ ModeloB; relativo; estático; N-inferior ] Enlace relativo desde un primer nivel de carpetas hasta la carpeta css que contiene el archivo estilo.css
    http://www.dominio.org/document001.php?id=243&section=biblioteconomia [ ModeloC; absoluto; dinámico; no-nivel; variables GET ] Enlace absoluto a una página web dinámica con variables enviadas por método GET.
    document001.php?id=142&section=musicologia [ ModeloC; relativo; dinámico; N-igual; variables GET] Enlace relativo a una página web dinámica con variables enviadas por método GET.
    index.php?page=documentacion-y-bibliotecas [ ModeloD; relativo; dinámico; N-igual; variables GET + SEO ] Enlace a página web dinámica "index.php" con página de destino predefinida en variable  "page" con nombre optimizado para SEO (Search Engine Optimization).
    index.php/documentacion-y-bibliotecas [ ModeloE; relativo; dinámico; N-igual;  mod rewrite + SEO ] Enlace relativo a página web dinámica "index.php" con ruta dirigida por medio de función Mod rewrite htaccess, optimización de enlaces para SEO (Search Engine Optimization) en la configuración del servidor que aloja el sitio web.
    index.php/calendarios-de-transferencia [ ModeloF; relativo; dinámico; N-igual; parser URL + SEO ] Enlace relativo a página web dinámica "index.php" similar al modeloE pero cuya ruta no es dirigida por el servidor del alojamiento del sitio web, sino por un programa gestor de redireccionamientos integrado dentro del propio sitio web y programado en PHP o cualquier otro lenguaje del lado del servidor.
    Tabla1. Tipología de enlaces de la web

    Pero como se ha visto en el artículo anterior relativo a formularios, se puede empezar a pensar en que uno de los tipos de enlaces más importantes es el que incorpora variables, que por lo general suele ser dinámico, ya que la página de destino, debe ser capaz de procesarlas y extraer sus datos, por ejemplo ( document001.php?id=142&section=musicologia ) caso en el que document001.php deberá ser capaz de entender que id=142 corresponde a un identificador de un contenido sobre section=musicologia.

    Otro tipo de enlace derivado del modeloC es el modeloD. Consiste en utilizar una única variable por método GET, que identifique el título completo o casi completo del artículo o documento objetivo. Si bien el enlace apunta a la página "index.php", ésta contendrá algún tipo de script o rutina programada capaz de interpretar el redireccionamiento que debe efectuar para cargar la página especificada por la variable "page". Esto significa que deberá identificar el documento por su título normalizado y además éste deberá ser único y distinto del resto de la colección de documentos ó de la base de conocimiento, también deberá determinar la extensión del documento. 

    El enlace modeloE corresponde a un método de redireccionamiento a páginas web que se resuelve en el lado del servidor mediante la activación de la función mod_rewrite propia de los servidores HTTP de tipo Apache. Se lleva a cabo un proceso de reescritura de la URL de un recurso, documento ó página web de acuerdo a un patrón establecido, por ejemplo la supresión de extensiones, el acortamiento ó transformación del nombre del archivo por el del título del recurso, la adición de nuevos elementos en la ruta original (por ejemplo, fecha, nombre de un repositorio ó sección), etc.
    Finalmente el modeloF, apenas se podría distinguir del modeloE, si no fuera por el soporte de interpretación, que es distinto al explicado anteriormente. Si bien sólamente aparece el título del documento o recurso objetivo, éste es interpretado por un programa denominado Gestor de enlazamiento y redirección para la navegación. Se trata de un ingenio que es capaz de analizar la estructura de un enlace y descomponerla en todos elementos. Una vez éstos son identificados se reconstruye la URL correspondiente al recurso objetivo.

    Navegación estática
    • Enlazamiento interno absoluto o relativo a páginas web estáticas.
    • El enlazamiento de los contenidos, recursos o documentos no permite la introducción de variables por método GET.
    • No se utilizan los modelos de enlace para los recursos internos del sitio web, C, D, E y F.
    • Implica introducir el nombre completo de los archivos y su extensión.
    • Son estáticos para todo el sitio web.
    • No admiten variaciones en su codificación.
    • Interpretables para cualquier navegador web del cliente y para cualquier servidor web HTTP básico.
    Navegación dinámica
    • Permite todos los métodos de enlazamiento interno de tipo absoluto, relativo a páginas web estáticas y dinámicas.
    • Se posibilita el uso de variables por método GET en la URL, de tal forma que pueden darse todos los modelos y tipos de enlaces. Con URL acortada, con identificador, con denominación completa o parcial del título del documento o página objetivo, etc.
    • Implica ó una configuración del servidor web HTTP para gestionar los enlaces o un programa gestor ó parser capaz de interpretar las URL especializadas en SEO.
    • Implica métodos de redireccionamiento y construcción automática de los enlaces, por lo tanto son enteramente dinámicos para todo el sitio web.
    • Para la correcta interpretación de las variables del enlace se requiere de un servidor web HTTP + PHP (intérprete ó lenguaje del lado del servidor)