Nota: Si bien hemos traducido las guías más populares al español, algunas guías están disponibles solamente en inglés.
Usar la Página de Índice

La Página de Índice reúne las imágenes y el contenido de diferentes páginas, y las ordena visualmente para crear un único destino en el que los visitantes podrán navegar por el contenido desde varias subpáginas.

La Página de Índice está disponible en ciertas plantillas.

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 miniatura de la página. Al hacer clic en una imagen miniatura se abrirá la página conectada. Este diseño forma una cuadrícula de navegación visual que enlaza el 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 en forma vertical, lo que permite que los visitantes se desplacen por una gran cantidad de información con un aspecto unificado. Piénsalo 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.
  • Presentación de 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 la página se abrirá la página conectada. Esta es una excelente manera de usar imágenes para introducir diferentes conceptos o portafolios. Aquí tienes un ejemplo.

Además, el vínculo 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 con cualquier plantilla, crea una carpeta. Para conocer más, visita Carpetas vs. Páginas de Índice.

Comparación de la Página de Índice

Usa esta tabla para comparar los diferentes estilos de Índice. Las plantillas están agrupadas por familia. Si tu plantilla no está en la tabla es porque no admite una Página de Índice.

Plantilla  Estilo Imágenes en miniatura Páginas Compatibles
Avenue Cuadrícula Necesarias Álbum, Blog, Galería, Eventos, Productos, Normal

Familia Bedford

Anya, Bryant, Bedford, Hayden

Stacked (Apilado) Opcional Normal

Familia Brine

Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West

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

Familia Montauk

Julia, Kent, Montauk, Om

Cuadrícula Necesarias Álbum, Blog, Galería, Eventos, Productos, Normal

Familia Pacific

Charlotte, Fulton, Horizon, Naomi, Pacific

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

Familia Tremont

Camino, Carson, Henson, Tremont

Slideshow (Diapositivas) Opcional Álbum, Blog, Galería, Eventos, Productos, Normal

Familia York

Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, York

Cuadrícula Opcional Álbum, Blog, Galería, Eventos, Productos, Proyectos, Normal

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

Paso 1: Agrega una Página de Índice

Si tu plantilla admite una Página de Índice, sigue estos pasos:

  1. En el Menú de inicio, haz clic en Páginas.
  2. Haz clic en el ícono + y, luego, en Índice. Si tu plantilla tiene un Índice apilado, el ícono del Índice se ve ligeramente diferente de la captura de pantalla a continuación.
  3. Dale un título al índice, después presiona Enter o Return.

1.png

Paso 2: Edita la configuración de Página (opcional)

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

Aplicación Squarespace de escritorio

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 gear-icon.
  3. Después de hacer los cambios, haz clic en Guardar. Para aprender más sobre las diferentes opciones, visita Configuración de Página.

2.png 

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

  1. Toca el ícono de Páginas.
  2. Toca el título de la Página de Índice.
  3. Toca el ícono ... en la esquina superior derecha.
  4. Después de hacer cambios, toca Guardar en la esquina superior derecha.

Paso 3: 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 añadas más de 25. Cuanto más contenido añadas, más tiempo tomará cargar la página.
Aplicación Squarespace de escritorio

Añadir páginas

  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  + Agregar Sección+ Agregar Galería o Página, o + Agregar Proyecto en su lugar.

3.png

  1. Haz clic en cualquier ícono del menú Crear Nueva Página 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's solo admite Páginas de Galería. Las Páginas Normales se denominan secciones de Contenido.

  2. También puedes arrastrar y soltar las páginas existentes en el índice.

  3. Solo para los Índices apilados, también puedes agregar secciones usando Administrar Secciones.

Nota: Las páginas deshabilitadas no se mostrarán.

Crear las páginas

Para las Páginas de Índice de cuadrícula o presentación de diapositivas, añade el contenido en cualquier Página Normal o página de colección como lo harías normalmente.

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. Añade contenido usando la vista previa de página editar anotación. También puedes arrastrar secciones y sacarlas del índice para editarlas. Fuera del Índice, las secciones de Contenido se convierten en Páginas Normales.

Reordenar las páginas

El orden de las páginas en el panel 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 la Configuración de Página.

  • En los Índices apilados, esta contraseña protegerá también a las subpáginas.
  • En los Índices tipo presentación de diapositivas, agrega contraseñas a las páginas secundarias individualmente para protegerlas.

Para ver más, visita contraseñas y Páginas de Índice.

Añadir páginas

Después de agregar una Página de Índice en el escritorio, puedes agregarle Páginas Normales en la aplicación Squarespace.

  1. Toca el ícono de Páginas.
  2. Toca Agregar en la parte inferior de una sección de navegación para añadir una nueva Página Normal.
  3. Toca la flecha en la esquina superior izquierda para cerrar la nueva página.
  4. Toca Editar en la esquina superior derecha.
  5. Mantén presionado el ícono de la hamburguesa a la derecha del título de la página, luego arrastra la página debajo de tu Página de Índice y suéltala cuando la página esté en su lugar.
  6. Toca Listo.
Consejo: Si la Página de Índice de tu plantilla admite otros tipos de páginas, agrégalas al equipo de escritorio.

Crear las páginas

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

  1. Toca el título de la página en la pestaña Páginas.
  2. Toca Editar junto al título de la página en la superposición.
  3. Agregar texto, imágenes u otro contenido.
  4. Toca Listo, luego toca 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. Toca Editar 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. Toca 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 en la pestaña Páginas.
  2. Toca el ícono ... en la esquina superior derecha.
  3. Toca el campo Agregar contraseña e ingresa la contraseña que deseas usar.
  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 páginas secundarias.
  • En los Índices tipo presentación de diapositivas, agrega contraseñas a las páginas secundarias individualmente para protegerlas.

Paso 4: Añadir miniaturas de imágenes

Para obtener los mejores resultados, agrega imágenes en miniatura a cada página o sección en el Índice. Según el estilo de Índice de tu plantilla, la imagen podría convertirse en una miniatura de navegación, un banner o una imagen de fondo.

En algunas plantillas, puedes añadir una miniatura de video. Las Páginas de Índice de cuadrícula no admiten miniaturas de video, así que usa imágenes en miniatura en su lugar.

Aplicación Squarespace de escritorio

Para agregar imágenes en miniatura a 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 gear-icon.
  3. Haz clic en la pestaña Media (Medios).
  4. Añade una imagen miniatura

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

Para agregar imágenes en miniatura a 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. Toca el ícono ... en la superposición al lado del título de la página. Se abrirá la configuración de la página individual. (Consejo: No toques el ícono ... en la esquina superior derecha, ya que se abrirá la configuración de toda la Página de Índice).
  3. En Opciones, toca Medios.
  4. Toca Agregar imagen para añadir una imagen en miniatura de tu dispositivo.
  5. Después de subir las imágenes, toca Configuración de Página para volver, luego pulsa Guardar.

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

Paso 5: Establece la Página de Índice como tu página de inicio (opcional)

Es común configurar la Página de Índice como una página de inicio, de modo que los visitantes puedan navegar fácilmente por tu contenido desde una página de aterrizaje única.

NotaNo es posible establecer una página o sección dentro de un Índice como la página de inicio.
Aplicación Squarespace de escritorio

Para establecer la Página de Índice como tu página de inicio:

  1. Posiciona el cursor sobre el título de la Página de Índice.
  2. Haz clic en el gear-icon.
  3. Desplázate hacia abajo en la pestaña Básico y haz clic en Configurar como Página de Inicio

6.png

Para establecer la Página de Índice como tu página de inicio:

  1. En la pestaña Páginas, toca el título de tu Página de Índice.
  2. Toca el ícono ... en la esquina superior derecha.
  3. Toca Configurar como Página de Inicio.
  4. Toca Confirmar, luego toca Aceptar.

Paso 6: Modifica el estilo de la Página de Índice

Tu plantilla determina el estilo del Índice: cuadrícula, apilado o diapositiva. En el panel de Estilos del sitio, encontrarás los ajustes que te ayudarán a personalizar la apariencia del Índice. 

Cuadrícula

Puedes cambiar el número o forma de las imágenes en miniatura, el relleno, y cómo los títulos de la página se mostrarán dependiendo de tu plantilla. Usa los enlaces de abajo para encontrar las guías del Índice de tu plantilla.

Stacked (Apilado)

Puedes cambiar las fuentes, elementos de la navegación y cómo se mostrará el el contenido de la página. Estas opciones varían según la plantilla. Usa los enlaces de abajo para encontrar las guías de Índice de tu plantilla.

  • Familia Bedford - Anya, Bryant, Bedford, Hayden
  • Familia Brine - Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West
  • Familia Pacific - Charlotte, Fulton, Horizon, Naomi, Pacific 
Consejo: Mira nuestros consejos adicionales para administrar las secciones.

Slideshow (Diapositivas)

Puedes cambiar el estilo del nombre de la página y seleccionar cómo los visitantes harán clic a través a la página conectada. Las opciones varían según cada plantilla. Usa los enlaces a continuación para encontrar la guía que corresponde al índice de tu plantilla.

Cómo administrar las 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. En el Menú de inicio, haz clic en 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.

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

Mira el video

Este es un video tutorial sobre Administrar Secciones:

Mostrar otro contenido

Para mostrar contenido de un tipo de página no soportado dentro de un índice, añade una Página Normal al Índice. Luego usa los métodos siguientes para mostrar el contenido en esa Página Normal:

  • Blog posts (Publicaciones del Blog):  Añade un Bloque de Sumario y conéctalo con una Página de Blog.
  • Products (Productos):  Añade un Bloque de Sumario y conéctalo a una Página de Productos. También puedes añadir productos individuales con el Bloque  de Producto.
  • Gallery images (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.
  • Events (Eventos): Añade Bloques de Calendario y selecciona la colección para mostrar.
  • Album tracks (Pistas de Álbum): Añade Bloques de Audio y añade pistas directamente en ellos.

También puedes usar el Bloque de Archivo para crear una lista de nuevas publicaciones, 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 Enlazado para que no aparezcan en tu navegación.

Momentum

La plantilla Momentum solo soporta 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

Algunas plantillas tienen una URL diferente para las páginas cuando se las observa en la Página de Índice. Aquí tienes un ejemplo.

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

The # symbol means that this page is in an Index Page. This URL helps search engines and social media sites recognize the page as part of an Index and not duplicated content.

Verás esto en las siguientes plantillas:

  • Avenue
  • Flatiron
  • Familia Montauk - Julia, Kent, Montauk, Om

Formato de página

Para estas plantillas, algunas páginas tienen un formato especial cuando las abres desde la Página de Índice. Por ejemplo, en Avenue, cuando haces clic en la miniatura del Índice para abrir una Página de Galería, las imágenes se apilan verticalmente y hay una barra de navegación de las miniaturas en la que puedes hacer clic en el extremo inferior.

El formato especial no se mostrará si la página se abre sin la estructura especial de URL. Esto sucede en los siguientes casos:

  • La persona que visita el sitio se dirige a la URL directa de la subpágina.
  • La subpágina tiene una contraseña.
  • La persona que visita el sitio abre la subpágina con un clic derecho y abre una nueva pestaña o ventana.

Para informarte mejor, visita la guía de plantillas de AvenueFlatiron o la familia Montauk.

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 su configuración de la Página.

La forma en que la contraseña protege a las páginas secundarias depende del estilo del Índice:

  • Para los índices tipo grid and slideshow (cuadrícula y presentación de diapositivas), agrega una contraseña directamente en cada subpágina.
  • Para los índices tipo stacked (apilados), la contraseña de la página principal protege también a las subpáginas.

Para las páginas secundarias protegidas por contraseña en los índices tipo cuadrícula y presentación de diapositivas:

  • La imagen miniatura de la subpágina se muestra normalmente en la Página de Índice principal.
  • Cuando un visitante haga clic en esa imagen en miniatura, o visita una URL directa, le pediremos que ingrese la contraseña de la página.
  • Si las subpáginas tienen un formato especial para el Índice, no aparecerá.

Para los índices apilados protegidos con contraseña:

  • Si un visitante 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 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.
  • El formato especial no se mostrará en Avenue, Flatiron ni en la familia Montauk (Julia, Kent, Montauk, Om). 
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 en miniatura y el contenido de la página aparecen en el Índice. 
  • La indicación de inicio de sesión no aparecerá a menos que el visitante vaya directamente a la página de la URL.
  • 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 compartir 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. Los motores de búsqueda pueden dirigir a los visitantes a páginas dentro de tu Índice, en lugar de a la misma Página de Índice. En algunas plantillas, las páginas aparecen de manera diferente cuando se las ve directamente en lugar de desde la Página de Índice.

Si compartes una página dentro de un Índice en las redes sociales, el sitio podría mostrar  la Página de Índice en lugar de la página real que quieres compartir. Use estas mejores prácticas para compartir una página específica:

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 gustaría, tienes sugerencias para crear el aspecto de un índice en cualquier plantilla.

Usa un Índice apilado para crear páginas más cortas

Si agregas solo una o dos secciones en un Índice apilado, puedes usar las características y los estilos del Índice, y, al mismo tiempo, crear la impresión de una página única, no apilada.

Este es un ejemplo de la plantilla Brine que usa una sección de contenidos con una imagen en miniatura para crear una página con una imagen de fondo:

page-background-brine.png

Este es un ejemplo de la plantilla Pacific que usa una sección de contenido para crear un encabezado llamativo:

content-section.png

Este es un ejemplo de la plantilla Brine que usa una sección de galería y una sección de contenidos para crear una página con un banner de presentación:

brine-slideshow-banner.gif

 

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 83 de 182