Páginas Índice na versão 7.0

Ultima atualização 24 de Março de 2024

Na versão 7.0, as Páginas Índice organizam imagens e conteúdo de páginas diferentes em layouts exclusivos, criando um único destino onde os visitantes podem navegar pelo conteúdo de várias subpáginas.

A Página Índice está disponível em determinados templates.

Acessando o recurso

Este guia é para a versão 7.0. Na versão 7.1, você pode usar seções de página para um efeito semelhante aos layouts de página de índice empilhados ou páginas de portfólio para um efeito nos layouts de página de índice de grade.

Assistir a um vídeo

Para ver como a página de índice funciona, assista a este vídeo:

Designs de Página Índice

Cada família de template possui um estilo próprio de Índice, que pertence a um dos três tipos de design:

  • Grade - no índice, cada página cria uma miniatura na página. Clique na imagem para abrir a página vinculada. Esse design forma uma grade de navegação visual que se vincula ao conteúdo do site. Veja um exemplo aqui.
  • Empilhado - cada página no índice cria uma seção em uma página de rolagem. As seções se empilham na vertical para que o visitante "role" por várias informações, todas unificadas. É como a versão digital de um panfleto sanfonado, que você abre e vê todas as páginas de uma só vez. Veja um exemplo aqui.
  • Slideshow - cada página aparece como uma imagem de fundo sem margens e com sobreposição de conteúdo. Ao clicar no título da página vinculada, ela é aberta. Essa é uma ótima maneira de usar imagens para apresentar diferentes conceitos ou portfólios. Veja um exemplo aqui.

Além disso, o link da página índice na sua navegação depende do template. Para criar um menu suspenso com páginas na navegação (em qualquer template), crie uma lista suspensa. Saiba mais em "Lista suspensa x página índice na versão 7.0".

KB Guide Image

Comparação de recursos da Página Índice

Veja como o Índice aparece nos templates das seguintes famílias. Se o seu template não estiver na lista, ele não aceita Página Índice.

Família de template Estilo Imagens em destaque Páginas Suportadas
Avenue Grade Obrigatório Álbum, Blog, Galeria, Eventos, Produtos, Layout

Bedford

Empilhado Opcional Layout

Brine

Empilhado Opcional Galeria, Layout
Flatiron Grade Obrigatório Álbum, Blog, Galeria, Eventos, Produtos, Layout
Forte Slideshow Obrigatório Álbum, Blog, Galeria, Eventos, Produtos, Layout
Momentum Slideshow Opcional Galeria

Montauk

Grade Obrigatório Álbum, Blog, Galeria, Eventos, Produtos, Layout

Pacific

Empilhado Opcional Álbum, Galeria, Layout
Supply Grade Obrigatório Álbum, Blog, Galeria, Eventos, Produtos, Layout

Tremont

Slideshow Opcional Álbum, Blog, Galeria, Eventos, Produtos, Layout

York

Grade Opcional Álbum, Blog, Galeria, Eventos, Produtos, Projetos, Layout

Para configurar sua Página Índice, siga o restante deste guia.

Adicionar uma Página Índice

Se o template for compatível com uma Página Índice, siga estas etapas:

Acessando o recurso

No aplicativo do Squarespace, só é possível adicionar uma nova página na versão para iOS.

  1. Abra o painel "Páginas" e clique no ícone +.
  2. Selecione Índice no menu de páginas.
  3. Adicione um título à página e pressione Enter. É possível alterá-lo mais tarde.

Edite as Configurações de Página

Você pode alterar as configurações da página de índice, como o título e o slug de URL. Em alguns templates, o título, a descrição e a imagem em destaque são exibidos na parte superior da página.

Para editar as configurações da Página Índice:

  1. No painel de Páginas, passe o mouse sobre o Índice.
  2. Clique em o ícone de engrenagem.
  3. Após as alterações, clique em Salvar.
2.png

Saiba mais sobre as diferentes opções em Configurações da página.

