Páginas de índice en la versión 7.0

Última actualización: 7 de agosto de 2024

En la versión 7.0, las páginas de índice organizan las imágenes y el contenido de diferentes páginas en diseños únicos, lo que crea un único destino donde los visitantes pueden explorar el contenido de varias subpáginas.

Las Páginas de Índice están disponibles en ciertas plantillas.

Cómo acceder a esta función

Esta guía es para la versión 7.0. En la versión 7.1, puedes utilizar secciones de página para obtener un efecto similar a los diseños de página de índice apilados o páginas de portafolio para un efecto en los diseños de página de índice de cuadrícula.

Mira el video

Para ver cómo funciona la página de índice, mira este video:

Diseños de la Página de Índice

Cada familia de plantillas tiene su propio estilo de índice, que corresponde a uno de los siguientes tres diseños:

  • Cuadrícula. Cada página del índice crea una imagen en la página. Al hacer clic en una imagen, se abre la página conectada. Este diseño forma una cuadrícula de navegación gráfica que enlaza al contenido de todo tu sitio. Aquí tienes un ejemplo.
  • Apilada. Cada página del Índice crea una sección de una página con un único desplazamiento. Las secciones se apilan verticalmente y permiten que quienes visitan el sitio se desplacen en una gran cantidad de información con un aspecto unificado. Imagínalo como una versión digital de un folleto plegado como un acordeón que puedes abrir y donde puedes ver todas las páginas a la vez. Aquí tienes un ejemplo.
  • Diapositivas. Cada página se muestra como una imagen de fondo sin bordes con una superposición de contenido. Al hacer clic en el título de una página, se abre la página conectada. Esta es una excelente forma de usar imágenes para introducir diferentes conceptos o portafolios. Aquí tienes un ejemplo.

Además, el enlace de la página de índice en la navegación depende de la plantilla. Para crear un menú desplegable de las páginas de tu navegación en cualquier plantilla, crea un menú desplegable. Para informarte mejor, visita Menús desplegables versus páginas de índice en la versión 7.0.

KB Guide Image

Comparación de funciones de página de índice

Así aparecen los Índices en estas familias de plantillas. Si tu plantilla no está en la lista, no tiene una Página de índice.

Familia de plantillas Estilo Imágenes destacadas Páginas Compatibles
Avenue Cuadrícula Necesarias Álbum, Blog, Galería, Eventos, Productos, Diseño

Bedford

Stacked (Apilado) Opcional Diseño

Brine

Stacked (Apilado) Opcional Galería, Diseño
Flatiron Cuadrícula Necesarias Álbum, Blog, Galería, Eventos, Productos, Diseño
Forte Diapositivas Necesarias Álbum, Blog, Galería, Eventos, Productos, Diseño
Momentum Diapositivas Opcional Galería

Montauk

Cuadrícula Necesarias Álbum, Blog, Galería, Eventos, Productos, Diseño

Pacific

Stacked (Apilado) Opcional Álbum, Galería, Diseño
Supply Cuadrícula Necesarias Álbum, Blog, Galería, Eventos, Productos, Diseño

Tremont

Diapositivas Opcional Álbum, Blog, Galería, Eventos, Productos, Diseño

York

Cuadrícula Opcional Álbum, Blog, Galería, Eventos, Productos, Proyectos, Diseño

Para configurar tu Página de Índice, sigue el resto de esta guía.

Agregar una página de índice

Si tu plantilla admite una página de índice, sigue estos pasos:

Cómo acceder a esta función

En la app de Squarespace, solo es posible añadir nuevas páginas en la versión para iOS.

  1. Abre el panel de Páginas y haz clic en el icono +.
  2. Selecciona Índice en el menú de páginas.
  3. Ingresa el título de la página y, a continuación, presiona Enter para guardarlo. Puedes cambiarlo después.

Editar la configuración de página

Puedes cambiar la configuración de la página de índice, como el título y el slug de URL. En algunas plantillas, el título, la descripción y la imagen destacada se muestran en la parte superior de la página.

Para editar la configuración de la Página de Índice:

  1. En el panel de Páginas, coloca el cursor sobre el Índice.
  2. Haz clic en el icono del engranaje.
  3. Después de hacer los cambios, haz clic en Guardar.
2.png

Para aprender más sobre las diferentes opciones, visita la Configuración de página.

Agrega, edita y organiza las páginas

A continuación, deberás crear el contenido del Índice agregando, editando y moviendo las páginas. Cada página crea una sección del Índice.

Consejo

puedes añadir hasta 100 páginas a una página de Índice, pero no te recomendamos que agregues más de 25. Cuanto más contenido añadas, más tiempo tardará en cargar la página.

Añadir páginas

Para añadir páginas a un Índice:

  1. En el panel de Páginas, haz clic en Agregar página debajo de la página de índice. Según tu plantilla, podrías ver Añadir sección, Agregar galería o Página, o Agregar proyecto.
  2. Haz clic en cualquier ícono del menú de páginas para agregar nuevas páginas. El menú muestra las páginas que admite el Índice de tu plantilla. Por ejemplo, la página de Índice de Momentum solo admite Páginas de Galería. Las páginas de Diseño se denominan secciones de Contenido.

Otros métodos

  • También puedes arrastrar y soltar las páginas existentes en el Índice.
  • En los Índices apilados, también puedes agregar secciones usando Administrar secciones.

Nota

Se pueden desactivar las páginas en el índice. No se mostrarán en el sitio ycontarán para el límite de 100 páginas de la página índice.

Crear páginas

Puedes añadir contexto a cualquier página de Diseño o página de colección dentro de un Índice con un clic en Editar dentro de la página. Para las páginas de Índice apiladas, haz clic en el título dentro del panel de Páginas para desplazarte hasta esa sección en la vista previa de la página.

Reordenar las páginas

El orden de las páginas en el panel de Páginas refleja cómo se verán en la página de Índice. Arrastra y suelta las páginas para ubicarlas en orden.

Consejo

para los Índices apilados, consulta los consejos adicionales.

4.png

Revisa las páginas protegidas con contraseña

Puedes proteger el Índice principal con una contraseña desde su configuración de página.

  • En los Índices apilados, esta contraseña protegerá también a las subpáginas.
  • En los índices con diseño en diapositivas, añade contraseñas a las páginas secundarias individualmente para protegerlas.

Para más información, visita contraseñas y páginas de Índice.

Añadir páginas

Para agregar páginas a un índice en la versión de la aplicación de Squarespace para iOS:

  1. Pulsa Más y, a continuación, Páginas.
  2. Pulsa Agregar debajo de la página de índice.
  3. Pulsa el tipo de página que desees agregar.
  4. Pulsa el campo Título de página e introduce un título de página.
  5. Pulsa Crear.

Crear las páginas

Para editar páginas dentro de tu Página de Índice:

  1. Toca el título de la página.
  2. Pulsa Editar o el ícono de lápiz al lado del título de la página en la superposición.
  3. Después de agregar o cambiar contenido, pulsa Listo o y, luego, Guardar cambios para confirmar.

Reordenar las páginas

El orden de las páginas en el panel de Páginas refleja cómo se verán en la página de Índice. Para reordenar las páginas:

  1. Pulsa Editar o el ícono de lápiz en la esquina superior derecha de la pestaña Páginas.
  2. Mantén presionado los íconos de hamburguesa a la derecha de los títulos de la página, luego arrastra las páginas hacia arriba o hacia abajo.
  3. Pulsa Listo.

Revisa las páginas protegidas con contraseña

Para proteger con contraseña una Página de Índice:

  1. Toca el título de la página de índice.
  2. Pulsa el ícono ... o el icono del engranaje en la esquina superior derecha.
  3. Pulsa el campo Contraseña y, a continuación, introduce la contraseña que quieras utilizar.
  4. Toca Guardar.

