Como estruturar um site: hierarquia de páginas, estrutura de URLs, links internos e sites rasos ou profundos, com cinco diagramas de mapa de site para uma empresa de telhados, restaurante, clínica, escritório de advocacia e loja virtual, cada um derivado de um design de template do We.Inc.
A estrutura de um site define como suas páginas são organizadas e interligadas: qual página fica abaixo de qual, como são os endereços (URLs) e como visitantes e mecanismos de busca se movem entre elas. Uma boa estrutura permite que qualquer pessoa chegue a qualquer página em dois ou três cliques e que cada página tenha uma função clara. A seguir, as regras e cinco exemplos de mapas de site, cada um derivado das seções de um design de template do We.Inc (não é um site de cliente).
| Parte | O que significa | Regra geral |
|---|---|---|
| Hierarquia | Quais páginas são de nível superior e quais ficam abaixo delas. | Cinco a sete páginas de nível superior no menu principal. |
| Estrutura de URL | O endereço de cada página. | Curto, em letras minúsculas, com hífens e espelhando a hierarquia: /servicos/reparo-de-telhado. |
| Links internos | Links de uma página do seu site para outra. | Cada página linka para sua página pai e para páginas relacionadas. Nenhuma página deve ficar sem links apontando para ela. |
| Profundidade | Quantos cliques da página inicial até uma página. | Páginas importantes a no máximo três cliques. |
Um site raso mantém quase todas as páginas a um clique da página inicial. Um site profundo aninha páginas em vários níveis (início, categoria, subcategoria, item).
Cada template abaixo é entregue como uma única página longa cujos links de menu saltam para seções. Isso é um bom começo. Quando uma seção cresce (mais serviços, mais itens no cardápio, mais advogados) ou você quer que ela apareça nos resultados de busca por seus próprios termos, promova-a para uma página própria. Os diagramas mostram essa versão promovida. Itens entre [colchetes] são marcadores de posição.
Derivado das seções do template Ironpeak Roofing: serviços, materiais, sinistros por tempestade, avaliações, inspeção gratuita.
//servicos/servicos/substituicao-de-telhado/servicos/reparo-de-telhado/servicos/calhas/danos-por-tempestade/materiais/avaliacoes/areas/areas/cidade-a/areas/cidade-b/inspecao-gratuitaPor que esse formato: cada serviço tem sua própria página para corresponder à sua própria busca ("reparo de telhado [cidade]"). Páginas de área de atendimento só justificam sua existência com detalhes locais reais (trabalhos realizados lá, tempos de deslocamento); cópias apenas com o nome da cidade trocado são conteúdo raso. A página de inspeção gratuita fica no cabeçalho de todas as páginas. Saiba mais em SEO para empresas de telhados.
Derivado do template Azafran: o ambiente, o cardápio, reservas, como nos encontrar.
//cardapio/cardapio/jantar/cardapio/bebidas/sobre/eventos-privados/reservas/visitaPor que esse formato: raso. Os visitantes querem o cardápio, os horários e uma reserva, normalmente pelo celular. Coloque o cardápio em texto HTML e não apenas em PDF, para que possa ser lido e indexado. Veja SEO para restaurantes e como criar um site para restaurante.
Derivado do template Verdant Family Health: nossos atendimentos, conheça a equipe, como nos visitar, agende.
//servicos/servicos/consultas/servicos/doencas-cronicas/servicos/criancas/equipe/equipe/nome-do-medico/novos-pacientes/visita/agendamentoPor que esse formato: uma página separada para "Novos pacientes" responde às dúvidas de quem vai pela primeira vez (formulários, plano de saúde, o que trazer) sem sobrecarregar a página inicial. Cada página de profissional linka para os serviços que oferece, e cada página de serviço linka de volta para quem o realiza. Veja SEO para dentistas.
Derivado do template Sterling & Vance LLP: áreas de atuação, advogados, resultados, contato.
//areas-de-atuacao/areas-de-atuacao/litigios-comerciais/areas-de-atuacao/direito-trabalhista/areas-de-atuacao/direito-imobiliario/advogados/advogados/nome-do-socio/resultados/blog/blog/slug-do-artigo/contatoPor que esse formato: um dos exemplos mais profundos. As pessoas buscam pelo problema jurídico, portanto cada área de atuação tem sua própria página, e cada perfil de advogado linka para suas áreas. Uma seção de artigos (blog) é opcional; adicione-a somente se for publicar regularmente. Veja SEO para advogados.
Derivado do template Cellar & Rowan: loja, nosso artesanato, materiais, revendedores, carrinho.
//loja/loja/velas/loja/velas/nome-do-produto/loja/ceramica/loja/despensa/sobre/revendedores/blog/frete-e-devolucoes/carrinhoPor que esse formato: o mais profundo dos cinco: início, categoria, produto. As páginas de categoria são onde a navegação e a busca acontecem. Mantenha cada produto em uma única URL mesmo que apareça em duas categorias, e ligue as páginas de política no rodapé e no checkout. Veja como criar uma loja virtual.
Em seguida, escolha um layout para cada tipo de página em exemplos de layout de site e confira os menus em exemplos de navegação.
Comece por um template próximo ao seu negócio. O plano gratuito oferece até 3 sites de template em um endereço we.inc (sem créditos de IA, sem domínio próprio). No Starter ($20/mês) você pode pedir ao criador com IA para adicionar páginas, como "adicione uma página para cada serviço com seu próprio endereço", e conectar seu próprio domínio; o Pro é $50 e o Max é $99 por mês (preços). O guia de design de site otimizado para SEO cobre o lado das páginas.
A forma como as páginas de um site são organizadas e interligadas: a hierarquia de páginas, a URL de cada página e os links internos entre elas.
Geralmente rasa: uma página inicial, cinco a sete páginas de nível superior e páginas separadas para cada serviço principal, todas a no máximo dois ou três cliques.
Rasa para sites pequenos; um pouco mais profunda (início, categoria, item) para lojas, listagens ou empresas com muitos serviços. Mantenha as páginas importantes a no máximo três cliques.
Palavras curtas em letras minúsculas separadas por hífens que espelham a hierarquia, como /servicos/reparo-de-telhado. Não altere URLs que já recebem visitas sem um redirecionamento 301.
Sim. Uma hierarquia clara e links internos ajudam os mecanismos de busca a encontrar e entender cada página, e permitem que cada página direcione sua própria busca.
Não. Eles são derivados das seções dos designs de templates do We.Inc, como exemplos de estrutura.
Comece grátis · Sem cartão de crédito