Adicione, edite e organize páginas

O próximo passo é criar o conteúdo do Índice adicionando, editando e organizando as páginas. Cada página cria uma seção no Índice.

Dica

é possível adicionar até 100 páginas a uma Página Índice, mas recomendamos adicionar até 25. Quanto mais conteúdo você adicionar, mais a página demora para carregar.

Adicionar páginas

Para adicionar páginas a um Índice:

  1. No painel páginas, clique em Adicionar página, abaixo da página índice. dependendo do template, aparecerá Adicionar seção, Adicionar galeria ou página ou Adicionar projeto.
  2. Clique em um ícone do menu de páginas para adicionar páginas. O menu mostra as páginas que o Índice do seu template aceita. Por exemplo: a Página Índice do Momentum aceita apenas Páginas de Galeria. A Página de Layout é chamada de seção de Conteúdo.

Outros métodos

  • É possível arrastar e soltar páginas existentes no Índice.
  • Nos Índices empilhados, é possível adicionar seções usando a função Gerenciar seções.

Anotação

você pode desativar páginas no índice; elas não aparecerão no site, mas serão contabilizadas para o limite de cem páginas da página índice.

Construa as páginas

Você pode adicionar conteúdo a qualquer Página de Layout ou Página de Coleção dentro do Índice. Para isso, clique em Editar na página. No caso da Página Índice empilhada, clique no título no painel Páginas para descer até essa seção na prévia da página.

Reordenar páginas

As páginas no painel Páginas são ordenadas conforme aparecem na página índice. Arraste e solte as páginas para reordená-las.

Dica

para Índices empilhados, veja outras dicas.

4.png

Revise páginas protegidas por senha

É possível criar uma senha para proteger o Índice principal nas configurações da página.

  • Nos Índices empilhados, essa senha também protegerá as subpáginas.
  • Nas Páginas Índice de grade e slideshow, adicione senhas às subpáginas individuais para protegê-las.

Saiba mais em Senhas e Páginas Índice.

Adicionar páginas

Para adicionar uma página ao Índice na versão iOS do aplicativo Squarespace:

  1. Toque em Mais e depois em Páginas.
  2. Toque em Adicionar abaixo da Página Índice.
  3. Toque no tipo de página a ser adicionada.
  4. Toque no campo Título da página e adicione um novo título.
  5. Toque em Criar.

Construa as páginas

Para editar páginas dentro da página índice:

  1. Toque no título da página.
  2. Toque em Editar ou no ícone de lápis ao lado do título da página na sobreposição.
  3. Após adicionar ou alterar um conteúdo, toque em Concluído ou em e depois em Salvar alterações para confirmar.

Reordenar as páginas

As páginas no painel Páginas são ordenadas conforme aparecem na Página Índice. Para reordenar as páginas:

  1. Toque em Editar ou no ícone de lápis, no canto superior direito da aba Páginas.
  2. Toque e segure os ícones de hambúrguer à direita dos títulos da página e, em seguida, arraste as páginas para cima ou para baixo.
  3. Toque em Concluído.

Revise páginas protegidas por senha

Para proteger uma página índice com senha:

  1. Toque no título da página índice.
  2. Toque no ícone ... ou em o ícone de engrenagem no canto superior direito.
  3. Toque no campo Senha e informe a senha desejada.
  4. Toque em Salvar.

Dependendo do tipo de Página Índice, talvez seja necessário adicionar uma senha de página a cada subpágina:

  • Nas páginas índice empilhadas, essa senha também protege as subpáginas.
  • Nas páginas índice em grade e em slideshow, adicione uma senha a cada subpágina para protegê-las.

Adicionar imagens em destaque da página

Você pode adicionar imagens em destaque a todas as páginas ou seções do índice. Dependendo do estilo de índice do seu template, a imagem pode se tornar uma imagem de navegação, um banner ou uma imagem de fundo.

