Partes de um site: exemplo explicado (anatomia de um site)

Conheça as partes de um site em um exemplo identificado feito no We.Inc: cabeçalho, navegação, destaque, chamada para ação, serviços, provas, sobre, formulário de contato e rodapé, além de elementos de bastidores como domínio, título e sitemap.

A maioria dos sites de pequenas empresas é formada pelas mesmas oito partes, de cima para baixo: cabeçalho e navegação, destaque, chamada para ação, serviços, provas, sobre, contato e rodapé. Por trás delas, há alguns elementos que os visitantes não veem, como o domínio, o título da página e o sitemap. A seguir, cada parte está identificada em um exemplo de design feito com o We.Inc.

Exemplo de design de site para um escritório de contabilidade feito com We.Inc, com cabeçalho, navegação, título em destaque e botão de chamada para ação
Exemplo de design (não é um cliente real). Os números na lista abaixo correspondem às partes, de cima para baixo na página.

As partes visíveis, de cima para baixo

  1. Cabeçalho. A faixa no topo com o logotipo ou o nome da empresa. Ele aparece em todas as páginas para que os visitantes sempre saibam onde estão.
  2. Navegação (menu). Links para as páginas ou seções principais: Serviços, Sobre, Preços, Contato. Limite o menu a cinco ou sete itens. Em celulares, ele fica recolhido em um botão de menu.
  3. Destaque (hero). A primeira tela: um título que diz o que você faz e para quem, uma frase de apoio curta e, muitas vezes, uma imagem. Os visitantes decidem em segundos se vão continuar no site. Veja exemplos de seções de destaque.
  4. Chamada para ação (CTA). O botão principal, como Agende uma conversa ou Peça um orçamento. Coloque-o na seção de destaque e repita-o perto do final.
  5. Serviços ou recursos. O que você oferece, com um bloco curto para cada item e uma frase sobre o resultado que o cliente obtém.
  6. Provas. Avaliações, exemplos de trabalhos, certificações ou garantias. Use apenas informações reais.
  7. Sobre. Quem está por trás da empresa e por que merece confiança. Veja como escrever uma página Sobre Nós.
  8. Contato. Um formulário, telefone, e-mail e endereço ou área de atendimento. Veja como adicionar um formulário de contato.
  9. Rodapé. A faixa no fim da página: dados de contato novamente, links secundários, política de privacidade e links para redes sociais.

As partes que os visitantes não veem

ParteO que ela faz
DomínioSeu endereço, como suaempresa.com
HospedagemOs computadores que disponibilizam o site aos visitantes
Título e descrição da páginaO que aparece nos resultados do Google e nas abas do navegador
SitemapUma lista das páginas que ajuda os mecanismos de busca a encontrá-las
FaviconO pequeno ícone na aba do navegador
Imagem de compartilhamentoA imagem exibida quando seu link é publicado nas redes sociais

As mesmas partes em páginas de diferentes tamanhos

Um site de uma página reúne todas essas partes em uma única página rolável, e o menu leva a cada seção. Um site com várias páginas dá páginas próprias a serviços, sobre e contato, mas mantém o mesmo cabeçalho e rodapé em todas elas. Um aplicativo web acrescenta acesso por login e armazenamento de dados.

Como incluir todas essas partes no We.Inc

Todos os templates do We.Inc já incluem cabeçalho, navegação, destaque, CTA e rodapé. Os sites publicados também recebem título, sitemap e imagem de compartilhamento. O plano Free permite publicar até 3 sites feitos com templates em um endereço we.inc, sem créditos de IA e sem domínio personalizado. Os planos pagos, a partir de $20 por mês, incluem criação com IA e seu próprio domínio. Explore os templates.

Perguntas frequentes

Quais são as principais partes de um site?

Cabeçalho, navegação, destaque, chamada para ação, serviços, provas, sobre, contato e rodapé, além de elementos ocultos como domínio, hospedagem, títulos das páginas e sitemap.

O que é a seção de destaque de um site?

É a primeira tela que os visitantes veem: um título, uma frase curta de apoio, muitas vezes uma imagem e o botão principal de chamada para ação.

O que colocar no rodapé de um site?

Dados de contato, links secundários como política de privacidade e termos, links para redes sociais e, às vezes, uma repetição curta do menu.

Um site de uma página tem as mesmas partes?

Sim. Ele reúne as mesmas seções em uma única página, com um menu que leva a cada uma em vez de abrir páginas novas.

Comece grátis · Sem cartão de crédito

Product

Who It's For

Features

Resources

Company

View Sitemap