Melhores práticas de estrutura do site

Publicados: 2020-12-17

Os sites são essencialmente recursos informativos publicados para as pessoas usarem. Da mesma forma que os livros, eles podem ser pequenos ou extensos em seu volume. Mas, ao contrário dos livros, o conteúdo de um site pode ser estruturado de várias maneiras, fazendo uso da liberdade de expressão e design.

Ao mesmo tempo, os sites precisam seguir as melhores práticas de experiência do usuário do setor e hábitos e expectativas do usuário, portanto, a liberdade é bastante limitada. A estrutura do site é fundamental para o acesso e uso das informações pelo público-alvo. Portanto, ele deve ser construído de acordo com um grande número de regras.

Por que a estrutura do site é importante?

A estrutura de um site da Web refere-se a como o site é construído, como todas as suas subpáginas estão vinculadas umas às outras e qual hierarquia é seguida. Uma boa estrutura tornará a localização das informações intuitiva e fácil de usar.

Quando os designers criam uma estrutura de site, eles precisam pensar em como os visitantes usarão um site e navegarão por seu conteúdo. O foco muda do que publicar para como e por quê .

A estrutura do site é um conceito fundamental de três pontos de vista principais: os objetivos do proprietário da empresa, as experiências dos visitantes do site, que se beneficiam disso, e os mecanismos de pesquisa que rastreiam, classificam e veiculam conteúdo para os usuários certos.

Como funciona uma boa estrutura de site

Quando as informações de um site são bem estruturadas e apoiadas por um design relevante, todos ficam felizes - o dono do site, os usuários e os motores de busca.

Veja como funciona uma boa estrutura:

Suporta os objetivos do proprietário da empresa e aumenta os resultados esperados

Ao investir em um site, você deve definir metas claras para seu desempenho. Esses objetivos devem ser integrados e expressos pela estrutura do site.

Por exemplo, se você deseja focar no blog e nos recursos publicados, você precisa incluir os melhores artigos na página inicial e tornar as seções de recursos em destaque no menu. Você também pode decidir definir a página inicial para abrir nas últimas postagens do blog - o que é uma opção típica do WordPress, usada por editores digitais e blogueiros.

Configuração de leitura do painel de administração do WordPress

Painel de administração do WordPress, configurações de leitura - escolha da página inicial como uma página estática e página de blog

Melhora a experiência do usuário

A estrutura do site influencia de perto a experiência do usuário em um site. Quando as informações são estruturadas de maneira lógica e tudo é intuitivamente acessível, os usuários movem-se continuamente pelo conteúdo para encontrar e usar o que procuram.

Melhora o seu SEO otimizando o rastreamento dos robôs

Os mecanismos de pesquisa (Google) operam com ferramentas que rastreiam o conteúdo do site e o classificam para os usuários. Sites amigáveis ​​para rastreadores têm uma boa estrutura e, portanto, são classificados em posições mais altas pelos mecanismos.

XX Melhores Práticas de Estrutura de Site

Sem uma visão clara de como planejar um site e construir sua estrutura, não é possível fazer web design e desenvolvimento.

As seguintes boas práticas incluem as perspectivas e benefícios descritos acima ao abordar o planejamento do site.

Dicas de design de sites: como intensificar seu jogo em web design

1. Defina suas metas de negócios e públicos-alvo

Seu site é um instrumento ao serviço do seu negócio. Planejar quais informações você publicará nele e com que freqüência irá atualizá-lo é fundamental para a estrutura do site. Você precisa decidir sobre quais produtos ou serviços irá apresentar e vender no site.

Com base em suas metas e objetivos de comunicação, você pode escolher entre duas abordagens básicas:

  • Design centrado no usuário - onde todas as informações são categorizadas e estruturadas para seus grupos de usuários-alvo. Essa abordagem é obrigatória para grandes empresas como telecomunicações ou instituições, atendendo milhões de pessoas, onde os usuários precisam encontrar sua própria categoria e as informações sob medida para suas necessidades.
a seção Enterprise

ATT.com abre diretamente na seção “Pessoal”, mas também tem uma para Pequenas Empresas e Empresas; nesta imagem - a seção Enterprise selecionada

