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.
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 páginas en tu navegación en cualquier plantilla, crea una carpeta en su lugar. Para obtener más información, consulta Carpetas vs. páginas de índice en la versión 7.0.
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:
En la app de Squarespace, solo es posible añadir nuevas páginas en la versión para iOS.
- Abre el panel de Páginas y haz clic en el icono +.
- Selecciona Índice en el menú de páginas.
- 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:
- En el panel de Páginas, coloca el cursor sobre el Índice.
- Haz clic en
. - Después de hacer los cambios, haz clic en Guardar.
.
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:
- 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 Agregar sección, Agregar galería o Página, o Agregar proyecto.
- 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.
- El código personalizado que añadas a las páginas dentro de un Índice podría no aparecer en tu sitio activo. Para probar tu código, elimina la página del Índice y abre la página directamente en una ventana privada o de incógnito.
- Si no ves la anotación editar para un Índice apilado, saca la página del Índice para añadir contenido, luego vuelve a incluirla en el Índice. También puedes deshabilitar la página, añadir contenido y luego rehabilitarla.
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.
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:
- Toca el ícono de Páginas .
- Pulsa Agregar debajo de la página de índice.
- Pulsa el tipo de página que desees agregar.
- Haz clic en el campo Título de página y agrega un título de página.
- Pulsa Crear.
Crear las páginas
Para editar páginas dentro de tu Página de Índice:
- Toca el título de la página en la pestaña Páginas.
- Pulsa Editar o el ícono de lápiz al lado del título de la página en la superposición.
- 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:
- Pulsa Editar o el ícono de lápiz en la esquina superior derecha de la pestaña Páginas.
- 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.
- Pulsa Listo.
Revisa las páginas protegidas con contraseña
Para proteger con contraseña una Página de Índice:
- Toca el título de la Página de Índice en la pestaña Páginas.
- Pulsa el ícono ... o en la esquina superior derecha.
- Pulsa el campo Contraseña y, a continuación, introduce la contraseña que quieras utilizar.
- 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:
- En el panel de Páginas, posiciona el cursor sobre el título de una página o sección dentro del índice.
- Haz clic en .
- Haz clic en la pestaña Medios .
- 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:
- En la pestaña Páginas, toca el título de una página dentro de tu Índice.
- Pulsa el ícono ... o 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).
- En Opciones, pulsa Medios.
- Pulsa Agregar imagen para añadir una imagen destacada desde tu dispositivo.
- 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:
- Abre el panel Páginas.
- Haz clic en la página de índice.
- Coloca el cursor sobre la parte superior de la vista previa del sitio y haz clic en Administrar Secciones.
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:
- Publicaciones de blog: agrega un bloque de sumario y conéctalo a una página de blog.
- Productos: añade un Bloque de sumario y conéctalo a una página de Productos. También puedes añadir productos de forma individual con los bloques de productos.
- Imágenes de galería: añade un Bloque de Galería. Puedes conectarlo a una Página de Galería existente o añadir imágenes directamente. También puedes agregar Bloques de Imagen individuales.
- Eventos: Añade Bloques de calendario y conéctalos con una Página de Eventos.
- Pistas de álbumes: agrega bloques de audio y añádeles pistas directamente.
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 obtener más información, visita SEO de página de índice y compartir en redes sociales.
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:
- Cuadrícula: En una Página de Diseño, crea una cuadrícula de imágenes con enlaces clickthrough.
- Apiladas: Añade imágenes y texto a una Página de Diseño.
- Dispositivas: añade una página de Portada e incluye varias imágenes en la pestaña Medios.