Cómo crear un mapa del sitio HTML en Dreamweaver - dummies

Cuando crea un mapa del sitio visual, crea un Diagrama de todas las páginas de un sitio web, incluida la interconectividad de las páginas principales a través de navegación y subnavegación. A continuación, utiliza esa información para ayudar a reunir y definir el contenido del sitio, y también sirve como una guía útil al generar la maqueta del diseño del sitio.

Después de que su sitio se haya construido completamente, puede usar este mapa visual nuevamente para ayudarlo a crear una página de Mapa del sitio HTML, que se agregará al sitio en el servidor host remoto como una herramienta para ayudar a los visitantes a navegar a través del sitio usando una lista de enlaces de hipertexto.

Qué incluir en la página Mapa del sitio HTML

En su forma más básica, la página Mapa del sitio HTML contiene una lista de enlaces de hipertexto estándar para todas las páginas de un sitio web. Esta lista debe incluir enlaces a la página de inicio, a todas las páginas principales y subpáginas del sitio, y a cualquier otra página del sitio que pueda no ser accesible a través de la navegación principal, como una Política de Privacidad o una página de Servicio al Cliente.

Para obtener mejores resultados, guarde la página con el nombre del sitio del archivo. html y presente todos los hipervínculos a las páginas del sitio en un formato de lista simple.

Para hacer que esta página sea accesible, debe incluir un enlace en el pie de página y agregarle un enlace dentro del encabezado de la página. Estas dos acciones ayudarán a que el sitio sea más accesible para

Visitantes con discapacidades que utilizan programas de lectura de pantalla u otros dispositivos
Visitantes con otras preferencias de exploración, como navegadores de solo texto y navegadores con JavaScript deshabilitado
Visitantes que desean poder leer vaya directamente a cualquier página del sitio con un solo clic, en lugar de usar el sistema de navegación principal del sitio
Los visitantes que desean ver de un vistazo todas las páginas de un sitio determinado y saben cómo están prácticamente organizadas

Crear una página de Mapa del sitio

Crear una página de Mapa del sitio en HTML es bastante sencillo. Solo se trata de insertar un conjunto de hipervínculos enumerados que conducen al resto de las páginas del sitio.

Abra la página de inicio de su sitio web completo en Dreamweaver o en su editor de código HTML o WYSIWYG preferido.

Si usa Dreamweaver, asegúrese de que el panel Archivos enumere su sitio como el sitio administrado. Si no, elija Sitio → Administrar sitios para seleccionar su sitio de la lista.
Elija Archivo → Guardar como, y cuando se abra el cuadro de diálogo Guardar como, guarde una copia de la página de inicio en el nivel raíz de su sitio administrado con el nombre del sitio del archivo. html.

La nueva página se ve idéntica a la página de inicio, incluidos todos los elementos de diseño del sitio, la ubicación del logotipo y la navegación.
En el área principal editable de la página, seleccione y elimine todo el contenido específico de la página de inicio.

Ahora tiene espacio para insertar una lista de hipervínculos.
Coloque el cursor en la parte superior del área vacía y escriba los nombres de todas las páginas del sitio, incluida la página Mapa del sitio, con un nombre por línea, tal como aparecen en el mapa del sitio visual.

Por ejemplo, use los nombres de página Inicio, Acerca de, Productos, Prensa, Tiendas, Contáctenos y Mapa del sitio.
Seleccione todas las palabras y conviértalas en una lista desordenada, convirtiendo así el nombre de cada página en un elemento de la lista.

El código HTML de la página Mapa del sitio debe usar las etiquetas de la lista desordenadas, como se muestra en el siguiente código de ejemplo:
```
Inicio
Acerca de
Productos
Prensa
Tiendas
Contacto Nosotros
Mapa del sitio
```
Al crear su propia página de Mapa del sitio en HTML, asegúrese de incluir también los enlaces en esta lista a las páginas de su sitio que pueden no estar vinculadas a través de la navegación principal. Por ejemplo, si su sitio incluye políticas de privacidad, términos de servicio y páginas de soporte al cliente, agregue enlaces a esas páginas al final de la lista, directamente encima del enlace a la página de Mapa del sitio.
Si tiene alguna subpágina, agregue esas páginas a la lista como un subconjunto de la página principal en la que deberían aparecer, como se muestra en este ejemplo:
```
Inicio
Acerca de
Productos

Plata
Oro

Prensa
Tiendas
Contáctenos
Mapa del sitio
```
Por ejemplo, el sitio web Sugar Monkey no tiene subpáginas debajo de ninguno de los principales enlaces de navegación, por lo que puede omitir este paso.
(Opcional) Si lo desea, escriba una oración descriptiva debajo de cada elemento de la viñeta en la lista para ayudar a los visitantes a conocer lo que pueden esperar encontrar en cada página.

Una descripción como esta puede ayudar a los visitantes a ver las páginas y ayudar a los motores de búsqueda a ubicar e indexar cada una de las páginas del sitio.

Por ejemplo, si añadiera descripciones a la página HTML del Mapa del sitio de Sugar Monkey, uno de los elementos de su lista podría verse así:
```
Acerca de 
Conozca a los fundadores de Sugar Monkey y obtenga la historia real detrás del éxito de Sugar Monkey.
```
Convierta cada uno de los nombres de página en la lista en hipervínculos a sus páginas respectivas en el sitio, asegurándose de que cada enlace incluya su propio atributo de título.

Por ejemplo, si el elemento sobre la lista se convirtió en un enlace a la página Acerca de, su código podría verse así:
```
Acerca de 
Conozca a los fundadores de Sugar Monkey y descubra la verdadera historia del éxito de Sugar Monkey.
```
Guarde sus cambios, cierre el mapa del sitio. archivo html y cargue una copia de este archivo en el servidor host remoto del sitio.

Pruebe la página lo antes posible y corrija cualquier error tipográfico o de codificación. Si realiza algún cambio, cargue el archivo corregido en el servidor host remoto.

Nadie sabrá sobre esta página hasta que agregue algunos enlaces para hacer que la página sea accesible para los visitantes del sitio.