Leia mais: Infográfico: Como desenvolver conceitos de WordPress centrados no usuário

  • Design centrado na empresa ou no produto - Esses sites são construídos para apresentar o próprio proprietário da empresa e / ou seus produtos. Eles também podem incluir seções e páginas, visando grupos específicos de usuários, mas a marca ainda é o foco principal.
Estrutura do site IMDB.com

A estrutura do site IMDB.com é focada na produção: filmes, programas de TV e celebridades

2. Faça uma pesquisa de concorrentes

Ao projetar seu site, há vários motivos para pesquisar os concorrentes. Um deles é inspecionar como seus sites estão estruturados.

Quando a estrutura do site é o foco, você pode pesquisar o layout da página inicial de seus concorrentes, como eles agrupam e apresentam seus serviços, qual é a hierarquia das páginas internas, como a navegação é organizada e qual é o fluxo de comportamento do usuário.

De uma perspectiva de SEO, a pesquisa do concorrente o ajudará a descobrir quais palavras-chave relacionadas ao setor usar para nomes de páginas principais e URLs, categorias, seções e navegação de seu próprio site.

Como usar a pesquisa da concorrência para aprimorar sua estratégia de marketing

3. Faça um inventário de todo o seu conteúdo

Para poder estruturar seu conteúdo, você precisa primeiro descrever o que deseja publicar no site. Quando você tiver tudo disponível, é apenas uma questão de agrupar em categorias e selecionar os rótulos adequados.

Se este for um novo site, você pode fazer uma lista do que precisa publicar nele. Não se esqueça de adicionar uma nota de quem será o responsável pela produção do conteúdo e com que frequência ele será criado e atualizado.

Ao redesenhar um site, auditar seu conteúdo também é um dos primeiros passos a serem dados.

Como realizar a reformulação do site com uma abordagem que prioriza o conteúdo

4. Decidir sobre os tipos de postagem

Post Types é um termo usado para se referir a diferentes tipos de conteúdo do site WordPress. Cada tipo de postagem geralmente está associado a um design de página, campos personalizados e funcionalidades diferentes.

Tipo de postagem do portfólio DevriX

DevriX está usando um tipo de postagem de portfólio para publicar estudos de caso para clientes

Por padrão, o WordPress tem dois tipos principais de postagem - Páginas e Postagens - que vem de quando o CMS era apenas uma plataforma de blog, onde os blogs precisavam ter várias páginas “estáticas” para o conteúdo mais permanente e postagens de blog para notícias e atualizações.

Qualquer que seja a finalidade do seu site, você precisará fazer uso desses dois tipos básicos de postagem. Portanto, depois de coletar e descrever todo o conteúdo que deseja e precisa publicar em seu site, divida-o em dois tipos:

  • Para páginas - a parte mais permanente, conservadora ou perene, em que as informações não mudam regularmente, como o que você faz, quais são seus principais serviços e por que você está no negócio - a maioria não é sensível ao tempo.
  • Para Postagens - A parte dinâmica como notícias, postagens de blog, white papers, pesquisas, etc. ou qualquer conteúdo que inclua informações atuais e seja continuamente produzido no futuro.

Você pode descobrir que precisa de mais tipos de postagem, como portfólios, depoimentos, projetos . A boa notícia é que existem vários plug-ins para criar tipos de postagem personalizados no WordPress e alguns temas incluem uma variedade. Além disso, nas versões posteriores, o WordPress habilitou o registro de tipos de postagem personalizados.

Quando você tiver finalizado a seleção do tipo de postagem de que precisa, será muito mais fácil estruturar seu site para incluí-los.

Páginas WordPress vs Postagens WordPress, senso comum e SEO

5. Crie uma jornada do comprador e casos de uso

A jornada do comprador em um site é o processo pelo qual os usuários passam desde a primeira visita até o momento em que compram um produto ou serviço no site. A estrutura do site deve ser baseada neste processo de compra e, assim, tornar mais fácil para os usuários encontrarem o que precisam e passar para a próxima etapa.

O caminho de conversão: defina a jornada do usuário em seu site

Casos de uso são um conceito fundamental em Usabilidade. Eles são descrições escritas de como os visitantes usarão seu site. Para descrever cada caso de uso, você deve listar uma sequência de etapas simples, com base na intenção do usuário e terminando quando a meta for alcançada.

