Las páginas y el menú

Módulo 4: Páginas, aspecto y funciones · Tiempo de lectura: 7 minutos

Objetivo de aprendizaje: Después de esta lección sabrá añadir, renombrar, mover y eliminar páginas y organizar el menú con un submenú y enlaces propios. También sabrá qué ocurre con las direcciones antiguas, la página de contacto y la página de error.

Conceptos clave: página, dirección (slug), página de inicio, menú, submenú, subtítulo, enlace propio, enlaces del pie, página de contacto, página de error (404), redirección

Por qué importa la estructura de su sitio

En pocos segundos un visitante decide si encuentra lo que busca, y lo hace a través del menú. Puede que "Contacto" no aparezca, o que una página se llame "Info" cuando en realidad contiene las tarifas. En ese caso el visitante se marcha. Los buscadores también leen su menú para ver qué páginas son importantes.

Schildersbedrijf Example parte de una primera versión creada por la IA: Inicio, Servicios, Sobre nosotros y Contacto. Tras la revisión (lección 2.4), el pintor quiere cambiar dos cosas. Quiere una página aparte, "Forma de trabajo", con los pasos desde el presupuesto hasta la entrega. También quiere dos páginas bajo Servicios, una para pintura interior y otra para pintura exterior. Lo organiza en dos paneles: Páginas y Menú. Ambos son gratuitos, porque gestionar páginas y menú no consume ediciones.

El panel Páginas

Abra el panel con Páginas en la barra de la izquierda o con el selector de páginas, arriba a la derecha del panel de chat. Verá todas las páginas de su sitio. Haga clic en una página para abrirla en la vista previa y editarla.

Esto es lo que puede hacer aquí:

• Añadir página: solo tiene que indicar un nombre. La nueva página recibe un título y un bloque de texto con un texto de ayuda ("Explique aquí de qué trata esta página."). Después pida a la IA en el chat que la rellene o escriba usted mismo el texto (lección 3.2). La página aparece automáticamente en el menú si hay sitio, y también en la columna de enlaces a páginas del pie.
• Editar página: en cada página puede cambiar el Nombre y la Dirección. Después haga clic en Guardar.
• Subir y Bajar: sirven para cambiar el orden de las páginas. El menú y la columna de enlaces a páginas del pie siguen ese orden.
• Eliminar: el constructor le pide primero que lo confirme. También le indica cuántos enlaces de su sitio apuntan a esa página, ya sea en el menú, en el pie o en botones. Esos enlaces se eliminan junto con la página, para que no queden enlaces rotos. Puede recuperar una página eliminada mediante Versiones (lección 3.5).

La página de inicio es especial. No se puede eliminar ni mover, y su dirección es siempre la dirección principal de su sitio. Un sitio tiene como máximo 30 páginas.

También puede pedir una página nueva en el chat ("Crea una página Forma de trabajo con cuatro pasos desde el presupuesto hasta la entrega"). La IA la crea entonces directamente con contenido. Eso es una instrucción a la IA y cuesta 2 ediciones, porque se añade una página (lección 1.2). Con Añadir página es gratis, pero después tendrá que rellenarla usted mismo o con una instrucción aparte.

Error frecuente: el texto de ayuda de una página nueva es contenido de ejemplo. Si se le olvida cambiarlo, aparecerá en línea "Haga doble clic en este texto para escribirlo usted mismo". Revise cada página nueva antes de publicar.

Nombre y dirección: qué ocurre si los cambia

Cada página tiene un nombre y una dirección. El nombre es lo que los visitantes ven en el menú y en el título. La dirección (en lenguaje técnico, el slug) es la última parte de la barra de direcciones: en www.example.com/werkwijze/ es werkwijze. Use palabras cortas y sencillas separadas por guiones, sin mayúsculas ni signos de puntuación.

Si cambia el nombre, los elementos del menú y los enlaces del pie que llevaban el nombre antiguo reciben automáticamente el nuevo. Un elemento del menú con un texto del menú propio conserva ese texto.

Si cambia la dirección, los enlaces dentro de su propio sitio siguen funcionando. El menú, el pie y sus botones apuntan a la propia página, no a la dirección antigua. Pero la dirección antigua desaparece. La próxima vez que use Publicar, el constructor eliminará los archivos que ya no pertenecen al sitio, de modo que una página renombrada no deja su dirección antigua en línea. No se crea ninguna redirección (un reenvío automático de la dirección antigua a la nueva). Quien use la dirección antigua llegará a la página de error. Puede ocurrir, por ejemplo, con un enlace en un correo antiguo, en Facebook o en los resultados de búsqueda de Google.

Google recomienda redirigir de forma permanente la dirección antigua a la nueva cuando una dirección cambia. El constructor no lo hace. ¿Qué significa eso para usted?

• Elija bien sus direcciones antes de compartir su sitio o darlo de alta en Google (lección 6.2).
• Si más adelante tiene que cambiar una dirección, actualice lo que usted controla: los enlaces de su firma de correo, su Perfil de Empresa de Google y sus perfiles en redes sociales. Google encontrará la nueva dirección a través de su sitemap, pero la antigua puede dar errores durante un tiempo.
• Si tiene un paquete, su sitio está guardado como archivos en su paquete de hosting. Allí sí puede crear una redirección con una regla a nivel de hosting. Eso queda fuera del constructor y es para usuarios avanzados.

La página de error

En cada publicación el constructor crea automáticamente una página de error (en lenguaje técnico, la página 404, por el código de error que devuelve entonces el servidor web). Tiene su identidad visual, con menú y pie, el título "Esta página no existe" y el botón "Ir a la página de inicio". Los buscadores no la indexan. Échele un vistazo una vez: escriba detrás de la dirección de su sitio una ruta que no exista, como /bestaat-niet/.