Según el tipo de Página de Índice, es posible que debas agregar contraseñas de página a subpáginas individuales:

  • En los índices apilados, esta contraseña protegerá también a las subpáginas.
  • En los índices con diseño en diapositivas, añade contraseñas a las páginas secundarias individualmente para protegerlas.

Agregar imágenes destacadas de página

Puedes agregar imágenes destacadas a cada página o sección del índice. Según el estilo de índice de la plantilla, la imagen puede convertirse en una imagen de navegación, un banner o una imagen de fondo.

En algunas plantillas, puedes agregar un video destacado. Las páginas de índice de cuadrícula no admiten videos como imágenes destacadas, así que usa imágenes en su lugar.

Para agregar imágenes destacadas de la página de índice:

  1. En el panel de Páginas, posiciona el cursor sobre el título de una página o sección dentro del índice.
  2. Haz clic en el icono del engranaje.
  3. Haz clic en la pestaña Medios .
  4. Agregar una imagen destacada.

Repite el proceso para cada página dentro del índice.

Para agregar imágenes destacadas de la página de índice:

  1. En la pestaña Páginas, toca el título de una página dentro de tu Índice.
  2. Pulsa el ícono ... o el icono del engranaje en la superposición al lado del título de la página para abrir la configuración de la página individual (Consejo: no pulses el ícono ... en la esquina superior derecha porque abre toda la configuración de la Página de índice).
  3. En Opciones, pulsa Medios.
  4. Pulsa Agregar imagen para añadir una imagen destacada desde tu dispositivo.
  5. Después de subir las imágenes, pulsa Configuración de página para volver y, luego, pulsa Guardar.

Repite el proceso para cada página dentro del índice.

Cambia el formato de la Página de Índice

Tu plantilla determina el estilo del Índice: cuadrícula, apilado o diapositivas. En el panel Estilos del sitio, encontrarás los ajustes que te permitirán personalizar el aspecto del Índice.

Cuadrícula

Puedes cambiar el número o la forma de las imágenes destacadas, su relleno y cómo se muestran los títulos de las páginas. Las opciones varían según la plantilla. Usa los enlaces a continuación para obtener ayuda con estas familias de plantillas:

Stacked (Apilado)

Puedes cambiar las fuentes, los elementos de la navegación y cómo se mostrará el contenido de la página. Estas opciones varían según la plantilla. Usa los enlaces que siguen para obtener ayuda en estas familias de plantillas:

Consejo

mira nuestros consejos adicionales para administrar las secciones.

Diapositivas

Puedes cambiar el estilo del nombre de la página y seleccionar cómo los que visiten el sitio harán clic a través a la página conectada. Estas opciones varían según la plantilla. Usa los enlaces que siguen para obtener ayuda en estas familias de plantillas:

Administrar secciones apiladas del Índice

En las Páginas de Índice apiladas, puedes mover, agregar y eliminar secciones usando Administrar Secciones en el panel de Páginas.

Para abrir Administrar Secciones:

  1. Abre el panel Páginas.
  2. Haz clic en la página de índice.
  3. Coloca el cursor sobre la parte superior de la vista previa del sitio y haz clic en Administrar Secciones.
7.png

Verás una versión reducida de tu Índice, que podrás usar para desplazarte más fácilmente entre las secciones.

  • Haz clic y arrastra cualquier sección para reordenarla.
  • Usa los íconos + y - para añadir o eliminar secciones.
  • Para ir al panel Páginas, haz clic en Back (Atrás) en el ángulo superior izquierdo.

Mostrar otro contenido

Para mostrar contenido de un tipo de página no admitido dentro de un índice, añade una página de Diseño al Índice. A continuación, usa los siguientes métodos para mostrar el contenido en esa página de Diseño:

También puedes usar Bloques de archivo para crear listas de publicaciones de blog, imágenes de galería, productos y eventos.

Consejo

Mueve las páginas de colección (como una Página de Blog) a la sección No enlazadas para que no aparezcan en tu navegación.

Momentum

La plantilla Momentum solo admite páginas de galería. Para vincular a otro contenido en tu sitio, añade un enlace a la descripción de cualquier imagen de galería o añade páginas a tu navegación principal de modo que los enlaces se muestren en la barra de navegación.