Ao decidir a estrutura do site, você precisa escrever os casos de uso para todos os seus grupos-alvo. Isso lhe dará uma visão clara do comportamento do usuário em seu site para que sua estrutura possa suportá-lo. Essa é a melhor forma de planejar as funcionalidades do seu site também.

O site MVP: Tudo o que você precisa saber + Infográfico

6. Faça a pesquisa de palavra-chave primária

Depois de construir o site, você poderá adicionar tanto conteúdo quanto desejar.

Mas no processo de planejamento do site - ou redesenho - é de extrema importância que a estrutura do site seja construída usando as palavras-chave mais significativas e relevantes que você deseja classificar.

Você vai chamar seus serviços de “Produtos” ou “Soluções”? Precisa de uma seção “Marcas” na sua loja online?

Certifique-se de incluir os termos mais populares relevantes para o que você faz. Use palavras e expressões que estarão no centro de sua estratégia de marketing de SEO nos próximos anos.

Existem muitas ferramentas, gratuitas e pagas, e tutoriais sobre como fazer a pesquisa de palavras-chave primárias para um site. Combine-os com sabedoria e comece com as escolhas de bom senso.

Pesquisa de palavras-chave para SEO feita da maneira certa

7. Faça uso de taxonomias

A taxonomia é um sistema usado para classificar o conteúdo publicado. É a estratégia de adicionar rótulos e termos descritivos ao que você publica. As taxonomias são usadas para agrupar tipos semelhantes de conteúdo e definir as relações e semelhanças entre esses grupos.

No WordPress, taxonomias são adicionadas aos tipos de postagem. Existem categorias , que podem ser hierárquicas, e tags , que são rótulos independentes. Eles criam um sistema de classificação para os tipos de postagem que torna mais fácil para os usuários encontrarem o conteúdo que procuram.

Publicar categorias no site DevriX

Publicar categorias no site DevriX

Os mecanismos de pesquisa também usam taxonomias, pois ajudam a classificar e classificar o conteúdo de maneira relevante. Depois de finalizar as palavras-chave que deseja classificar e os tipos de postagem que as usarão, basta adicionar as palavras-chave selecionadas como taxonomias - categorias e tags.

Com o WordPress, as taxonomias não são obrigatórias. Mas eles podem ser adicionados aos menus do site, por isso estão intimamente associados à estrutura do site. Por exemplo, o blog DevriX possui um submenu para artigos, baseado em 3 categorias principais: Negócios, Marketing e Desenvolvimento:

8. Crie uma navegação simples e lógica

A estrutura do site é visualizada em seu design principalmente pelo menu. As prioridades do seu negócio devem ser implementadas na estrutura do menu e apresentar o seu melhor conteúdo.

As páginas e categorias incluídas nos menus podem ter subordinados ou ser criadas iguais, sem hierarquia. O número de links em cada nível é denominado amplitude do menu e o número de níveis é denominado profundidade do menu.

Quando se trata da amplitude e profundidade do menu, existem algumas regras simples a seguir.

  • Não use muitas categorias horizontais - vá para 7 a 8 no máximo;
  • Não torne isso muito profundo - a subordinação não deve cair por mais de 3 níveis
  • Mantenha-o simétrico e equilibrado - se houver muitas subpáginas em uma seção e apenas algumas em outra, toda a estrutura pode estar errada.

Um site de negócios típico deve usar uma navegação simples e previsível, localizada em um local padrão. Em um site WordPress, alguns temas permitem dois ou mais locais de menu , com a opção de escolher páginas e links diferentes para cada um deles. Recomenda-se adicionar um menu no rodapé do site e manter a navegação da barra lateral separada.

Menus de edição WP

As opções do menu de edição do WordPress podem incluir páginas, postagens, outros tipos de postagens, links personalizados, categorias

9. Decidir sobre a estrutura de URL e permalinks do site

A estrutura de URL com WordPress é predefinida nas configurações.

Depois de fazer sua pesquisa de palavras-chave corretamente, criar taxonomias e decidir a hierarquia do menu, será fácil finalizar os permalinks. Suas palavras-chave e taxonomias mais importantes precisam ir para os URLs para torná-los mais fortes para SEO.

