Como criar um sumário no WordPress

Publicados: 2023-02-12

A experiência do usuário (UX) do visitante deve ser muito importante para você como proprietário ou desenvolvedor de um site. No entanto, pode ser difícil saber se você cobriu todas as suas bases e o que mais deve incorporar em seu site.

Um elemento que muitas vezes é esquecido é um sumário (TOC) para o seu conteúdo de formato longo. A adição de um índice a cada uma de suas postagens não apenas permite que os leitores encontrem as seções exatas em que estão interessados, mas também faz com que seu conteúdo pareça mais organizado.

Nesta postagem, apresentaremos as várias opções para criar um índice do WordPress (incluindo plug-ins, códigos de acesso e HTML). Em seguida, descreveremos dois estilos populares e como você pode alcançá-los. Vamos começar!

Índice
1. Por que devo incluir um sumário no meu site WordPress?
2. Adicionando um sumário usando plug-ins
3. Adicionando um sumário usando códigos de acesso
4. Como criar um sumário no WordPress sem um plug-in
4.1. Criando um sumário com HTML
4.2. Usando modelos de página de arquivos e links para TOC
5. Estilos de índice
5.1. Índice Flutuante
5.2. Índice Barra lateral
6. Personalize seu site com o WP Engine

Por que devo incluir um sumário no meu site WordPress?

Embora um sumário possa parecer supérfluo para uma postagem de blog, ele pode, na verdade, ajudar muito a melhorar a experiência do usuário do seu site. A maioria dos leitores chega ao seu conteúdo buscando respostas para perguntas específicas. Um sumário permite que eles pulem facilmente para as informações mais relevantes para eles, em vez de exigir que eles rolem e naveguem para encontrar o que precisam.

Além disso, um TOC pode melhorar a otimização de mecanismo de pesquisa (SEO) de suas postagens. Esses links úteis são um local fácil para incorporar suas palavras-chave, que são um fator de classificação muito importante.

Além de aumentar sua densidade de palavras-chave, ter um TOC em sua postagem pode aumentar suas chances de obter um snippet em destaque no Google. Este é o pequeno trecho que aparece acima da lista principal de resultados para algumas pesquisas:

Conseguir um snippet em destaque não é uma ciência exata. No entanto, listas (como sumários) geralmente são exibidas, porque podem comunicar respostas às perguntas dos pesquisadores de maneira clara e concisa.

Adicionando um sumário usando plug-ins

Os plug-ins são uma maneira perfeita de estender a funcionalidade do WordPress. Existem várias soluções disponíveis que fornecem uma maneira fácil de adicionar um TOC do WordPress às ​​postagens do seu site.

Nosso plugin de sumário favorito do WordPress é o Fixed TOC. Você também pode usar outros plugins em conjunto com ele, como Q2W3 Fixed Widget, para otimizar ainda mais os TOCs em seu site.

A instalação de um plug-in é simples. Tudo o que tem a fazer é:

  1. Navegue até Plugins > Adicionar novo no painel do WordPress.
  2. Carregue o arquivo .zip do plug-in (gratuito ou premium) ou instale-o a partir do diretório de plug-ins (somente plug-ins gratuitos).

Depois de instalado e ativado, você terá acesso total à variedade de funcionalidades oferecidas por esse plug-in específico. A partir daí, o processo irá variar de acordo com a ferramenta que você escolheu.

Por exemplo, veja como criar um TOC depois de instalar o Fixed TOC:

  1. Navegue até Configurações > TOC Fixo.
  2. Na guia Geral , selecione a quais tipos de postagem você deseja aplicar um sumário, quais níveis de cabeçalho incluir e onde deseja que seu sumário seja localizado.
  3. Na guia Cor , escolha o esquema de cores para o sumário.

O plug-in adicionará automaticamente um sumário a cada uma das postagens relevantes e usará os cabeçalhos existentes para criar links de salto.

Adicionando um sumário usando códigos de acesso

Juntamente com os plug-ins do índice do WordPress, você pode usar códigos de acesso para controlar ainda mais como o seu índice do WordPress é exibido. Esses são pequenos trechos de código que você pode colar no editor, permitindo exibir conteúdo personalizado praticamente em qualquer lugar da página.