URL especiales

En las plantillas que se indican a continuación, las URL de las subpáginas de las Páginas de Galería y de Diseño incluyen un hashtag (#) cuando se las abre desde la página de Índice. Aquí tienes un ejemplo:

http://www.midominio.com/#/titulo-pagina

La versión de la página con hashtag tiene un formato especial en estas familias de plantillas:

  • Avenue: utiliza imágenes de navegación y enlaces Anterior/Siguiente. Los encabezados y pies de página no se muestran. Las imágenes de la página de galería se apilan verticalmente.
  • Flatiron: utiliza imágenes de navegación y flechas. Las páginas de diseño muestran títulos y descripciones de las páginas.
  • Montauk: utiliza la navegación por imágenes. Los encabezados de página de diseño no se muestran; en su lugar, muestran el encabezado de la página de índice.

No aparece la versión de la página con el formato especial si no hay hashtag. Esto sucede en los siguientes casos:

  • La persona que visita el sitio se dirige a la URL directa de la subpágina (sin hashtag).
  • La subpágina tiene una contraseña.
  • La persona que visita el sitio abre la subpágina en una pestaña o en una ventana nueva.

Los motores de búsqueda no indexan la versión de la URL que tiene el hashtag. Así se evita que vean contenidos duplicados de tu sitio web, que es una de las mejores prácticas de SEO. Los que visitan el sitio y se dirigen a las subpáginas desde los resultados de los buscadores ven la versión sin el formato especial. Para evitar que estas páginas aparezcan en la búsqueda, agrega una etiqueta de "noindex" a cada subpágina.

Contraseñas y páginas de índice

Puedes usar contraseñas de página para evitar que el contenido del Índice esté visible para el público.

Protege con contraseña cualquier página de índice principal en la configuración de página.

La forma en que la contraseña protege a las subpáginas depende del estilo del índice:

  • Para los índices tipo cuadrícula y diapositivas, agrega una contraseña directamente a cada subpágina.
  • Para los índices tipo apilados, la contraseña de la Página de Índice principal protege también a las subpáginas.

Para las subpáginas protegidas por contraseña en los índices con diseño de cuadrícula o diapositivas:

  • La imagen destacada de la subpágina se muestra normalmente en la página de índice principal.
  • Cuando un visitante haga clic en esa imagen o vaya a la URL directa, se le pedirá que introduzca la contraseña de la página.
  • El formato especial no aparece en las familias Avenue, Flatiron y Montauk.

Para los índices apilados protegidos con contraseña:

  • Si quien visita el sitio va a la URL directa para una subpágina, le pediremos que vuelva a ingresar la contraseña del sitio para la página de índice principal.
  • En el panel de Páginas, el campo de la contraseña está oculto para las subpáginas. Arrastra la página para sacarla del Índice y establecer una contraseña. Una vez que hayas añadido una contraseña a una página, no podrás arrastrarla a un Índice.

Nota

en el pasado, podías agregar contraseñas a subpáginas en un índice apilado. Si tu subpágina ya tiene una contraseña:

  • La imagen destacada y el contenido de la página aparecen en el índice.
  • El mensaje de inicio de sesión no aparecerá a menos que el visitante vaya a la URL de la página directa.
  • Si eliminas la contraseña, el campo contraseña desaparecerá.
  • Si arrastras la página para sacarla del Índice, ya no podrás volver a agregarla hasta que elimines la contraseña.

SEO y uso compartido en redes sociales

Debido a que los índices son colecciones de páginas, los motores de búsqueda y los sitios de redes sociales interactúan con ellos de manera diferente a como lo hacen en Squarespace. Para informarte mejor, visita SEO de la página de índice y compartir en redes sociales en la versión 7.0.

Copiar un índice en otras plantillas

Si tu plantilla no admite una Página de Índice o el estilo de Página de Índice que te gusta, tienes modos para recrear el aspecto de un índice en cualquier plantilla:

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.