Em alguns templates, você pode adicionar um vídeo em destaque. As páginas Índice de grade não aceitam vídeos como imagens em destaque, por isso, use imagens.

Para adicionar imagens em destaque da página de índice:

  1. No painel de Páginas, passe o mouse sobre o título de uma página ou seção no seu Índice.
  2. Clique em o ícone de engrenagem.
  3. Clique na aba Mídia.
  4. Adicione uma imagem em destaque.

Repita esse processo em cada página do índice.

Para adicionar imagens em destaque da página de índice:

  1. Na aba de Páginas, toque no título de uma página dentro do índice.
  2. Toque no ícone ... ou em o ícone de engrenagem na sobreposição ao lado do título da página para abrir as configurações de uma página específica (dica: não toque no ícone ... no canto superior direito, pois ele abre as configurações de toda a Página Índice).
  3. Em Opções, toque em Mídias.
  4. Toque em Adicionar imagem para adicionar uma imagem em destaque do seu dispositivo.
  5. Após a imagem carregar, toque em Configurações da página para voltar e, em seguida, toque em Salvar.

Repita esse processo em cada página do índice.

Edite o estilo da Página Índice

O template determina o estilo do Índice: grade, empilhado ou em slideshow. O painel Estilos do Site mostra os ajustes para personalizar o visual do Índice.

Grade

Você pode alterar o número ou a forma das imagens em destaque, seu espaçamento e como os títulos das páginas são exibidos. As opções variam conforme o template. Use os links abaixo para obter ajuda com essas famílias de templates:

Empilhado

É possível alterar fontes, elementos de navegação e a aparência do conteúdo da página. As opções variam de acordo com o template. Use os links abaixo para obter ajuda com os templates das famílias:

Dica

confira nossas dicas extras para gerenciar seções.

Slideshow

É possível ajustar o estilo do nome das páginas e escolher como o visitante clica para navegar por uma página vinculada. As opções variam de acordo com o template. Use os links abaixo para obter ajuda com os templates das famílias:

Gerenciar seções de índices empilhadas

Nas Páginas Índice empilhadas, você pode mover, adicionar e excluir seções usando a função de Gerenciar seções no painel de Páginas.

Para abrir Gerenciar seções:

  1. Abra o painel "Páginas".
  2. Clique na Página Índice.
  3. Passe o cursor sobre o topo da prévia do site e clique em Gerenciar seções.
7.png

Você verá uma versão sem zoom do seu Índice, que poderá ser usado para navegar mais facilmente pelas seções.

  • Clique e arraste qualquer seção para reorganizá-la.
  • Use os ícones + e - para adicionar ou remover seções.
  • Para voltar ao Painel Páginas, clique em Back (Voltar) no do canto superior esquerdo.

Exibição de outros conteúdos

Para mostrar conteúdo no Índice de um tipo de página não aceito, adicione uma Página de Layout ao Índice. Em seguida, use os métodos a seguir para mostrar o conteúdo nessa Página de Layout:

  • Publicações do blog – Adicione um Bloco de Sumário e conecte-o a uma Página de Blog.
  • Produtos - adicione um Bloco de Sumário e vincule-o a uma Página de Produtos. Você também pode adicionar produtos específicos com o Bloco de Produto.
  • Imagens de galeria - adicione um Bloco de Galeria. Você pode vinculá-lo a uma Página de Galeria existente ou adicionar imagens diretamente a ele. Você também pode adicionar Blocos de Imagem para cada imagem.
  • Eventos - adicione um Bloco de Calendário e vincule-o a uma Página de Eventos.
  • Faixas de álbuns – Adicione Blocos de Áudio e adicione faixas diretamente a eles.

Você também pode usar o Bloco de Arquivo para criar uma lista de novas publicações do blog, imagens de galeria, produtos e eventos.

Dica

Mova páginas de coleção (como uma Página de Blog) para a seção Não Vinculadas para que elas não sejam exibidas na navegação.

Momentum