Os códigos de acesso facilitam a adição de um índice às suas postagens, páginas, barra lateral e widgets. Veja como:

  1. Baixe um plug-in TOC que usa códigos de acesso ou use um plug-in sem códigos de acesso em conjunto com uma solução como o Shortcoder.
  2. Encontre os códigos de acesso oferecidos pelo plug-in ou crie-os usando o Shortcoder.
  3. Copie os códigos de acesso e cole-os onde quiser no WordPress (em uma postagem de blog, por exemplo). O Shortcoder oferece códigos de acesso fáceis para o índice, facilitando adicioná-los ao seu site.

A beleza dos códigos de acesso é o quão versátil seu posicionamento pode ser. Você pode adicioná-los à parte superior, intermediária ou inferior de suas páginas e postagens ou até mesmo em um widget da barra lateral.

Como criar um sumário no WordPress sem um plug-in

Embora os plug-ins sejam a maneira mais simples de criar um sumário no WordPress, você também pode adicionar um manualmente. Aqui estão dois métodos para fazer isso.

Criando um sumário com HTML  

Embora o HTML possa ser intimidador, criar um TOC com código é, na verdade, uma ótima opção para quem precisa de uma solução simples para seu site. Para fazer isso, você inserirá uma tabela no WordPress e incluirá links de favoritos para páginas específicas.

Esta é de longe a opção manual mais simples – sem frescuras ou volume. Claro, você pode fazer tudo se quiser, incorporando várias cores, vários estilos de fonte e títulos e muito mais. Você está limitado apenas por sua própria criatividade e conhecimento de HTML.

Usando modelos de página de arquivos e links para TOC

Os TOCs nem sempre precisam estar localizados em postagens e páginas individuais. Em vez disso, você pode criar um sumário 'mestre' usando modelos do WordPress. Esses são designs de página predefinidos, que permitem criar páginas dedicadas para elementos do site, como arquivos e links.

Essas páginas podem ser usadas em seu site como TOCs 'mestres', direcionando os usuários para o conteúdo exato que estão procurando. Por exemplo, veja a página Arquivos de Leaving Work Behind:

Os modelos para essas páginas são geralmente denominados archives.php e links.php (embora você possa renomeá-los). Embora alguns temas incluam essas páginas, nem todos o fazem. No entanto, você pode criar o seu próprio com muito pouco conhecimento de codificação necessário.

Estilos de índice

O estilo do seu sumário desempenha um papel importante em quão bem ele aprimora o UX dos visitantes. Com isso em mente, vamos ver os dois estilos mais populares para sumários do WordPress.

Índice Flutuante

Um TOC flutuante é um widget que permanece fixo na lateral da página. Implementá-lo requer duas etapas. Primeiro, você precisará configurar um sumário do WordPress e adicioná-lo ao seu site WordPress como um widget (usando um dos métodos anteriores).

Feito isso, você pode usar o plug-in Q2W3 Fixed Widget (ou uma solução semelhante) para manter o widget TOC 'preso' na lateral da página. Com este plugin instalado, volte para a área de Widgets do seu site e abra o widget TOC. Em seguida, ative a caixa de seleção Widget fixo :

sumário flutuante para wordpress

Depois que essa opção for habilitada, o sumário não desaparecerá mais da exibição da página conforme o usuário rolar a tela para baixo. Em vez disso, ele rolará junto com o conteúdo da página, para que esteja sempre presente. Este também é o estilo padrão implementado pelo plugin Fixed TOC que mencionamos anteriormente.

Índice Barra lateral

Semelhante ao sumário flutuante, neste método uma barra lateral é exibida à direita ou à esquerda de sua página da web. No entanto, em vez de rolar junto com o usuário, a barra lateral TOC permanece em uma posição fixa (como a do WPBeginner):

barra lateral do índice para wordpress

A barra lateral TOC é muito fácil de criar. Basta adicionar um widget TOC, se possível, ou incluir um shortcode em um widget de barra lateral existente. Seu TOC do WordPress aparecerá como um aspecto fixo da barra lateral.

Personalize seu site com o WP Engine

Oferecer a UX da mais alta qualidade aos usuários do seu site fará com que eles voltem para obter mais conteúdo. Além de ensinar vários métodos para incorporar um sumário do WordPress em suas postagens e páginas, nossos recursos têm muitas dicas e truques valiosos para aprimorar seu site.

Também oferecemos suporte excelente 24 horas por dia, 7 dias por semana, e nossa variedade de planos de hospedagem garantirá que você encontre um que atenda às suas necessidades. Confira-os hoje!