El panel Menú

En Menú organiza el menú. Arrastre las páginas para cambiar el orden. Si arrastra una página sobre otra, se convierte en un submenú de esta. Así coloca Schildersbedrijf Example "Pintura interior" y "Pintura exterior" bajo "Servicios". Haga clic en Guardar menú para guardar los cambios. Mientras no lo haga, verá el aviso "Menú aún sin guardar".

Además puede:

• añadir un Enlace propio: una dirección web (https://...), un número de teléfono (por ejemplo tel:0612345678), una dirección de correo (mailto:...), una ruta de su sitio (/werkwijze/) o un ancla a una sección (#offerte);
• añadir un Subtítulo: un encabezado no clicable bajo el que puede arrastrar elementos. Un subtítulo sin elementos debajo desaparece al guardar;
• dar a cada elemento su propio Texto del menú. Si lo deja vacío, se usa el nombre de la página;
• Quitar del menú una página. Pasa entonces a Fuera del menú: la página sigue existiendo, pero solo llega a ella quien conozca la dirección o siga un enlace.

Una lista del menú tiene como máximo 8 elementos, y un submenú también. Si el menú está lleno, una página nueva no se añade automáticamente. Verá un aviso y podrá colocarla usted mismo o agrupar páginas en un submenú.

El diseño del menú (la forma de la barra) no se elige aquí, sino en Identidad visual (lección 4.2). El contenido del menú no cambia.

Error frecuente: las páginas que no deben estar en el menú, como su política de privacidad o una página de agradecimiento tras el formulario, colóquelas en Fuera del menú. Un enlace a su política de privacidad sí debe estar en el pie (lección 7.1).

Una buena página de contacto

Casi todos los sitios necesitan una página de contacto. Los visitantes la esperan a la derecha del menú o como último elemento. Incluya en ella:

• el nombre de su empresa, la dirección (si los visitantes pueden acudir), el teléfono y el correo electrónico;
• el formulario de contacto (lección 4.3);
• si procede, el horario o la disponibilidad y un mapa.

En el constructor lo hace con la sección Contacto (mediante Secciones o el selector de Añadir sección, lección 3.4). Muestra la dirección, el teléfono, el correo, el horario y, si quiere, el formulario. Atención: en la primera versión suelen aparecer datos de ejemplo, como un número de teléfono inventado. Sustitúyalos (lección 2.4).

Títulos únicos

Si no tiene un título propio en el panel SEO, el constructor crea el título de la pestaña del navegador y de Google a partir del nombre de la página y el nombre de su sitio, por ejemplo "Forma de trabajo | Schildersbedrijf Example". La página de inicio recibe el nombre de su sitio. Por eso, dos páginas con el mismo nombre reciben el mismo título. Dé a cada página un nombre propio; en la lección 6.1 aprenderá a escribir mejores títulos.

En el constructor: cómo hacerlo

1. Abra Páginas y haga clic en Añadir página. Escriba "Forma de trabajo" y haga clic en Añadir.
2. Rellene la página a través del chat o escríbala usted mismo, y sustituya el texto de ayuda.
3. En Editar página, compruebe la Dirección (werkwijze) y haga clic en Guardar.
4. Abra Menú. Arrastre "Forma de trabajo" entre Servicios y Contacto. Arrastre las páginas de servicios sobre "Servicios" para crear un submenú.
5. Haga clic en Guardar menú y revise el menú en la vista previa, también en Móvil.
6. Vuelva a publicar su sitio (lección 5.1) y compruebe usted mismo todos los enlaces del menú.

Resumen

• En Páginas puede añadir páginas y cambiar su nombre, dirección y orden. También puede eliminarlas y recuperarlas mediante Versiones.
• Los enlaces internos se actualizan con una dirección nueva, pero la dirección antigua desaparece sin redirección. Elija sus direcciones antes de compartir su sitio.
• En Menú puede ordenar las páginas y crear submenús arrastrando, y añadir enlaces propios y subtítulos. Al terminar, haga clic en Guardar menú. Cada lista admite como máximo 8 elementos.
• El constructor crea automáticamente la página de error, con su identidad visual y un botón a la página de inicio.
• Todo sitio necesita una página de contacto con datos reales y nombres de página únicos.

Cuestionario

Ejercicio

Ejercicio A4.1: Sus páginas y su menú. Asegúrese de que su sitio tenga al menos tres páginas en el menú, entre ellas una página de contacto con sus datos de contacto reales. Cada página debe tener un nombre propio y debe haber vuelto a publicar el sitio. Después introduzca la dirección web de su sitio del AI Builder (su dirección gratuita, como schildersbedrijf-example-123.weboke.site, o su propio dominio). El programa abre su página de inicio como lo haría un visitante y comprueba cuatro cosas. Que haya al menos tres páginas en el menú y que cada enlace del menú funcione (la página existe y no da error). También que haya una página de contacto y que cada página tenga un título propio. Para cada punto verá verde, naranja o rojo. Si en Identidad visual elige el diseño de menú Mínimo, los enlaces a las páginas solo aparecen en el pie. Para este ejercicio, use un diseño con los enlaces en la barra del menú.

Para seguir leyendo

• Curso gratuito de WordPress 4.3: Menús y navegación
• Curso gratuito Que te encuentren en internet 7.4: Enlaces internos y la estructura de su sitio
• Curso gratuito Que te encuentren en internet 8.3: Mudarse o renovar el sitio sin perder visibilidad
• Site moves with URL changes (Google Search Central, en inglés): https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes