A maioria dos sites WordPress não tem uma única página que lista tudo em um só lugar, então os visitantes precisam depender de menus ou da pesquisa para encontrar o conteúdo certo.
Um sitemap HTML corrige isso, colocando todo o seu conteúdo importante em uma página. Neste guia, mostraremos como criar um com um plugin e sem trechos de código.
Qual é a Diferença Entre Sitemaps XML e HTML?
Um sitemap XML é um arquivo que lista todo o conteúdo do seu site em um formato que mecanismos de busca como o Google podem ler. Você pode enviá-lo no Google Search Console para ajudar os mecanismos de busca a encontrar e rastrear suas páginas mais rapidamente.
Um sitemap HTML funciona de forma diferente. Pense nele como um painel de diretório em um shopping center.
Em vez de guiar os mecanismos de busca, ele guia seus visitantes, listando seus posts e páginas em uma página organizada para que as pessoas possam encontrar rapidamente o que vieram buscar.
Agora que você sabe a diferença, vamos ver como adicionar um sitemap HTML ao seu site WordPress. Você pode usar os links rápidos abaixo para pular direto para o método que deseja usar:
Método 1: Adicionar uma página de Sitemap HTML no WordPress com All in One SEO
Usar um plugin de SEO para WordPress, como o plugin gratuito All in One SEO, é a maneira mais fácil de adicionar uma página de sitemap HTML em alguns cliques.
Como o plugin já cuida do seu sitemap XML e das configurações principais de SEO, você pode gerenciar ambos no mesmo lugar em vez de instalar uma ferramenta separada apenas para isso.
Primeiro, você precisa instalar e ativar o plugin. Após a ativação, o assistente de configuração será aberto, onde você pode clicar no botão ‘Vamos Começar’.
Se você quiser um guia completo de cada configuração, veja nosso guia sobre como configurar o All in One SEO para WordPress.
Depois de terminar, vá para All in One SEO » Sitemaps e clique na aba ‘HTML Sitemap’. Em seguida, ative o botão ‘Enable Sitemap’.
Em seguida, escolha como você deseja exibir seu sitemap. Para este tutorial, selecionaremos a opção ‘Dedicated Page’. Alternativamente, você pode adicioná-lo como um shortcode, bloco ou widget.
Depois de fazer isso, insira o URL onde você deseja que seu sitemap apareça, e o plugin criará automaticamente essa página para você.
Observação: Como o All in One SEO cria esta página dinamicamente, ela não aparecerá na sua lista de páginas na área de administração do WordPress. Você sempre pode voltar a esta tela de configurações para fazer alterações.
Em seguida, role para baixo até a seção ‘HTML Sitemap Settings’. Aqui, você pode escolher quais tipos de post e taxonomias, como categorias e tags, aparecem no seu sitemap.
Se você quiser mais controle, as ‘Advanced Settings’ permitem excluir posts, páginas ou termos específicos da lista.
Você também pode ativar ‘Compact Archives‘ se preferir exibir seu sitemap como um arquivo de data compactado em vez de uma lista completa. Depois de ficar satisfeito com suas configurações, clique em ‘Save Changes.’
Seu sitemap HTML está no ar. Se você escolheu a opção ‘Página Dedicada’, pode visualizá-lo clicando no botão ‘Abrir Sitemap HTML’.
Método 2: Adicionar Página de Sitemap HTML no WordPress Com Código
Se você não quiser usar o All in One SEO porque não precisa de todos os seus outros recursos, pode criar um sitemap HTML adicionando código personalizado ao arquivo functions.php do seu tema filho.
No entanto, o menor erro pode quebrar todo o seu site e causar a tela branca da morte do WordPress.
É por isso que recomendamos o uso de um plugin de snippets de código como o WPCode. Sua versão gratuita permite adicionar e gerenciar seu código com segurança sem tocar nos arquivos do seu tema.
A primeira coisa que você precisa fazer é instalar e ativar o plugin WPCode. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.
Depois de ativado, vá para Code Snippets » + Add Snippet no seu painel do WordPress. Passe o mouse sobre ‘Add Your Custom Code (New Snippet)’ e clique em ‘Use snippet.’
Na nova tela, selecione ‘PHP Snippet’ como o tipo de código e dê um título ao seu snippet para que você possa encontrá-lo mais tarde. Pode ser algo como ‘HTML Sitemap’.
Em seguida, cole o seguinte código na caixa ‘Code Preview’.
function custom_html_sitemap() {
$out = '<ul class="custom-sitemap">';
// Pages
$pages = get_pages(
array(
'sort_column' => 'menu_order,post_title',
'post_status' => 'publish',
)
);
foreach ( $pages as $page ) {
$out .= sprintf(
'<li><a href="%s">%s</a></li>',
esc_url( get_permalink( $page->ID ) ),
esc_html( get_the_title( $page->ID ) )
);
}
// Recent posts
$recent_posts = get_posts(
array(
'posts_per_page' => 50,
'post_status' => 'publish',
'orderby' => 'date',
'order' => 'DESC',
'post_type' => 'post',
'ignore_sticky_posts' => true,
)
);
foreach ( $recent_posts as $p ) {
$out .= sprintf(
'<li><a href="%s">%s</a></li>',
esc_url( get_permalink( $p->ID ) ),
esc_html( get_the_title( $p->ID ) )
);
}
$out .= '</ul>';
return $out;
}
add_shortcode( 'custom_html_sitemap', 'custom_html_sitemap' );
Este código lista primeiro todas as suas páginas publicadas, depois seus 50 posts mais recentes e envolve tudo em um shortcode chamado [custom_html_sitemap] que você pode colocar em qualquer página.
Quando terminar, mude o interruptor no topo de ‘Inactive’ para ‘Active’ e clique em ‘Save Snippet.’
Agora, crie uma nova página indo para Pages » Add New, ou abra uma página existente onde você deseja que seu sitemap seja exibido. Adicione um bloco ‘Shortcode’ e cole o seguinte shortcode nele:
[custom_html_sitemap]
Assim que você publicar a página, seus visitantes verão uma lista simples de suas páginas e posts recentes, todos vinculados e prontos para navegação.
Perguntas Frequentes sobre Sitemap HTML
Um sitemap HTML é bom para SEO?
Sim. Um sitemap HTML adiciona um link interno a cada página importante do seu site, o que ajuda os motores de busca a descobrir seu conteúdo. Também torna seu site mais fácil de navegar para os visitantes.
O sitemap HTML é atualizado automaticamente quando adiciono novo conteúdo?
Sim. Se você usar o All in One SEO ou o método de código personalizado acima, seu sitemap será atualizado automaticamente sempre que você publicar um novo post ou página. Você não precisará fazer nada extra para mantê-lo atualizado.
Onde devo colocar meu sitemap HTML?
O local mais comum para vincular seu sitemap HTML é o rodapé do seu site. Isso o torna acessível de qualquer página sem poluir seu menu de navegação principal.
Outro bom local é sua página de erro 404. Se um visitante encontrar um link quebrado, um link para o seu sitemap HTML pode ajudá-lo a encontrar o que procurava.
Como adiciono minha nova página de sitemap HTML ao meu menu de navegação?
Depois de publicar seu sitemap, vá para Appearance » Menus no painel de administração do seu WordPress para adicioná-lo a qualquer menu. Se você usou o método de código personalizado, marque a caixa ao lado da sua nova página.
No entanto, se você usou o All in One SEO, sua página criada dinamicamente não aparecerá na lista de Páginas. Você precisará clicar na aba ‘Custom Links’ para colar o URL do seu sitemap.
Se você estiver usando um tema de blocos, precisará adicionar o link através do Editor do Site.
Tutorial em Vídeo
Esperamos que este artigo tenha ajudado você a aprender como adicionar uma página de sitemap HTML no WordPress. Você também pode querer ver como exibir a navegação de breadcrumb no WordPress e nosso guia completo de SEO para WordPress.
Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Linh
Até agora, esses 2 métodos não se aplicam ao meu site, pois eu gostaria de escolher apenas uma categoria específica para ser exibida no sitemap HTML. Nem o AIOSEO nem o SimpleSitemap me permitem fazer isso. Claro, eu tentei as Configurações Avançadas (apenas o AIO tem isso), mas então eu tenho que escolher manualmente cada Post ou Página individualmente que será excluída do Sitemap. Esse requisito manual simplesmente anula o propósito de usar plugins para criar um sitemap HTML.
Outra coisa sobre este AIO (que o wpbeginner o promove o tempo todo e me faz sentir que é como um Plugin todo-poderoso) é com o Breadcrumb:
Este recurso do AIO simplesmente NÃO segue a lógica da URL! Mais especificamente, ele só aparece bem no seu site até que você clique nele para voltar à página anterior (ou página pai), o que qualquer ser humano faz ao navegar em qualquer site. O AIO vai te levar para outras páginas (que é a página de arquivos). Pessoalmente, eu não entendo.
Para mim, exceto pelas ferramentas de SEO, o AIO oferece um recurso muito básico, para não dizer inútil quando se trata de sites auto-hospedados.
WPBeginner Support
Obrigado pelo seu feedback. Se você quisesse apenas algumas de suas postagens e páginas em uma página específica, em vez de uma coleção de todas as suas postagens e páginas, recomendamos criar manualmente a lista que você deseja, e isso deve atingir o que você está querendo, a menos que estejamos entendendo mal o objetivo que você está buscando.
Quanto à sua afirmação sobre breadcrumbs, os breadcrumbs existem para vincular à organização do seu conteúdo e não especificamente para serem um botão de voltar. Normalmente, isso seria feito pelo navegador ou por um método alternativo.
Admin
Jiří Vaněk
Sempre considerei um sitemap como uma ferramenta para melhorar o SEO e mostrar ao Google ou a outros robôs de mecanismos de busca o conteúdo das minhas páginas. É interessante como às vezes você se concentra tanto nos mecanismos de busca que se esquece de tornar o site mais acessível para usuários comuns. Criei um sitemap HTML e o coloquei no site para que as pessoas possam navegar pelo conteúdo com mais facilidade, se quiserem. Obrigado pela nova perspectiva de que um sitemap pode servir aos usuários tão bem quanto aos robôs.
Dennis Muthomi
Olá WPBeginner, obrigado por este artigo informativo
Sempre me concentrei em sitemaps XML para mecanismos de busca, mas agora vejo o valor dos sitemaps HTML para a navegação do usuário.
Obrigado pelas instruções para usar o All in One SEO.
Robert Thompson
O WordPress quer que eu pague US$ 300 apenas para atualizar para o plano de negócios deles, para que eu possa ter acesso aos seus plugins. Vou passar da oferta deles.
WPBeginner Support
Isso seria uma limitação se você estiver no WordPress.com, nossos tutoriais são para sites WordPress.org. Você pode ver a diferença entre os dois em nosso artigo abaixo!
https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Admin
faraz ahmed
Como posso mostrar o sitemap por categoria específica?
WPBeginner Support
O segundo plugin deste artigo deve permitir que você separe o conteúdo por categoria.
Admin
Carol
Não consigo fazer com que os POSTS apareçam como as páginas, então é inútil para mim. No meu site, as páginas são coisas estáticas, Sobre, etc. Mas os posts são os novos itens que as pessoas querem ver imediatamente. Eu pesquiso sobre vários tópicos e esse é o coração e a alma do meu blog. Eu quero que eles vejam as novidades em ordem sobre esse assunto, em uma lista. Eu realmente não me importo com Páginas, Privacidade, Cookies, Sobre, coisas que você olha uma vez, talvez, se é que olha.
Eu experimentei com o código, recebo apenas o CÓDIGO na página final.
O que posso fazer?
WPBeginner Support
Oi Carol,
Consulte nosso artigo sobre como adicionar tópicos em menus de navegação do WordPress.
Admin
Shawn
Eu gostaria de gerar uma página de sitemap com todas as minhas categorias e produtos da loja woocommerce. Este plugin pode fazer isso?
Raghvendra singh Jadon
não podemos criar uma página de sitemap como política de privacidade ou contato?
deepa
é possível se pudermos criar nosso próprio sitemap?
shirish
artigo realmente muito bom e útil.
ibu solihatun
O artigo é muito interessante. Me ajudou a entender muitas coisas e ficarei feliz em breve em escrever assim novamente.
Memória
Muito obrigado, este mapa do site está incrivelmente bem ajustado, absolutamente perfeito e me poupou muito tempo.
srekanth
como posso criar o sitemap xml como o site html, há alguma possibilidade?
adilop
Senhor, o sitemap do plugin yoast não é suficiente?
WPBeginner Support
Por favor, leia a seção sobre a diferença entre sitemaps XML e HTML.
Admin
adilop
Obrigado pela sua sugestão, senhor.
Blane Beckwith
Adicionei um mapa do site HTML à minha página da web, e ele criou uma página de arquivo muito bonita e funcional.
Connor Rickett
Nunca é uma má ideia ter um sitemap para seus visitantes. Apenas como uma nota lateral, quando/se você enviar seu sitemap para o Google, certifique-se de que seja o XML!
Natascha
O que eu sinto falta, no entanto, é por que alguém precisaria de um sitemap HTML ou quando ele é recomendado? Talvez uma curta lista de prós e contras ajude. Obrigado
WPBeginner Support
É mais útil para sites com conteúdo estático e não cronológico, ou seja, páginas. Uma página de sitemap pode ajudar os usuários a ver todas as páginas em sua ordem hierárquica.
Admin