O template Momentum aceita apenas as páginas de galeria. Para criar um link para outros tipos de conteúdo no site, adicione um link à descrição de uma imagem da galeria; ou adicione páginas à sua navegação principal para que os links apareçam na barra de navegação.

URLs Especiais

Nos templates abaixo, o URL das subpáginas da Página de Layout e de Galeria incluem uma hashtag (#) quando abertas pela Página Índice. Veja um exemplo:

http://www.mydomain.com/#/page-title

Nos templates das seguintes famílias, a versão da página com hashtag tem formatação especial:

  • Avenue - Usa imagens de navegação e links Anterior/Próximo. Cabeçalhos e rodapés de página não são exibidos. as imagens da página da galeria empilham verticalmente
  • Flatiron - Usa imagens de navegação e setas. As páginas de layout exibem títulos e descrições de páginas.
  • Montauk - Usa a navegação de imagens. Banners de página de layout não são exibidos; em vez disso, eles mostram o banner da página de índice.

A versão da página com formatação especial não aparece se não houver nenhuma hashtag. Isso acontece quando:

  • O visitante acessa o URL direto da subpágina (sem hashtag).
  • A subpágina tem uma senha.
  • O visitante abre a subpágina em uma nova aba ou janela.

Como os motores de busca não indexam a versão da URL com hashtag, eles não enxergam o conteúdo duplicado no seu website. Essa é uma prática SEO recomendada. O visitante que chega a uma subpágina pelos resultados de busca cai em uma versão sem formatação especial. Para evitar que essas páginas apareçam na busca, adicione um tag noindex a cada subpágina.

Senhas e Páginas Índice

Você pode usar uma senha de página para que o conteúdo do Índice fique invisível ao público.

Proteja com senha qualquer Página Índice principal nas configurações de página.

A forma de proteger subpáginas com senha depende do estilo do índice:

  • Nas Páginas Índice em grade e em slideshow, adicione uma senha diretamente a cada subpágina.
  • No Índice empilhado, a senha da Página Índice principal protege as subpáginas.

Nas subpáginas protegidas por senha nas Páginas Índice de grade e slideshow:

  • A imagem em destaque da subpágina é exibida normalmente na página de índice principal.
  • Quando um visitante clicar nessa imagem ou acessa a URL direto, ele será solicitado a digitar a senha da página.
  • Formatação especial não aparece nas famílias Avenue, Flatiron e Montauk.

Nas páginas índice empilhadas protegidas por senha:

  • Se o visitante acessar o URL diretamente de uma subpágina, será solicitada a senha da página índice principal.
  • No painel Páginas, o campo "senha" fica oculto nas subpáginas. Para criar uma senha, arraste a página para fora do Índice. Após adicionar a senha a uma página, não é mais possível arrastar a página para o Índice.

Anotação

antes, era possível adicionar uma senha às subpáginas na página índice empilhada. Se a subpágina já tiver senha:

  • A imagem e o conteúdo em destaque da página aparecem no índice.
  • A solicitação de login não aparecerá a menos que o visitante vá para o URL da página direta.
  • Se excluir a senha, o campo de senha desaparecerá.
  • Se arrastar a página para fora do índice, só será possível arrastá-la de volta se a senha for excluída.

SEO e compartilhamento social

Como o índice é uma coleção de páginas, os buscadores e os sites de redes sociais interagem com ele de forma diferente em relação às outras páginas no Squarespace. Saiba mais em "SEO e divulgação da página índice nas redes sociais na versão 7.0".

Replique um índice em outros templates

Se o template não aceitar uma Página Índice ou o estilo da Página Índice desejado, há formas de recriar o visual do Índice em qualquer template:

Footer Image
  • Peça ajuda à nossa comunidade

  • Peça ajuda à nossa comunidade sobre personalizações avançadas.

  • Contrate um Squarespace Expert

  • Ganhe destaque on-line com a ajuda de um designer ou desenvolvedor experiente.