Aqui estão algumas boas práticas para a estrutura de URL em um site WordPress:

  • Use uma estrutura de permalink que combine o nome da postagem com o domínio, como este: https://yourwebsite.com/ post-name
  • Por padrão, o WordPress criará um link permanente para suas páginas e postagens, incluindo todas as palavras de seus títulos. No entanto, eles podem ser muito longos e conter palavras sem importância, portanto, edite-os.
  • Para classificar melhor suas páginas no Google, mantenha os permalinks com cerca de 60 caracteres.
  • Sempre que possível, crie URLs mais curtos, mantendo as palavras-chave mais importantes do título - isso também ajuda os mecanismos de pesquisa a indexar suas páginas.
  • Remova todas as palavras irrelevantes, como conjunções e pronomes.
  • Use hifens para separar as palavras nos permalinks para ajudar os usuários e os mecanismos de pesquisa a ver do que trata a página.
Configurações de permalinks do WordPress

Estrutura de links permanentes / URL nas opções do WordPress - o tipo de nome de postagem geralmente é o mais preferido, pois inclui palavras-chave

10. Adicione um Sitemap para o site

O mapa do site do seu site é um arquivo que inclui todas as páginas do seu site e mídia publicada e mostra como elas estão relacionadas. Ele serve ao Google e a outros mecanismos de pesquisa como um roteiro para o seu conteúdo e os ajuda a rastrear e categorizá-lo de maneira mais rápida e inteligente.

O mapa do site não é obrigatório, mas é altamente recomendado, especialmente para sites complexos. O arquivo também precisa ser gerado e atualizado automaticamente.

Existem muitas ferramentas para ajudá-lo a criar e adicionar um mapa do site ao seu site WordPress, incluindo plug-ins. No entanto, com a versão mais recente do WordPress 5.5. Os sitemaps XML são habilitados por padrão e os usuários também podem vê-los.

Se você tiver alguma dúvida sobre a estrutura do seu site e o que os motores de busca e as pessoas veem ao navegar por ele, verifique o mapa do seu site.

Página de mapa do site ATT

O mapa do site ATT.com - criado como uma página interna para corresponder ao design

Planejando a hierarquia do seu site

Depois de concluir todas as tarefas acima, finalizar a estrutura do site será fácil e rápido. Aqui estão alguns tipos genéricos de estruturas de site a serem considerados ao fazer sua escolha final:

Um site hierárquico significa que algumas páginas são subordinadas a outras e que a estrutura se assemelha a uma árvore. Em um site típico, a página inicial está no topo. A partir dele, você navega para outras páginas no menu principal, que podem conter subpáginas.

Uma estrutura de site não hierárquica significa que não há páginas subordinadas. Quando não há muito conteúdo e apenas várias páginas, elas podem ser todas iguais e exibidas horizontalmente no menu principal.

agência nika sem site de hierarquia

Exemplo de site sem hierarquia - Agência Nika - embora este site tenha uma seção de portfólio, as páginas de projetos não são subpáginas, por exemplo https://nika.agency/ apothe-pure-details .html

Sites de uma única página são outro bom exemplo de estruturas sem hierarquia. Não há páginas pai / filho simplesmente porque tudo é publicado em uma página. O design de página única é uma boa solução para sites de eventos e promocionais com vida curta, páginas teaser ou um negócio que precisa de uma representação muito breve semelhante a um cartão de visita.

GlobeKit página única site de serviço único

GlobeKit é um site de serviço único que permite aos desenvolvedores trazer rapidamente globos animados e interativos para a web. É composto por 6 seções, todas localizadas na página inicial com navegação animada interativa (scroll).

Existem tipos menos populares de estruturas de sites, como Sequencial, Matriz e Banco de Dados. Como você deve ter adivinhado pelos nomes deles

  • o modelo Sequencial envolve os usuários em uma sequência de etapas
  • a Matrix permite que os usuários escolham sua própria maneira de navegar no conteúdo do site
  • o banco de dados é construído sobre um banco de dados e usa seus atributos para pesquisar e produzir a experiência do usuário.

Pensamentos finais

A estrutura genérica de um site de negócios deve ser limpa, simples e lógica. Projetar a estrutura é um processo fundamental no design e desenvolvimento de um site. Seguir as boas práticas mencionadas acima ajudará a garantir que você leve em consideração todos os fatores importantes para tornar a estrutura de seu site relevante para seus objetivos de negócios e grupos-alvo.