Download Sitios Web Institucionales de la UNAM

Consejo Asesor de Cómputo - Universidad Nacional Autónoma de México
Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la UNAM
DISPOSICIONES PARA LA CREACIÓN,
ACTUALIZACIÓN Y MANTENIMIENTO
DE SITIOS WEB INSTITUCIONALES DE
LA UNAM
Enero, 2007
Consejo Asesor de Cómputo - Universidad Nacional Autónoma de México
Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la UNAM
CONSIDERANDO
Que los diferentes acuerdos relacionados con la determinación de funciones del Consejo
Asesor de Cómputo de la Universidad Nacional Autónoma de México -UNAM- declaran la
necesidad de contar con mecanismos de coordinación que garanticen la óptima y adecuada
utilización de los recursos financieros, humanos y físicos con los que cuenta nuestra
Universidad en materia de cómputo.
Que es responsabilidad de la Universidad Nacional Autónoma de México definir las
disposiciones necesarias para regular la creación, actualización y mantenimiento de los Sitios
Web Institucionales de la UNAM.
Que hoy en día no se concibe una institución de importancia nacional e internacional como la
UNAM, que no tenga presencia en la red mundial, siendo el escaparate a través del cual
muchas instituciones y personas de todo el mundo se asoman a nuestra institución.
Que la UNAM tiene presencia en Internet a través de varios puntos, a saber: el Portal
Principal de la UNAM, así como los sitios Web y portales de cada entidad, dependencia y
programa universitario.
Que la calidad de la presencia en Internet de la UNAM es importante, tanto en imagen como
en contenidos ya que es un medio de difusión masivo a los diversos públicos de diferentes
nacionalidades y que impacta directamente en la imagen institucional.
Por lo anterior, se requiere establecer las pautas necesarias para la creación, actualización y
mantenimiento de Sitios Web Institucionales que colaboren a cuidar la imagen institucional,
así como a lograr una mayor difusión del conocimiento generado en la Universidad.
Consejo Asesor de Cómputo - Universidad Nacional Autónoma de México
Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la UNAM
CONTENIDO
1. OBJETIVO .......................................................................................................................................... 4
2. CAMPO DE APLICACIÓN ............................................................................................................ 4
3. REFERENCIAS .................................................................................................................................. 4
4. DEFINICIONES ................................................................................................................................ 5
5. GENERALIDADES........................................................................................................................... 8
Responsables del cumplimiento ...................................................................................................... 8
Actualizaciones y revisiones ............................................................................................................ 8
Información del contacto .................................................................................................................. 8
Vigencia ............................................................................................................................................... 8
6. LINEAMIENTOS Y RECOMENDACIONES PARA SITIOS WEB INSTITUCIONALES
DE LA UNAM........................................................................................................................................ 9
Convenciones...................................................................................................................................... 9
A) Generales ................................................................................................................................... 10
B) Contenido de Información y Servicios.................................................................................. 10
C) Contenido Gráfico.................................................................................................................... 12
D) Usabilidad y Accesibilidad ..................................................................................................... 14
E) Promoción de Sitios Web Utilizando Buscadores ................................................................ 19
F) Disponibilidad .......................................................................................................................... 22
7. BIBLIOGRAFÍA Y PUBLICACIONES EN INTERNET .......................................................... 24
CRÉDITOS ........................................................................................................................................... 25
Documento para discusión - 3
Consejo Asesor de Cómputo - Universidad Nacional Autónoma de México
Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la UNAM
1. Objetivo
El objetivo del presente documento es crear un conjunto de principios generales y mejores
prácticas que guíen al personal técnico y creativo de las entidades y dependencias de la
Universidad para la creación, actualización y mantenimiento de Sitios Web Institucionales.
2. Campo de Aplicación
Las Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la
UNAM deben observarse para los Sitios Web Institucionales con el fin de coadyuvar a lograr
un impacto positivo en la imagen institucional de la UNAM mostrada en Internet al lograr
una uniformidad en los mismos, así como robustecerlos al incorporar elementos técnicos y
mejores prácticas, a través de lineamientos y recomendaciones, que satisfagan tanto las
necesidades de usabilidad y accesibilidad de la comunidad universitaria y usuarios en
general, como en la difusión local y global del conocimiento generado en la Universidad por
medio de los contenidos gráficos y académicos, la navegación, servicios Web universitarios y
la localización de información dentro de los mismos.
3. Referencias
•
•
•
•
•
•
•
•
•
CSS 2.1 Specification — Cascading Style Sheets, level 2 revision 1, W3C Working Draft,
6 de noviembre de 2006.
HTML 4.01 Specification — W3C Recommendation 24 de diciembre de 1999.
WCAG 1 — Web Content Accessibility Guidelines 1.0, W3C Recommendation, 5 de
mayo de 1999.
Mobile Web Best Practices 1.0 — Basic Guidelines, W3C Proposed Recommendation, 2
de noviembre de 2006.
Scope of Mobile Web Best Practices — W3C Working Group Note, 20 de diciembre de
2005
HTML 4.0 Guidelines for Mobile Access — W3C Note, 15 de marzo de 1999.
Ley Federal del Derecho de Autor, México, 24 de diciembre de 1996.
Proyecto Creative Commons México.
Disposiciones generales para la actividad editorial de la UNAM, Consejo Editorial de
la UNAM, 26 de octubre de 2006.
Documento para discusión - 4
Consejo Asesor de Cómputo - Universidad Nacional Autónoma de México
Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la UNAM
4. Definiciones
Accesibilidad
Indica la facilidad con la que el contenido Web puede ser utilizado, visitado o accedido en
general por todas las personas, independientemente de sus capacidades, promedio o
disminuidas.
Administrador de Contenidos
Sistema que permite la actualización y mantenimiento de contenidos de páginas Web.
Consiste en una interfaz que controla una o varias bases de datos donde se aloja el contenido
del sitio.
Buscador
Programa que realiza búsquedas en Internet de palabra o frase determinadas y como
resultado proporciona un listado de sitios Web en los que se mencionan temas relacionados
con la palabra o frase clave buscada.
Cascade Style Sheets
Hojas de estilo en cascada (Cascading Style Sheets) son un lenguaje formal utilizado para
definir la presentación de un documento estructurado en HTML, XML, XHTML, etc.;
permitiendo separar la estructura del documento de su presentación. El W3C (World Wide
Web Consortium) es el encargado de formular la especificación estándar de las hojas de estilo.
Comunidad Universitaria
Autoridades, profesores, investigadores, técnicos académicos, ayudantes de profesor o de
investigador, alumnos, empleados y los graduados de la UNAM en términos de lo
establecido por la Legislación Universitaria.
HTTP
Protocolo de Transferencia de Hipertextos (Hypertext Transfer Protocol). Es el protocolo usado
por el World Wide Web para transmitir páginas HTML. El hipertexto es todo elemento
interactivo que conecta ilimitadamente con otros datos en las páginas Web, y el protocolo de
transferencia es el sistema mediante el cual la petición de acceso a una página Web, obtiene
respuesta con información gráfica interactiva desplegada en una pantalla.
Internet
Es una red de redes a escala mundial de millones de computadoras interconectadas con el
conjunto de protocolos TCP/IP.
Documento para discusión - 5
Consejo Asesor de Cómputo - Universidad Nacional Autónoma de México
Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la UNAM
Maquetación
Proceso en el que se define la estructura de los elementos (texto, imágenes, videos, entre
otros) que componen una página Web dentro de un determinado espacio, de tal manera que
se logre un equilibrio estético entre ellos.
Navegador
Es una aplicación que permite al usuario recuperar y visualizar documentos de hipertexto,
comúnmente en formato HTML, desde servidores Web de todo el mundo a través de Internet.
Además permite mostrar o ejecutar: gráficos, secuencias de video, sonido, animaciones y
programas diversos además del texto y los hipervínculos o enlaces.
Página Web
Archivo que constituye una unidad significativa de información accesible en la WWW a
través de un navegador. El Sitio Web está habitualmente creado como un conjunto de páginas,
a las cuales se accede mediante enlaces.
Peso de un elemento
El peso de un elemento, en el contexto de Internet, se refiere al tamaño en bytes de un
elemento de referencia (archivo HTML, GIF, JPG, PDF, animación, etc.). El tamaño de un
elemento incide directamente en el tiempo de descarga del mismo, entre más pesado sea el
elemento (más bytes) mayor será el tiempo de descarga.
Peso de una página Web
Es la suma de los pesos de los archivos y elementos que componen una página, incluyendo el
archivo HTML, así como todos los objetos insertos en ella (ejemplo, archivos de imagen GIF y
JPG). Lo anterior influye el tiempo en que las páginas Web pueden ser descargadas y
mostradas en un navegador Web.
Portal
Sitio Web cuyo objetivo es ofrecer al usuario, de forma fácil e integrada, el acceso a una serie
de recursos y de servicios, entre los que suelen encontrarse buscadores, foros, compra
electrónica, por mencionar algunos. Principalmente están dirigidos a resolver necesidades
específicas de una comunidad o dar acceso a la información y servicios de a una institución
pública o privada.
Documento para discusión - 6
Consejo Asesor de Cómputo - Universidad Nacional Autónoma de México
Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la UNAM
Red
Es un conjunto de computadoras y/o dispositivos conectados por enlaces de un medio físico
ó inalámbricos y que comparten información (archivos), recursos (como lectores de CD-ROM
o impresoras) y servicios (e-mail, chat, juegos, entre otros).
Sitio Web
Punto de la red con una dirección única y al que pueden acceder los usuarios para obtener
información. Normalmente un sitio Web dispone de un conjunto de páginas organizadas a
partir de una página principal o “home page”, e integra archivos de varios tipos, tales como
sonidos, fotografías o aplicaciones interactivas de consulta (formularios). Sólo cuando un sitio
tiene una sola página los términos de sitio y página son equivalentes.
Usabilidad
Es la capacidad del sitio por medio de la cual el contenido Web puede ser comprendido,
aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso.
URI (Uniform Resource Identifier)
Término utilizado para señalar a cualquier tipo de nombre y dirección que hace referencia a
objetos en la Web. Un URL (Uniform Resource Locator) es un tipo de URI.
WWW (World Wide Web)
Literalmente es "telaraña mundial", mejor conocida como Web, compuesta de archivos de
texto, multimedia y otros servicios (FTP, HTTP, telnet, Usenet, WAIS, etc.) conectados entre sí
por medio de un sistema de documentos de hipertexto.
Documento para discusión - 7
Consejo Asesor de Cómputo - Universidad Nacional Autónoma de México
Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la UNAM
5. Generalidades
Responsables del cumplimiento
El personal técnico y creativo de las entidades y dependencias de la Universidad encargados
de la creación de Sitios Web Institucionales, son responsables de la aplicación de los
lineamientos del presente documento, cumplirlo y hacerlo cumplir en el desarrollo de sus
tareas habituales.
Actualizaciones y revisiones
El Consejo Asesor de Cómputo será el responsable de la actualización de estas directrices y
recomendaciones, esta revisión y actualización se realizará anualmente y deberá realizarse su
difusión a través del Sitio Web del mismo Consejo.
Información del contacto
Cualquier comentario, duda o aportación a estas directrices y recomendaciones será
reportada al CAC mediante su Sitio Web o comunicándose con:
Nombre: Ing. José Luis Gutiérrez
Teléfono: 5622-8056 de 10:30 a 15:00 y de 17:00 a 19:30 hrs.
Correo Electrónico: [email protected]
Vigencia
El presente documento entrará en vigor al día siguiente de su aprobación por el Consejo
Asesor de Cómputo.
Documento para discusión - 8
Consejo Asesor de Cómputo - Universidad Nacional Autónoma de México
Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la UNAM
6. Lineamientos y Recomendaciones para Sitios Web Institucionales de la UNAM
Convenciones
Con el propósito de contribuir a una mejor interpretación y manejo de estas directrices y
recomendaciones, el presente documento se redactó considerando que un Sitio Web
Institucional de la UNAM es:
• Todo aquél donde una dependencia, entidad o programa universitario describe en
Internet su estructura y funciones, así como su vínculo con la sociedad;
• todo aquél que esté dirigido a un grupo de académicos, estudiantes, ex-alumnos o
empleados de la UNAM y cuyos contenidos tengan un objetivo académico -docencia,
investigación, difusión de la cultura-;
• todo aquél que tenga el objetivo de ser utilizado por la comunidad de nuestra casa de
estudios para realizar algún trámite universitario;
• todo aquél que describa u opere a un proyecto de la UNAM;
• todo aquél que difunda eventos de la UNAM.
No se consideran Sitios Web Institucionales, aún residiendo en servidores de la UNAM a:
•
•
Las páginas personales de investigadores, académicos, empleados y estudiantes de la
UNAM;
las páginas de asociaciones o proyectos que no han sido creados por alguna institución
universitaria, aunque la conformen académicos de la UNAM.
Adicionalmente, con la finalidad de facilitar el uso de este documento, los lineamientos y
recomendaciones en él plasmadas se clasifican en las siguientes categorías:
A)
B)
C)
D)
E)
F)
Generales
Contenidos de Información y Servicios
Contenido Gráfico
Usabilidad y Accesibilidad
Promoción de Sitios Web Utilizando Buscadores
Disponibilidad
En cada uno de estos apartados podrá encontrar diferentes enunciados los cuales se
diferencian en su carácter en la creación, actualización y mantenimiento de un sitio Web; los
enunciados que comiencen con la marca [L] se consideran "lineamientos" y tienen carácter de
obligatorio. Los enunciados que comiencen con la marca [R] se consideran "recomendaciones"
y por tanto su uso es opcional.
Documento para discusión - 9
Consejo Asesor de Cómputo - Universidad Nacional Autónoma de México
Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la UNAM
A) Generales
A.1 [L] Todos los Sitios Web Institucionales deben estar bajo el dominio: unam.mx
A.2 [L] La creación y soporte de Sitios Web Institucionales debe contar con la participación
de un grupo de trabajo, compuesto por colaboradores internos o externos, que incluya
los siguientes perfiles:
o Un colaborador (o grupo de colaboradores) de la entidad, dependencia,
programa o proyecto a quien pertenezca el Sitio Web, encargado de la
generación y actualización de contenidos.
o Una persona (o grupo de personas) preferentemente del área de comunicación
social, encargada de revisar los contenidos a publicar.
o Una persona (o grupo de personas) preferentemente del área técnica
(computación o informática), encargada de la actualización de los contenidos
generados y aprobados para su publicación, así como del desarrollo de sistemas
y servicios en línea.
o Una persona (o grupo de personas) preferentemente profesional en diseño
(diseño gráfico, arte visual, entre otros), encargada de la imagen del Sitio Web
considerando los lineamientos y recomendaciones de este documento.
A.3 [R] La construcción de Sitios Web puede asistirse de un Administrador de Contenidos a
fin de facilitar la actualización de los mismos. Al seleccionar el administrador de
contenido es importante verificar las capacidades de seguridad que ofrece y
vulnerabilidades a las que se encuentra expuesto, así como actualizar continuamente
los elementos de seguridad del software para impedir ataques.
B) Contenido de Información y Servicios
B.1
[L] Un Sitio Web Institucional deberá contemplar tanto el propósito de difusión del
conocimiento generado en la UNAM y la información relevante para la comunidad
universitaria, como el desarrollo de servicios y sistemas en línea que faciliten la vida
cotidiana de la comunidad que atiende.
Documento para discusión - 10
Consejo Asesor de Cómputo - Universidad Nacional Autónoma de México
Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la UNAM
B.2
[L] Es indispensable incluir un pie de página en la portada o página principal del sitio
el cual debe contener los siguientes datos:
o El nombre completo de la UNAM y la dependencia o entidad que emite el sitio
Web.
o Fecha de la última actualización del sitio.
o El nombre de una persona, teléfono o correo electrónico que sirva como contacto
que dé asesoría o canalice solicitudes, dudas o comentarios de los usuarios acerca
del sitio y su contenido.
o Si el sitio tiene elementos con derechos de autor registrados, establecer la leyenda
"copyright" o las siglas © ó "D.R." (derechos reservados). Si desean establecerse
sólo algunas limitantes de uso o reproducción pueden establecerse directamente en
el sitio o establecerlos de acuerdo a la nomenclatura internacional de "Algunos
Derechos Reservados", de "Creative Commons" jurisdicción México, lo que hace
recuperables los derechos por los navegadores.
B.3
[L] Los contenidos publicados deben mantener el uso de un lenguaje simple y claro,
especialmente en las páginas de difusión y servicios, que permita a los lectores
concentrarse en el mensaje que quiere transmitir. Como complemento deberá revisarse
la estructura gramatical, el uso de palabras apropiadas y la ortografía y redacción de la
información publicada.
B.4
[L] La traducción de términos o los acuñados por el uso debe ser lo más clara posible y
reducir al máximo las acepciones múltiples.
B.5
[L] Debe evitarse mantener publicada información y/o eventos cuya vigencia haya
concluido, pues esto provoca que el Sitio Web se perciba como poco confiable.
B.6
[R] En caso de utilizar páginas de créditos a contenidos, diseño o construcción, ésta
debe referirse en la parte inferior de la página a la que están asociados, utilizando
preferentemente un vínculo a otra página. Una opción de implementación es el
modelo definido en la página de créditos del Portal Principal de la UNAM
(http://www.unam.mx/creditos.html).
Adicionalmente es recomendable mantener páginas de "créditos históricos", para
reconocer la autoría de personas que hicieron posible una página en versiones
anteriores.
Documento para discusión - 11
Consejo Asesor de Cómputo - Universidad Nacional Autónoma de México
Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la UNAM
B.7
[R] Según sea el caso de cada sitio, deben mostrarse las políticas de uso del mismo y/o
confidencialidad de la información en él publicada, los términos y condiciones bajo los
cuales se preste algún servicio, así como las exclusiones aplicables.
C) Contenido Gráfico
C.1 [L] Los Sitios Web Institucionales deben contar con una identidad gráfica que transmita
el sentido de pertenencia institucional a su comunidad.
o Todos los Sitios Web Institucionales deben incluir el escudo de la UNAM con los
elementos establecidos en el Reglamento del Escudo y Lema de la UNAM, así
como el nombre completo de la dependencia y el escudo o logo de la misma, si
lo hubiese. Escudo y logo deberán incluir un vínculo hacia la página principal
de la UNAM (http://www.unam.mx) y a la página principal del sitio Web en
cuestión, respectivamente, conforme a lo establecido en el Capítulo IX, Artículo
90 fracción I de las Disposiciones Generales para la Actividad Editorial de la
UNAM, emitidas por el Consejo Editorial de la UNAM el 26 de octubre de
2006.
o Es recomendable utilizar combinaciones de colores que identifiquen a la entidad
universitaria evitando el uso de combinaciones relacionadas con otras
instituciones educativas. El uso de los colores azul y oro o su combinación no es
obligatoria.
C.2
[L] La construcción de las páginas que conforman los Sitios Web debe respaldarse en
las recomendaciones y especificaciones para HTML publicadas por la W3C verificando
la compatibilidad con las versiones de los navegadores que pretendan utilizarse.
C.3
[L] El contenido gráfico del Sitio no debe interferir u obstruir la indización de los
buscadores modernos o “arañas” que buscan en la red nuevos sitios y los incorporan a
sus bases de datos:
o Restringir el uso de herramientas multimedia en el desarrollo de Sitios Web. El
contenido relevante del Sitio no debe integrarse totalmente en las animaciones
utilizadas, en caso de ser necesario debe existir un Sitio Web alterno con el
contenido en formato HTML.
Documento para discusión - 12
Consejo Asesor de Cómputo - Universidad Nacional Autónoma de México
Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la UNAM
o Los menús deben construirse en formato texto evitando el uso de imágenes y/o
animaciones que aumenten el tamaño en bytes de la página, ya que además de
no ser reconocidos por buscadores, dificultan el mantenimiento del sitio.
C.4 [L] Es importante que la apariencia del sitio Web sea agradable visualmente y
elaborada de manera profesional. La imagen gráfica seleccionada para el sitio no
deberá afectar su funcionamiento al incrementar los tiempos de carga y recarga del
mismo.
o Debe restringirse el uso de imágenes a un recurso complementario y no ser
sustituto del contenido en texto.
o Es importante vigilar la cantidad de animaciones que incluya el diseño, con el
fin de no saturar al usuario y perder su atención, así como evitar incrementar el
peso de la página.
o Optimizar el uso de imágenes al utilizar formatos ligeros que no pierdan la
calidad de la imagen.
o Segmentar imágenes grandes a fin de agilizar la carga y visualización de las
mismas.
o En el caso de los sitios con contenido dinámico, debe contemplarse una imagen
o texto alternos cuando no se disponga o no se logre cargar la imagen o
información solicitada.
o La imagen gráfica del Sitio Web debe contemplar una resolución mínima de 800
x 600 pixeles siendo la recomendable de 1024 x 768.
C.5 [R] Una buena práctica en la maquetación de la imagen del sitio es el uso de Hojas de
Estilo (CSS - Cascade Style Sheets -), esto contribuirá a la homogeneidad al aplicar los
mismos estilos en todo el sitio Web.
C.6 [R] Con la finalidad de preservar la imagen deseada originalmente se recomienda
utilizar fuentes tipográficas estándar en los navegadores (arial, verdana, times new
roman, georgia).
C.7 [R] Para sustituir la funcionalidad que proporciona una animación a un menú puede
utilizarse programación javascript.
Documento para discusión - 13
Consejo Asesor de Cómputo - Universidad Nacional Autónoma de México
Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la UNAM
C.8 [R] El peso recomendado de una página Web es de 45 Kb y el máximo recomendado es
de 60 Kb.
D) Usabilidad y Accesibilidad
D.1 [L] La implementación de un Sitio Web debe ser independiente del navegador; por lo
tanto contemplar versiones para por lo menos dos versiones anteriores de cada
navegador y no utilizar leyendas del tipo: “Esta página se ve mejor en el navegador
X…”.
D.2 [L] Un Sitio Web Institucional debe contemplar las características de su comunidad, Por
lo que el diseño debe contemplar como clientes a máquinas de recursos modestos y
accesos con ancho de banda limitado -módem 56kbps- y realizar una comprobación
antes de su liberación.
D.3
[L] Los Sitios Web que utilicen el formato PDF (Portable Document Format) para
publicar sus contenidos deben indicar al usuario el peso del archivo a fin de que el
usuario tenga un estimado de tiempo de descarga y decida si es conveniente iniciar su
descarga. Para reducir el tiempo de descarga de archivos con formato PDF pesados
deben dividirse en fracciones o capítulos pequeños.
D.4
[L] El contraste entre letra (color/tamaño) y fondo debe permitir la lectura de manera
sencilla, aún en los letreros más pequeños.
o El color de fondo de las páginas Web debe incorporar colores claros y la letra
debe ser de un tono obscura, lo cual aumenta el contraste y legibilidad, además
de eliminar los problemas de impresión.
D.5
[L] Las páginas principales deben evitar el uso de la barra de desplazamiento (scrollhorizontal).
D.6 [R] Evitar el uso de tecnología no estándar que requiera que los usuarios instalen
librerías (plug-ins) adicionales en los navegadores que dificulten el uso del Sitio.
Cuando no pueda evitarse el uso de estas librerías el sitio debe incluir referencias
(hipervínculos) a los sitios de los cuales los puede obtener, así como instructivos claros
sobre como instalarlas.
D.7
[R] Una buena práctica en la maquetación es utilizar tablas o "capas" -layers- para
sustituirlos y evitar el uso de "marcos" -frames-.
Documento para discusión - 14
Consejo Asesor de Cómputo - Universidad Nacional Autónoma de México
Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la UNAM
D.8 [R] Considerando que Internet es un elemento de igualdad para las comunidades de
personas con algunas discapacidades, es de suma importancia cuidar que las páginas
Web de las dependencias universitarias contemplen la accesibilidad de estas
comunidades, brindando facilidades en este sentido, por lo cual se recomienda que las
páginas principales de los Sitios Web integren ayuda especial:
o Para discapacidades visuales, como selección de contrastes muy legibles de
letras y fondos, selección de tamaño de tipografía, "lentes de aumento" virtuales
sobre las pantallas, intérpretes sonoros de textos, entre otros.
o Para discapacidades auditivas, incluir leyendas o subtítulos en páginas con
elementos sonoros.
LOGÍSTICA
DE LA
NAVEGACIÓN
D.9 [L] Los esquemas de navegación contemplándoos en los Sitios Web Institucionales
deben cambiar para estar orientados a los servicios que se brinda a la comunidad.
D.10 [L] Todas las páginas deben estar enlazadas a la de inicio de su entidad y a la de la
UNAM.
D.11 [L] Los Sitios Web deben de contar con los elementos necesarios de navegación
(siguientes, atrás, salir, continuar, menús, entre otros) que permitan prescindir de la
barra de herramientas del navegador.
D.12 [L] Los árboles de navegación deben restringir su grado de profundidad, con la
finalidad de no complicar la usabilidad del sitio. Un sitio con un árbol con
profundidad de tres niveles es recomendable.
D.13 [L] Debe incluirse un mapa de navegación –mapa del sitio-, con el índice y vínculos
hacia todos los contenidos que pueden encontrarse.
D.14 [L] Los hipervínculos deben ser descriptivos, de modo que simplifiquen la búsqueda
de información.
D.15 [R] Es aconsejable la unificación de formato y color de todos los vínculos para que
puedan distinguirse fácilmente.
Documento para discusión - 15
Consejo Asesor de Cómputo - Universidad Nacional Autónoma de México
Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la UNAM
D.16 [R] Es aconsejable que la cantidad de contenido de una página no rebase las tres
pantallas. Si el texto es grande, se recomienda organizarlo bajo un índice que enlace
hacia las diferentes secciones del texto.
D.17 [R] Puede utilizarse la bitácora que produce el servidor Web y la bitácora del buscador
para revisar qué términos son los más buscados por los usuarios e incluir estos
términos en el mapa de navegación.
LOCALIZACIÓN
DE
INFORMACIÓN
D.18 [R] Es recomendable proporcionar a los usuarios mecanismos de búsqueda de
información sobre el contenido del Sitio Web.
o Utilizar búsquedas por palabras que conduzcan la búsqueda.
o Cuando se encuentre alguna ocurrencia de dichas palabras mostrar el resultado
en el sitio junto con una liga a la información de interés.
o Asegurarse de que los resultados provean información precisa respecto a la
página que contiene las palabras clave.
o Resaltar las palabras clave en la lista de resultados.
o No proporcionar listas de resultados muy extensas y en caso de ser necesario
proporcionarlas paginadas.
o Diseñar el buscador para que realice las consultas en todo el sitio, en caso
contrario indicar en cuáles secciones se realizará.
o Tratar las mayúsculas, minúsculas y los acentos como carácteres equivalentes,
por ejemplo: “mexico”, “MEXICO” y “México” deben dar el mismo resultado.
o Proporcionar la opción de búsqueda en todas las páginas del sitio.
o Asegurarse de informar al usuario de todos los tipos de búsqueda que
proporcione el sitio para que él seleccione el que mejor sirva a sus necesidades.
o Proveer ayuda y ejemplos para facilitar las consultas de los usuarios.
Documento para discusión - 16
Consejo Asesor de Cómputo - Universidad Nacional Autónoma de México
Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la UNAM
VERSIONES
EN
INGLÉS
D.19 [L] Las secciones más relevantes de todos los sitios Web en la UNAM deben
presentarse en idioma inglés, con la finalidad de facilitar los intercambios y
colaboraciones académicas.
Para fines de estas recomendaciones deberán considerarse las secciones relevantes: de
la página principal de la dependencia, entidad, programa o proyecto universitario, las
que consignan eventos, información de proyectos de investigación, programas de
intercambio académico, estancias, así como todas aquéllas que la entidad o
dependencia universitaria determine.
D.20 [L] Las dependencias universitarias que deseen promover eventos o información en la
página principal de la UNAM, deberán hacer llegar la información en español y en
inglés.
D.21 [L] Las traducciones al inglés serán responsabilidad de cada dependencia y deberá ser
realizada de manera profesional y libre de errores de redacción y ortografía.
ACCESO MÓVIL
D.22 [R] Las secciones más relevantes de todos los sitios Web en la UNAM deben
contemplar versiones para dispositivos móviles, así como los mecanismos para su
impresión.
D.23 [R] Es necesario facilitar el acceso de los usuarios que utilizan dispositivos móviles por
lo cual es recomendable mantener URIs cortas y significativas.
D.24 [R] Proporcionar un título corto pero descriptivo de la página.
D.25 [R] Debido a la existencia de una gran variedad de dispositivos de acceso móvil que
cuentan con diferentes características y limitantes, es recomendable tomar en cuenta
las siguientes pautas para conservar la consistencia y uniformidad del contenido al
acceder a una URI:
o Verificar que el contenido es adecuado para el contexto de dispositivos móviles.
o Presentar el contenido principal de la página al inicio de la ésta.
Documento para discusión - 17
Consejo Asesor de Cómputo - Universidad Nacional Autónoma de México
Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la UNAM
o Restringir el uso de páginas que se actualicen automáticamente, si se requiere
hacer uso de ellas, informar al usuario y proporcionar los medios para detener
la actualización.
o Restringir el número de vínculos a recursos externos.
o Restringir el redireccionamiento automático.
o Utilizar un juego de carácteres que sea soportado por una gran variedad de
dispositivos.
o Realizar pruebas tanto en emuladores como en dispositivos reales.
D.26 [R] Mantener un mecanismos de uso y navegación consistentes y cómodos de utilizar
desde los diferentes mecanismos utilizados por dispositivos móviles.
o Proporcionar un menú de navegación mínimo al inicio de la página.
o Equilibrar la saturación de la página en cuanto a vínculos tomando en cuenta el
número páginas que tendrá que acceder el usuario para encontrar el contenido
que requiere.
o Mantener el número de pulsaciones de teclas al mínimo.
o Asignar teclas de acceso rápido a los vínculos del menú de navegación y las
funcionalidades usadas frecuentemente.
o Reducir la captura
preseleccionados.
de
texto,
proporcionando
valores
por
defecto
o Mantener un orden lógico de tabulación en los elementos de la página.
o Identificar con claridad el destino de cada vínculo.
o Proporcionar mensajes de error claros y mecanismos de navegación para
regresar a la página anterior.
D.27 [R] Evitar la saturación visual del sitio al mantener un diseño simple y ligero que tome
en cuenta las limitaciones de recursos y características de los diferentes tipos de
dispositivos.
o Utilizar código conciso y eficiente que optimice el uso de los recursos
disponibles.
o Mantener el tamaño de la página en porciones acordes a los mecanismos de
despliegue de los dispositivos y limitar el uso de las barras de desplazamiento
sólo a una dirección.
Documento para discusión - 18
Consejo Asesor de Cómputo - Universidad Nacional Autónoma de México
Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la UNAM
o La combinación de colores en primer plano y de fondo deben contrastar entre sí.
o Indicar el tamaño deseado de las imágenes en el código.
o El peso total de la página debe tomar en cuenta las limitaciones de memoria de
los dispositivos.
o Evitar el uso de imágenes de fondo, mapas de imágenes, imágenes pesadas o de
alta resolución, imágenes para crear espacios en blanco, ventanas emergentes,
marcos –frames-, tablas, cookies, así como cualquier elemento no soportado por
la generalidad de dispositivos móviles.
o No utilizar tablas anidadas, medidas en pixeles o unidades absolutas en el
código ni en las hojas de estilo.
E) Promoción de Sitios Web Utilizando Buscadores
E.1
[L] Debido a que en la UNAM se estudian, investigan y enseñan áreas muy variadas y
diversas del conocimiento y la cultura, es importante que los sitios Web reflejen en sus
contenidos los temas de investigación, docencia y de difusión de la cultura de los que
aborda la UNAM, a fin de que estos sitios queden correctamente indizados y sean
fácilmente localizables en el nivel internacional.
E.2
[L] Utilizar los temas en los contenidos en descriptores, palabras clave, entre otros, que
son utilizados por los buscadores para incorporar los Sitios Web a sus bases de datos.
E.3
[L] Nunca deben usarse técnicas computacionales antiéticas que "inflen" falsamente la
presencia de las páginas ante los buscadores. Además del aspecto ético, a la larga estas
páginas son castigadas por los buscadores enviándolas al fondo de sus listas de
preferencia.
E.4
[L] Los contenidos de las páginas Web deben mostrarse fuera de animaciones, o bien,
contemplar una versión en animación y una versión HTML, a fin de que las
animaciones no obstruyan la indización de los buscadores.
E.5
[L] Incluir la meta-etiqueta --- meta-tag- “keywords” con las palabras más importantes
que refieran al contenido del sitio Web, con el objetivo de que algunos tipos de
buscadores encuentren los sitios Web de la UNAM.
o Los buscadores sólo leen los primeros 200 caracteres incluidos en este meta-tag.
o No se deben usar comas para separar las palabras clave, lo cual ayudará a
conseguir que se encuentre el Web por frases inesperadas de búsqueda,
resultantes de la combinación de varias palabras.
Documento para discusión - 19
Consejo Asesor de Cómputo - Universidad Nacional Autónoma de México
Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la UNAM
E.6
[L] Debe incluirse siempre las etiquetas <TITLE> con un título y éste debe colocarse en
el código entre las etiquetas <HEAD>.
o El título debe contener entre sus primeras palabras los criterios de búsqueda
sobre los que deseemos que los usuarios localicen el sitio Web.
o El título debe restringirse a un rango de 70 a 120 caracteres para mejorar su
efectividad en las búsquedas.
o El título será más efectivo para efectos de búsqueda en Internet si se consigue
integrar todos los criterios en una sola frase y si ésta además supone en sí
misma una posible frase de búsqueda.
E.7
[L] La meta-etiqueta “refresh” nunca debe utilizarse ya que los buscadores lo
consideran SPAM.
E.8
[L] Evitar siempre el uso de javascripts para ligar páginas, así como el uso de ventanas
emergentes -pop-ups-.
E.9
[L] No utilizar la proposición target="_blank" para abrir nuevos navegadores. Puede
inventarse un nombre de target que no exista y utilizar siempre el mismo nombre.
E.10 [L] No utilizar la página index.html o index.php como vínculo -link-; si se debe ir al
índice, hacer entonces que el vínculo -link- vaya al dominio.
E.11 [L] En los correos electrónicos -e-mails- y en la Web, no utilizar las direcciones de
protocolo interno - ip addresses- en los localizadores universales de recursos -URL's-,
utilizar siempre el nombre del dominio.
E.12 [L] Incluir en las páginas la meta-etiqueta “robots”, que le indica a los buscadores qué
deben hacer con la página Web: si deben indizarla o no (INDEX, NOINDEX) y si deben
explorar los enlaces que en ella encuentren o no (FOLLOW, NOFOLLOW). Ejemplo:
<META NAME="robots" CONTENT="INDEX,FOLLOW">
E.13 [L] Utilizar la meta-etiqueta ‘description’ para la indexación de un sitio Web en los
buscadores, cuyo texto figurará a continuación del título en los resultados de la
mayoría de los buscadores de la red. Es recomendable que la descripción consiga
incitar al acceso -click- de una manera indirecta. Debe medir menos de 170 caracteres y
contener todas las palabras clave para las que esté optimizada la página. Ejemplo:
<META NAME="description" CONTENT="Frase con palabras clave">
Documento para discusión - 20
Consejo Asesor de Cómputo - Universidad Nacional Autónoma de México
Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la UNAM
E.14 [R] Utilizar el archivo robots.txt para realizar un control más específico de la
información del sitio Web que se desea sea indizada y cuál no debe incluirse en los
buscadores.
El texto rojo es obligatorio y nunca cambia mientras que el azul se tiene que cambiar
para adaptarlo al motor de búsqueda y a los archivos que se deseen evitar.
User-Agent: (Spider Name)
Disallow: (File Name)
o User-Agent es el nombre del spider del buscador.
o Disallow es el nombre del archivo que no se quiere que indexe el spider.
Debe empezar un nuevo bloque de código para cada buscador, si se quiere multiplicar
la lista de archivos no permitidos se puede colocar uno debajo de otro. Por ejemplo:
User-Agent: Slurp (El spider de Inktomi)
Disallow: internet-marketing-gg.html
Disallow: internet-marketing-al.html
Disallow: advertising-secrets-gg.html
Disallow: advertising-secrets-al.html
Este archivo de texto debe estar emplazado en la raíz del dominio y ha de contener la
información de cuáles directorios puede visitar el buscador y cuáles no. Es importante
no dejar nunca este archivo vacío; si se omite es importante crear el meta-tag ‘robots’
para dar instrucciones a los buscadores de cómo deben actuar en la página Web.
o Para impedir que los buscadores rastreen un sitio se debe escribir:
User-agent: *
Disallow: /
o Para facilitar que los buscadores indexen todo el sitio se debe escribir:
User-agent: *
Disallow:
o Para impedir que los buscadores rastreen ciertas partes del servidor se deben
especificar los directorios:
User-agent: *
Disallow: /cgi-bin/
Disallow: /tmp/
Documento para discusión - 21
Consejo Asesor de Cómputo - Universidad Nacional Autónoma de México
Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la UNAM
o Para impedir que un buscador en particular recorra un sitio Web se debe
escribir:
User-agent: BadBot
Disallow: /
Ejemplo:
<meta http-equiv="refresh" content=5;URL=http://www.netdebugger.com">
E.15 [R] Se recomienda contemplar un resumen del contenido de la página al inicio de la
misma, debido a que la revisión que el buscador hace dentro de una página Web es
desde arriba hacia abajo, otorgando mucha más importancia al texto encontrado al
principio, 25 palabras ó 200 palabras que al texto central.
E.16 [R] Incluir etiquetas ALT para las imágenes que se incluyen en el sitio Web.
F) Disponibilidad
F.1
[L] Un Sitio Web Institucional debe estar disponible los 7 días de la semana y las 24
horas del día, incluyendo los periodos vacacionales y los fines de semana. Si por
alguna razón no es posible mantener en línea los sitios Web durante los periodos
vacacionales es indispensable emitir anuncios a los usuarios de esta situación
previamente a estos periodos.
F.2
[R] Los sitios Web deben ser validados por un programa para validación de HTML que
garantice que sus textos son visibles. Debe vigilarse con frecuencia que todas las
páginas son accesibles evitando a toda costa la respuesta del error 404: página no
encontrada, tanto para las páginas UNAM como para las páginas ligadas hacia otros
sitios.
F.3
[R] Se recomienda contar con un sistema de monitoreo de los servicios incluidos en el
sitio Web, a fin de que siempre estén en línea y funcionando adecuadamente.
F.4
[R] No deben incluirse leyendas tales como “Página en construcción”,
o
“Próximamente podrá consultar la información en este sitio Web”, por mencionar
algunos ejemplos, ya que dan la imagen de un sitio poco serio y profesional.
Documento para discusión - 22
Consejo Asesor de Cómputo - Universidad Nacional Autónoma de México
Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la UNAM
Los lineamientos y las recomendaciones descritas en este documento representan un marco
de referencia ideal para los Sitios Web Institucionales de la UNAM. En la medida en que se
sigan los lineamientos y que se integren en mayor medida las recomendaciones, los Sitios
tendrán una mayor calidad con lo cual los beneficios que obtienen las dependencias a través
de la difusión que ellos apoyan, se verán optimizados, y representarán dignamente la imagen
institucional de nuestra Universidad.
Documento para discusión - 23
Consejo Asesor de Cómputo - Universidad Nacional Autónoma de México
Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la UNAM
7. Bibliografía y Publicaciones en Internet
•
•
•
•
•
•
•
•
•
•
•
•
•
CSS 2.1 Specification — Cascading Style Sheets, level 2 revision 1, W3C Working Draft
6 de noviembre de 2006 (http://www.w3.org/Style/CSS/).
HTML 4.01 Specification — W3C Recommendation, 24 de octubre de 1999
(http://www.w3.org/TR/html4/).
WCAG 1 — Web Content Accessibility Guidelines 1.0, W3C Recommendation, 5 de
mayo de 1999 (http://www.w3.org/WAI/).
Mobile Web Best Practices 1.0 — Basic Guidelines, W3C Proposed Recommendation, 2
de noviembre de 2006. (http://www.w3.org/TR/2006/PR-mobile-bp-20061102/).
Scope of Mobile Web Best Practices — W3C Working Group Note, 20 de diciembre de
2005 (http://www.w3.org/TR/2005/NOTE-mobile-bp-scope-20051220/).
HTML 4.0 Guidelines for Mobile Access — W3C Note, 15 de marzo de 1999
(http://www.w3.org/TR/1999/NOTE-html40-mobile-19990315/).
Web Design Group. 2006. "Standards for HTML Authoring for the World Wide Web",
octubre de 2006 (http://www.htmlhelp.com/design/standards.html#Validation).
Zeldman, Jeffrey, 2006. "Designing with Web Standards: Voices That Matters". 2nd
Edition. Berkeley, CA: New Riders. ISBN: 0-321-38555-1.
Zeldman, Jeffrey. 2003, "Diseño con Estándares Web". Madrid: Ed. Anaya Multimedia.
400 pp. ISBN: 844-151608-1.
Weakley, Russ. "Web Standards Checklist". 13 de agosto de 2004,
http://www.maxdesign.com.au/presentation/checklist.htm.
Manual de Lenguaje Ciudadano (http://www.lenguajeciudadano.gob.mx).
Disposiciones Generales para la Actividad Editorial de la UNAM, Consejo Editorial de
la UNAM, 26 de octubre de 2006.
Proyecto Creative Commons México. (http://creativecommons.org.mx/licencias/).
Documento para discusión - 24
Consejo Asesor de Cómputo - Universidad Nacional Autónoma de México
Disposiciones para la Creación, Actualización y Mantenimiento de Sitios Web Institucionales de la UNAM
CRÉDITOS
Fís. Jesús Cruz Guzmán
Dr. Raúl Enríquez Habib
L.I. Alma Rosa García Martínez
Ing. Alfredo Landa Herrera
M.C. Marcela Peñaloza Báez
Dr. Alejandro Pisanty Baruch
L.I. Luz Ma. Ramírez Romero
Ing. Sergio Adrián Rivera González
Ing. Raúl Varela Gómez
Dr. Juan Voutssás Márquez
Documento para discusión - 25