Crie um índice na página do seu blog.

Por que o sumário é importante

Adicionar um sumário ajuda tanto os leitores quanto os mecanismos de busca a entenderem melhor a estrutura do seu conteúdo.

• Melhora a legibilidade: Os leitores podem percorrer rapidamente o seu artigo e ir diretamente para a seção que mais lhes interessa.
• Melhora a experiência do usuário: Especialmente para blogs com textos longos, um sumário mantém o layout organizado e facilita a navegação.
• Melhora o desempenho de SEO: Os mecanismos de busca usam links de âncora em um sumário para entender a hierarquia da sua página, o que pode melhorar suas chances de aparecer em snippets avançados.
• Reduz a taxa de rejeição: Os visitantes tendem a permanecer por mais tempo quando conseguem encontrar facilmente as informações de que precisam.

Como criar um índice no GemPages?

Neste artigo, vamos percorrer os passos para criar um índice suspenso com títulos H2 para a página do seu blog.

Etapa 1: acesse o editor GemPages

• No seu administrador do Shopify, vá para Construtor GemPages > PÁGINAS > Postagem no blog.

• Clique na postagem do blog à qual deseja adicionar um índice.

Se você ainda não criou nenhuma postagem no blog, clique aqui. Crie uma nova página para construir um.

Escolha o Caso de uso para Posts do Blog. Em seguida, você pode começar do zero (um modelo de postagem de blog em branco) para personalização completa ou optar pelo modelo pré-desenhado do GemPages para economizar tempo.

Você será redirecionado para o Editor GemPages.

Passo 2: Adicione um elemento de acordeão à sua página do blog.

Após inserir o texto no editor, utilize a barra de pesquisa para localizá-lo. Elemento Acordeão.

Arraste e solte o elemento na posição desejada em sua postagem de blog.

Clique no elemento para abrir a aba de configurações. Em seguida, clique em gerenciamento de itens Na seção, passe o cursor sobre “Acordeão 2” e “Acordeão 3” e clique em caixa ícone para excluí-los.

Localize o Arccodion 1 e altere seu nome para “Índice”.

Sob o Configurações Na aba, personalize a visibilidade do “Sumário” para que se adeque à sua identidade visual.

Passo 3: Adicione elementos de bloco de texto dentro do acordeão.

Arraste e solte o Elemento de bloco de texto sob o acordeão “Índice”.

Em seguida, altere o texto para que corresponda ao título.

Sob o Configurações Na guia, modifique o estilo do texto, o tamanho, o plano de fundo, etc., conforme preferir.

Após ficar satisfeito, clique no elemento e duplique-o para economizar tempo e esforço. Cada bloco de texto será vinculado a um título de nível 2.

Por exemplo, se tivermos 5 títulos no nível 2, teremos 5 blocos de texto.

Agora, altere cada texto um por um para que corresponda ao título de cada cabeçalho.

Etapa 4: Criar interações para cada título 2

Clique em cada elemento de bloco de texto e navegue até o Guia Avançado, e role para baixo até o Interação seção.

Clique Criar para abrir o Configuração de interação painel na barra lateral esquerda. Em “1. Comece com…seção ” definir Ao para Clique no elemento.

Debaixo de "2. Em seguida, faça o seguinte:”, Clique Selecione o alvo na páginaEm seguida, selecione o título desejado na área de design e escolha o Mudar para Vá para.

Repita os mesmos passos para os blocos de texto restantes, de forma que cada bloco de texto esteja vinculado ao seu respectivo título.

Passo 5: Visualize, salve e publique sua página do blog.

Clique Interação de pré-visualização Para visualizar o seu Sumário.

Após ficar satisfeito, você pode salvar as atualizações e clicar em Publicar Para republicar sua postagem de blog com um índice.

Resultados: