{"id":36592,"date":"2020-04-03T03:54:22","date_gmt":"2020-04-03T10:54:22","guid":{"rendered":"https:\/\/kinqsta.com\/?p=66857&#038;preview=true&#038;preview_id=66857"},"modified":"2023-11-06T10:09:29","modified_gmt":"2023-11-06T13:09:29","slug":"melhorar-a-navegacao-do-website","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/","title":{"rendered":"Como Melhorar a Navega\u00e7\u00e3o do Site (Com Exemplos e Raz\u00f5es sobre Porque Voc\u00ea Deve Faz\u00ea-lo)"},"content":{"rendered":"<p>A navega\u00e7\u00e3o no site \u00e9 algo que muitos criam como um p\u00f3s-pensamento depois de p\u00e1ginas e conte\u00fados. Num inqu\u00e9rito recente, apenas 50% dos utilizadores da Internet conseguiram prever onde os conte\u00fados relevantes seriam baseados na estrutura padr\u00e3o de navega\u00e7\u00e3o do website.<\/p>\n<figure style=\"width: 955px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/onde-encontrar-respostas-perguntas-especificas.png\" alt=\"Onde encontrar respostas a perguntas espec\u00edficas\" width=\"955\" height=\"377\"><figcaption class=\"wp-caption-text\">Onde encontrar respostas a perguntas espec\u00edficas<\/figcaption><\/figure>\n<p>Se metade dos seus visitantes n\u00e3o consegue encontrar a p\u00e1gina que procura, isso \u00e9 um gigantesco problema UX.<\/p>\n<p>Isto conduzir\u00e1 a<a href=\"https:\/\/kinqsta.com\/pt\/blog\/como-reduzir-a-taxa-de-rejeicao\/\"> taxas de ressalto<\/a> mais elevadas, a um menor tempo no local e a <a href=\"https:\/\/kinqsta.com\/pt\/blog\/dicas-otimizacao-taxa-conversao\/\">taxas de convers\u00e3o mais baixas<\/a>.<\/p>\n<p>Se est\u00e1 a <a href=\"https:\/\/kinqsta.com\/pt\/blog\/tutorial-woocommerce\/\">gerenciando uma loja de com\u00e9rcio eletr\u00f4nico<\/a>, uma m\u00e1 navega\u00e7\u00e3o tamb\u00e9m pode afetar negativamente os seus resultados e receitas.<\/p>\n<p>Neste post, eu cubro a navega\u00e7\u00e3o do site de A a Z. Isto significa que voc\u00ea vai aprender as melhores pr\u00e1ticas, diferentes tipos de navega\u00e7\u00e3o e exatamente o que voc\u00ea deve fazer para criar a navega\u00e7\u00e3o perfeita para o seu site.<\/p>\n<p>Vamos come\u00e7ar!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>O que \u00e9 a Navega\u00e7\u00e3o do Website?<\/h2>\n<p>A navega\u00e7\u00e3o na Internet \u00e9 o processo de navega\u00e7\u00e3o de p\u00e1ginas, aplica\u00e7\u00f5es e sites na Internet. A tecnologia por tr\u00e1s dela \u00e9 chamada de hipertexto ou hiperm\u00eddia.<\/p>\n<p>Hipertexto ou m\u00eddia s\u00e3o p\u00e1ginas web baseadas em texto que utilizam hiperlinks para conect\u00e1-las a outras p\u00e1ginas da Internet. Um <a href=\"https:\/\/techterms.com\/definition\/hyperlink\">hyperlink<\/a> \u00e9 um link que leva o seu navegador web a um URL.<\/p>\n<p>O URL indica a que ficheiro o browser deve aceder a partir do servidor e descarrega e torna os dados para que o utilizador os possa ver.<\/p>\n<p><a href=\"https:\/\/kinqsta.com\/pt\/blog\/google-sitelinks\/#6-build-internal-links\">As liga\u00e7\u00f5es internas<\/a> levam a p\u00e1ginas diferentes no mesmo dom\u00ednio. Os links externos levam a p\u00e1ginas diferentes noutro <a href=\"https:\/\/kinqsta.com\/pt\/blog\/quanto-custa-um-nome-de-dominio\/\">dom\u00ednio<\/a>, um website e um servidor completamente separados.<\/p>\n<p>A navega\u00e7\u00e3o no site utiliza menus com links internos que facilitam aos visitantes encontrar a p\u00e1gina que procuram. Uma boa navega\u00e7\u00e3o \u00e9 um elemento essencial de um site de f\u00e1cil utiliza\u00e7\u00e3o.<\/p>\n<h3>O que \u00e9 um Menu de Navega\u00e7\u00e3o de Website?<\/h3>\n<p>O <a href=\"https:\/\/kinqsta.com\/pt\/blog\/melhores-praticas-web-design\/#navigational-menu\">menu de navega\u00e7\u00e3o de um website<\/a> \u00e9 um conjunto de links, normalmente para p\u00e1ginas internas, que est\u00e1 organizado em um menu. A maioria dos websites, incluindo o nosso, apresenta um menu no topo do seu website.<\/p>\n<figure style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/menu-kinsta.png\" alt=\"Menu de cabe\u00e7alho Kinsta\" width=\"1200\" height=\"91\"><figcaption class=\"wp-caption-text\">Menu de cabe\u00e7alho Kinsta<\/figcaption><\/figure>\n<p>Esta se\u00e7\u00e3o \u00e9 chamada de &#8220;cabe\u00e7alho&#8221; de um website em web design e desenvolvimento. Algumas das p\u00e1ginas mais comuns ligadas a estes menus s\u00e3o:<\/p>\n<ul>\n<li>Sobre n\u00f3s.<\/li>\n<li>Blog.<\/li>\n<li>Contato.<\/li>\n<li>Caracter\u00edsticas.<\/li>\n<li>Planos\/Pre\u00e7os.<\/li>\n<\/ul>\n<p>O menu tamb\u00e9m pode, naturalmente, incluir links para outras p\u00e1ginas.<\/p>\n<h3>Qual \u00e9 a estrutura de navega\u00e7\u00e3o de um Website?<\/h3>\n<p>A estrutura de navega\u00e7\u00e3o de um site descreve como as diferentes p\u00e1ginas do seu site est\u00e3o organizadas e ligadas entre si.<\/p>\n<p>Por exemplo, algumas p\u00e1ginas e conte\u00fados s\u00f3 podem ser alcan\u00e7ados visitando uma p\u00e1gina espec\u00edfica. <a href=\"https:\/\/kinqsta.com\/pt\/blog\/contrate-um-desenvolvedor-do-wordpress\/\">Os designers and web developers<\/a> costumam planear a estrutura de navega\u00e7\u00e3o ao fazer um novo website.<\/p>\n<figure style=\"width: 992px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/02\/estrutura-navegacao-site-1.jpg\" alt=\"Estrutura de navega\u00e7\u00e3o do site\" width=\"992\" height=\"336\"><figcaption class=\"wp-caption-text\">Estrutura de navega\u00e7\u00e3o do site<\/figcaption><\/figure>\n<p>Neste exemplo, as p\u00e1ginas<strong> Sobre<\/strong>, <strong>Planos<\/strong>, <strong>Contacto<\/strong> e <strong>Blog <\/strong>est\u00e3o ligadas a partir do menu inicial. Para aceder \u00e0s p\u00e1ginas<strong> Miss\u00e3o<\/strong> e <strong>Equipa<\/strong>, necessita de visitar primeiro a p\u00e1gina<strong> Sobre<\/strong>.<\/p>\n<h3>Porque \u00e9 que a navega\u00e7\u00e3o \u00e9 importante num Website?<\/h3>\n<p>Na introdu\u00e7\u00e3o deste post, ficou a saber que 50% dos utilizadores da Internet n\u00e3o s\u00e3o capazes de utilizar corretamente um menu padr\u00e3o. Imagine como poucas pessoas conseguiriam <a href=\"https:\/\/kinqsta.com\/pt\/topicos\/estrategia-de-conteudo\/\">encontrar o conte\u00fado certo<\/a> sem qualquer tipo de navega\u00e7\u00e3o.<\/p>\n<p>Com a abordagem correta \u00e0 navega\u00e7\u00e3o e aos menus, \u00e9 poss\u00edvel trazer a percentagem abaixo dos 50%. Isso reduzir\u00e1 as suas taxas de salto, aumentar\u00e1 o seu tempo m\u00e9dio no local e levar\u00e1 a <a href=\"https:\/\/kinqsta.com\/pt\/blog\/trafego-para-o-seu-site\/\">mais tr\u00e1fego<\/a>, leads e clientes.<\/p>\n\n<h2>Tipos de Navega\u00e7\u00e3o Web<\/h2>\n<p>Existem tr\u00eas tipos principais de navega\u00e7\u00e3o no website. S\u00e3o eles:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<p>Quando combinados corretamente, ajudam os seus visitantes a navegar no seu website e a encontrar o seu destino sem problemas. Vamos dar uma vista de olhos a cada um deles.<\/p>\n<h3>1. Navega\u00e7\u00e3o Global do Website<\/h3>\n<p>Com a navega\u00e7\u00e3o global no website, o menu e os links s\u00e3o id\u00eanticos em todas as p\u00e1ginas do website. Muitos menus modernos s\u00e3o concebidos desta forma, incluindo o menu do nosso pr\u00f3prio site aqui na Kinsta: se percorrer a p\u00e1gina para baixo, o menu &#8220;segue&#8221;.<\/p>\n<figure style=\"width: 1282px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/kinsta-menu-cabecalho-global.png\" alt=\"Kinsta menu de cabe\u00e7alho global\" width=\"1282\" height=\"750\"><figcaption class=\"wp-caption-text\">Kinsta menu de cabe\u00e7alho global<\/figcaption><\/figure>\n<p>Na imagem do ecr\u00e3, pode ver o nosso menu de cabe\u00e7alho simples e f\u00e1cil de compreender. \u00c9 o mesmo em todas as nossas p\u00e1ginas e conduz a algumas das nossas p\u00e1ginas e conte\u00fados mais importantes.<\/p>\n<p>Conhecemos a informa\u00e7\u00e3o crucial que um potencial cliente quer saber sobre uma empresa de acolhimento antes de tomar uma decis\u00e3o. \u00c9 por isso que facilitamos aos potenciais clientes encontrar os nossos planos, caracter\u00edsticas e contactar-nos. E, para os utilizadores existentes, temos a op\u00e7\u00e3o de login para os deixar entrar no seu <a href=\"https:\/\/kinqsta.com\/pt\/mykinsta\/\">painel de controlo MyKinsta<\/a>.<\/p>\n<p>O nosso menu de rodap\u00e9 \u00e9 tamb\u00e9m global e destaca se\u00e7\u00f5es essenciais do nosso website e alguns conte\u00fados em destaque.<\/p>\n<figure style=\"width: 1184px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/menu-rodape.png\" alt=\"Menu rodap\u00e9\" width=\"1184\" height=\"729\"><figcaption class=\"wp-caption-text\">Menu rodap\u00e9<\/figcaption><\/figure>\n<p>Os menus globais s\u00e3o o padr\u00e3o para a <a href=\"https:\/\/kinqsta.com\/pt\/wordpress-quota-mercado\/\">maioria das solu\u00e7\u00f5es CMS <\/a>out of the box.<\/p>\n<p>Cada tema do WordPress permite apresentar diferentes tipos e \u00e1reas para os menus de navega\u00e7\u00e3o. Se precisar de mais, pode usar um <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-menu-plugins\/\">plugin de menu<\/a> para ter mais op\u00e7\u00f5es dispon\u00edveis.<\/p>\n<h3>2. Navega\u00e7\u00e3o Hier\u00e1rquica do Website<\/h3>\n<p>A navega\u00e7\u00e3o hier\u00e1rquica significa que os menus mudam em fun\u00e7\u00e3o do contexto de cada p\u00e1gina.<\/p>\n<p>A maioria dos jornais e websites puramente baseados no conte\u00fado apresentam uma navega\u00e7\u00e3o hier\u00e1rquica. Por exemplo, se visitar a p\u00e1gina superior de um jornal, normalmente ver\u00e1 links para as principais categorias de not\u00edcias no menu do cabe\u00e7alho.<\/p>\n<figure style=\"width: 1309px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/menu-nyt.png\" alt=\"Exemplo de navega\u00e7\u00e3o hier\u00e1rquica a partir do NYT\" width=\"1309\" height=\"210\"><figcaption class=\"wp-caption-text\">Exemplo de navega\u00e7\u00e3o hier\u00e1rquica a partir do NYT<\/figcaption><\/figure>\n<p>Se o menu fosse global, permaneceria o mesmo depois de clicar numa categoria diferente. Mas por ser hier\u00e1rquico, revela novos links que levam a subcategorias da p\u00e1gina da categoria que visitamos.<\/p>\n<figure style=\"width: 1820px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/exemplo-navegacao-hierarquica-net-2.png\" alt=\"Exemplo de navega\u00e7\u00e3o hier\u00e1rquica\" width=\"1820\" height=\"496\"><figcaption class=\"wp-caption-text\">Exemplo de navega\u00e7\u00e3o hier\u00e1rquica<\/figcaption><\/figure>\n<p>Na p\u00e1gina<strong> Science<\/strong> do New York Times, voc\u00ea n\u00e3o v\u00ea o menu de n\u00edvel superior. Em vez disso, v\u00ea liga\u00e7\u00f5es para diferentes subse\u00e7\u00f5es da investiga\u00e7\u00e3o cient\u00edfica e artigos.<\/p>\n<p>Esta altera\u00e7\u00e3o \u00e9 o que separa este menu de um menu global regular que se encontra na maioria dos s\u00edtios mais pequenos.<\/p>\n<h3>3. Navega\u00e7\u00e3o do site local<\/h3>\n<p>Ao contr\u00e1rio da navega\u00e7\u00e3o hier\u00e1rquica e da navega\u00e7\u00e3o global, a navega\u00e7\u00e3o local no website refere-se a liga\u00e7\u00f5es internas que est\u00e3o inclu\u00eddas no pr\u00f3prio conte\u00fado. Normalmente, s\u00e3o dadas ao utilizador op\u00e7\u00f5es ao mesmo n\u00edvel de hierarquia ou a um n\u00edvel mais profundo, ou links para navegar para outras p\u00e1ginas relevantes.<\/p>\n<p>Um bom exemplo s\u00e3o os sites de revistas, que frequentemente utilizam links para ajudar os leitores a explorar o contexto mais profundo de um determinado artigo. Se mencionarem um incidente que tenham coberto no passado, estabelecer\u00e3o um link para esse artigo, em vez de o explicarem em profundidade.<\/p>\n<figure style=\"width: 980px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/exemplo-conteudo-relacionado-ligado-numa-pagina.png\" alt=\"Exemplo de conte\u00fado relacionado ligado numa p\u00e1gina\" width=\"980\" height=\"908\"><figcaption class=\"wp-caption-text\">Exemplo de conte\u00fado relacionado ligado numa p\u00e1gina<\/figcaption><\/figure>\n<p>Mas n\u00e3o est\u00e1 reservado apenas a revistas e sites de not\u00edcias. <a href=\"https:\/\/kinqsta.com\/pt\/blog\/plugins-ecommerce-do-wordpress\/\">As lojas de com\u00e9rcio electr\u00f3nico<\/a> contam fortemente com este tipo de menu de navega\u00e7\u00e3o para mostrar produtos da mesma categoria.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/exemplo-navegacao-local-comercio-electronico.png\" alt=\"Exemplo de navega\u00e7\u00e3o local no com\u00e9rcio electr\u00f3nico\" width=\"1500\" height=\"576\"><figcaption class=\"wp-caption-text\">Exemplo de navega\u00e7\u00e3o local no com\u00e9rcio eletr\u00f4nico<\/figcaption><\/figure>\n<p>A liga\u00e7\u00e3o interna \u00e9 tamb\u00e9m um aspecto crucial do <a href=\"https:\/\/kinqsta.com\/pt\/blog\/o-que-significa-seo\/\">SEO<\/a> em geral, e mais especificamente do <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-seo\/\">SEO WordPress<\/a>, por isso \u00e9 agora uma pr\u00e1tica comum para quem gere um website.<\/p>\n<h2>Exemplos de Navega\u00e7\u00e3o do Website<\/h2>\n<p>Em vez de nos embebedarmos em teoria, vamos mergulhar fundo em alguns exemplos. Vou cobrir um site de not\u00edcias e o <a href=\"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/\">Twenty Twenty WordPress theme<\/a>.<\/p>\n<h3>Site de not\u00edcias: New York Times<\/h3>\n<figure style=\"width: 1267px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/menu-pagina-inicial-nyt.png\" alt=\"Menu da p\u00e1gina inicial do NYT\" width=\"1267\" height=\"223\"><figcaption class=\"wp-caption-text\">Menu da p\u00e1gina inicial do NYT<\/figcaption><\/figure>\n<p>Num relance, pode parecer que o New York Times est\u00e1 a utilizar principalmente um \u00fanico menu de cabe\u00e7alho global das suas categorias.<\/p>\n<p>Mas n\u00e3o \u00e9 a\u00ed que termina. O NYT utiliza todos os tipos de navega\u00e7\u00e3o nas suas centenas de p\u00e1ginas de categoria e milh\u00f5es de artigos.<\/p>\n<p><strong> Tipos de navega\u00e7\u00e3o utilizados: <\/strong><\/p>\n<ul>\n<li>Hier\u00e1rquico.<\/li>\n<li>Global.<\/li>\n<li>Local.<\/li>\n<\/ul>\n<p>Vejamos os diferentes cabe\u00e7alhos de navega\u00e7\u00e3o para cada p\u00e1gina.<\/p>\n<h4>P\u00e1gina inicial<\/h4>\n<p>Na se\u00e7\u00e3o do cabe\u00e7alho do seu site, inclui dois menus, um menu global expans\u00edvel acima do logotipo e um menu hier\u00e1rquico abaixo do cabe\u00e7alho. Na sua ess\u00eancia, \u00e9 como um menu de cabe\u00e7alho e um menu de subt\u00edtulo.<\/p>\n<figure style=\"width: 1569px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/pagina-inicial-nyt-menus-cabecalho.png\" alt=\"P\u00e1gina inicial NYT - menus de cabe\u00e7alho\" width=\"1569\" height=\"772\"><figcaption class=\"wp-caption-text\">P\u00e1gina inicial NYT &#8211; menus de cabe\u00e7alho<\/figcaption><\/figure>\n<p>Se expandir o menu de hamb\u00fargueres de cabe\u00e7alho, este transforma-se numa barra lateral do lado esquerdo, onde existe uma ampla margem com as resolu\u00e7\u00f5es mais modernas.<\/p>\n<p>N\u00e3o esbate\/utiliza uma sobreposi\u00e7\u00e3o para esconder qualquer conte\u00fado do site.<\/p>\n<h4>P\u00e1gina inicial (M\u00f3vel)<\/h4>\n<p>Examinemos a mesma se\u00e7\u00e3o do cabe\u00e7alho sobre a mobilidade. A maioria dos utilizadores da Internet acede a sites de not\u00edcias atrav\u00e9s dos seus smartphones, pelo que a experi\u00eancia m\u00f3vel pode ser mais importante do que a do ambiente de trabalho.<\/p>\n<figure style=\"width: 375px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/pagina-inicial-nyt-mobile.png\" alt=\"P\u00e1gina inicial NYT - mobile\" width=\"375\" height=\"100\"><figcaption class=\"wp-caption-text\">P\u00e1gina inicial NYT &#8211; mobile<\/figcaption><\/figure>\n<p>O menu de subt\u00edtulos da categoria de not\u00edcias n\u00e3o faz parte da p\u00e1gina inicial no telem\u00f3vel. Em vez disso, apenas tem dispon\u00edvel a op\u00e7\u00e3o expans\u00edvel.<\/p>\n<p>Quando expandido, torna-se um menu de ecr\u00e3 completo e cobre completamente todo o conte\u00fado da p\u00e1gina inicial.<\/p>\n<figure style=\"width: 375px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/menu-expandido-nyt-homepage-movel.png\" alt=\"Menu expandido - NYT homepage (m\u00f3vel)\" width=\"375\" height=\"747\"><figcaption class=\"wp-caption-text\">Menu expandido &#8211; NYT homepage (m\u00f3vel)<\/figcaption><\/figure>\n<p>Inclui todas as op\u00e7\u00f5es do menu principal dos computadores de secret\u00e1ria e as liga\u00e7\u00f5es est\u00e3o organizadas por categorias.<\/p>\n<h4>Categoria P\u00e1gina<\/h4>\n<p>Na p\u00e1gina de categorias, abaixo do menu de hamb\u00fargueres de cabe\u00e7alho, voc\u00ea v\u00ea um link para um outro subconjunto de <a href=\"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-taxonomia\/\">categorias<\/a>.<\/p>\n<figure style=\"width: 1006px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/pagina-ciencia-nyt-menu-principal.png\" alt=\"P\u00e1gina de ci\u00eancia NYT - menu principal\" width=\"1006\" height=\"729\"><figcaption class=\"wp-caption-text\">P\u00e1gina de ci\u00eancia NYT &#8211; menu principal<\/figcaption><\/figure>\n<p>Facilita \u00e0s pessoas que apenas est\u00e3o interessadas numa \u00e1rea espec\u00edfica dentro de um tema mais vasto a procura de artigos que possam estar mais alinhados com os seus interesses.<\/p>\n<h4>Categoria P\u00e1gina (M\u00f3vel)<\/h4>\n<p>No m\u00f3vel, estas p\u00e1ginas de categoria incluem o mesmo menu de hamb\u00fargueres de cabe\u00e7alho e estrutura que a vers\u00e3o desktop. O menu de cabe\u00e7alho secund\u00e1rio n\u00e3o \u00e9 de todo escondido para facilitar a navega\u00e7\u00e3o e a descoberta de conte\u00fados.<\/p>\n<figure style=\"width: 375px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/pagina-ciencia-nyt-menu-principal-movel.png\" alt=\"P\u00e1gina de ci\u00eancia NYT - menu principal (m\u00f3vel)\" width=\"375\" height=\"747\"><figcaption class=\"wp-caption-text\">P\u00e1gina de ci\u00eancia NYT &#8211; menu principal (m\u00f3vel)<\/figcaption><\/figure>\n<p>Outra raz\u00e3o pode ser que muitas experi\u00eancias m\u00f3veis come\u00e7am atrav\u00e9s da pesquisa ou das redes sociais, em vez de visitar diretamente a p\u00e1gina inicial do NYT.<\/p>\n<h4>Artigo \u00fanico<\/h4>\n<p>Para artigos individuais, o cabe\u00e7alho flutuante indica a se\u00e7\u00e3o em que se encontra atualmente, mas apenas apresenta o menu global expans\u00edvel (juntamente com a caixa de pesquisa).<\/p>\n<figure style=\"width: 1820px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/artigo-nyt-menu-cabecalho.png\" alt=\"Artigo do NYT - menu de cabe\u00e7alho\" width=\"1820\" height=\"508\"><figcaption class=\"wp-caption-text\">Artigo do NYT &#8211; menu de cabe\u00e7alho<\/figcaption><\/figure>\n<h4>Artigo \u00fanico (M\u00f3vel)<\/h4>\n<p>Na navega\u00e7\u00e3o m\u00f3vel, a navega\u00e7\u00e3o limpa \u00e9 mantida, pois o \u00fanico menu \u00e9 o menu de hamb\u00fargueres de cabe\u00e7alho.<\/p>\n<figure style=\"width: 375px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/artigo-nyt-menu-cabecalho-movel.png\" alt=\"Artigo do NYT - menu de cabe\u00e7alho (m\u00f3vel)\" width=\"375\" height=\"747\"><figcaption class=\"wp-caption-text\">Artigo do NYT &#8211; menu de cabe\u00e7alho (m\u00f3vel)<\/figcaption><\/figure>\n<h4>Rodap\u00e9<\/h4>\n<p>O menu de rodap\u00e9 do NYT \u00e9 o mesmo em toda a p\u00e1gina inicial, p\u00e1ginas de categoria e artigos individuais.<\/p>\n<figure style=\"width: 1820px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/artigo-nyt-menu-rodape.png\" alt=\"Artigo do NYT - menu de rodap\u00e9\" width=\"1820\" height=\"1025\"><figcaption class=\"wp-caption-text\">Artigo do NYT &#8211; menu de rodap\u00e9<\/figcaption><\/figure>\n<h4>Rodap\u00e9 (m\u00f3vel)<\/h4>\n<figure style=\"width: 375px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/artigo-nyt-menu-rodape-movil.png\" alt=\"Artigo do NYT - menu de rodap\u00e9 (m\u00f3vel)\" width=\"375\" height=\"747\"><figcaption class=\"wp-caption-text\">Artigo do NYT &#8211; menu de rodap\u00e9 (m\u00f3vel)<\/figcaption><\/figure>\n<p>No telem\u00f3vel, o menu de rodap\u00e9 mostra apenas cinco itens de menu, todos eles se expandem em subse\u00e7\u00f5es depois de clicados.<\/p>\n<p>Por exemplo, se clicar na se\u00e7\u00e3o de<strong> Artes<\/strong>, poder\u00e1 navegar atrav\u00e9s destas subse\u00e7\u00f5es:<\/p>\n<figure style=\"width: 375px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/artigo-nyt-menu-rodape-expandido-movil.png\" alt=\"Artigo do NYT - menu de rodap\u00e9 expandido (m\u00f3vel)\" width=\"375\" height=\"747\"><figcaption class=\"wp-caption-text\">Artigo do NYT &#8211; menu de rodap\u00e9 expandido (m\u00f3vel)<\/figcaption><\/figure>\n<p>Como o site usa <a href=\"https:\/\/kinqsta.com\/pt\/blog\/adiar-a-analise-de-aviso-do-javascript\/\">JavaScript<\/a> para carregar dinamicamente mais conte\u00fado \u00e0 medida que se desloca para baixo, pode parecer que o rodap\u00e9 n\u00e3o existe de todo.<\/p>\n<p>\u00c9 um truque limpo que pode ajudar com o tempo no site e levar os leitores a ler mais artigos, mas torna o site um pouco mais dif\u00edcil de navegar.<\/p>\n<h4>Layout do conte\u00fado<\/h4>\n<p>Alguns poderiam argumentar que a principal ferramenta de navega\u00e7\u00e3o que os jornais e blogues em linha utilizam n\u00e3o \u00e9 apenas o menu. \u00c9 o pr\u00f3prio layout do jornal que fornece a espinha dorsal de navega\u00e7\u00e3o para NYT e outros sites similares.<\/p>\n<figure style=\"width: 1820px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/pagina-inicial-nyt.png\" alt=\"P\u00e1gina inicial do NYT\" width=\"1820\" height=\"1025\"><figcaption class=\"wp-caption-text\">P\u00e1gina inicial do NYT<\/figcaption><\/figure>\n<p>Todos os elementos destacados s\u00e3o clic\u00e1veis e conduzem a diferentes p\u00e1ginas internas dentro do site do New York Times.<\/p>\n<p>A disposi\u00e7\u00e3o do conte\u00fado \u00e9 outro elemento-chave da navega\u00e7\u00e3o do website que eles implementam atrav\u00e9s da sua p\u00e1gina inicial e das suas p\u00e1ginas de categoria.<\/p>\n<h3>O Tema dos Twenty Twenty WordPress<\/h3>\n<p>Mais um ano, outro tema padr\u00e3o do WordPress. Desta vez, s\u00e3o <a href=\"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/\">Twenty Twenty<\/a>, e vamos mergulhar fundo e ver o que mudou com a navega\u00e7\u00e3o.<\/p>\n<p>Vou examinar se h\u00e1 algo diferente na forma como os criadores decidiram abordar os menus e as liga\u00e7\u00f5es internas com esta mais recente inst\u00e2ncia do WordPress.<\/p>\n<h4>Menu de cabe\u00e7alho<\/h4>\n<p>Tal como qualquer <a href=\"https:\/\/kinqsta.com\/pt\/blog\/temas-wordpress-mais-rapidos\/\">tema<\/a> padr\u00e3o do WordPress, a nova vers\u00e3o oficial tem um menu sem frisos na se\u00e7\u00e3o do cabe\u00e7alho. Pode selecionar diferentes locais de visualiza\u00e7\u00e3o e \u00e9 assim que a op\u00e7\u00e3o<strong> Menu Horizontal do Ambiente de Trabalho<\/strong> fica:<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/menu-twenty-twenty.png\" alt=\"Exemplo de menu de cabe\u00e7alho no tema Twenty Twenty\" width=\"1920\" height=\"1017\"><figcaption class=\"wp-caption-text\">Exemplo de menu de cabe\u00e7alho no tema Twenty Twenty<\/figcaption><\/figure>\n<p>Por outro lado, a op\u00e7\u00e3o<strong> Menu Expandido do Ambiente de Trabalho<\/strong> ir\u00e1 adicionar a possibilidade de expandir as liga\u00e7\u00f5es do seu menu numa barra justificada no lado superior direito.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/menu-cabecalho-expandido-twenty-twenty.png\" alt=\"Exemplo de menu de cabe\u00e7alho expandido no tema Twenty Twenty\" width=\"1920\" height=\"1016\"><figcaption class=\"wp-caption-text\">Exemplo de menu de cabe\u00e7alho expandido no tema Twenty Twenty<\/figcaption><\/figure>\n<p>A \u00e1rea de conte\u00fado principal \u00e9 matizada com um cinzento escuro, conduzindo o foco do utilizador ao menu nos links.<\/p>\n<h4>Rodap\u00e9<\/h4>\n<figure style=\"width: 1224px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/menu-rodape-twenty-twenty.png\" alt=\"Exemplo de menu de rodap\u00e9 no tema Twenty Twenty\" width=\"1224\" height=\"122\"><figcaption class=\"wp-caption-text\">Exemplo de menu de rodap\u00e9 no tema Twenty Twenty<\/figcaption><\/figure>\n<p>No rodap\u00e9, n\u00e3o existem links para navega\u00e7\u00e3o interna, excepto um simples link &#8220;Para o topo&#8221; que o leva de volta ao topo da p\u00e1gina.<\/p>\n<h2>O que faz uma boa navega\u00e7\u00e3o no site?<\/h2>\n<p>Uma boa navega\u00e7\u00e3o no website \u00e9 sempre concebida tendo sempre em mente o utilizador. Utiliza uma linguagem clara e f\u00e1cil de compreender, e links para as p\u00e1ginas mais importantes.<\/p>\n<p>Faz uso de amplo espa\u00e7o branco, mudan\u00e7as de cor ou outras t\u00e9cnicas de desenho para se separar claramente do conte\u00fado principal. Al\u00e9m disso, \u00e9 mais f\u00e1cil de ler e utilizar em todos os dispositivos (m\u00f3veis e de secret\u00e1ria).<\/p>\n<p>A navega\u00e7\u00e3o orientada para o utilizador tamb\u00e9m significa que \u00e9 contextual. Tem em considera\u00e7\u00e3o a experi\u00eancia e as expectativas do utilizador. Essa pode ser uma raz\u00e3o pela qual os jornais em linha ainda n\u00e3o conseguem escapar ao seu design &#8220;apinhado&#8221;.<\/p>\n<p>No contexto da leitura de um jornal, \u00e9 isso que os seus utilizadores e potenciais clientes esperam, o que inclui os seus extensos menus de categorias e subcategorias.<\/p>\n<p>Na pr\u00f3xima se\u00e7\u00e3o, irei abordar as bases de como criar uma boa navega\u00e7\u00e3o para o vosso site.<\/p>\n<h2>8 Princ\u00edpios para uma Melhor Navega\u00e7\u00e3o do Website<\/h2>\n<p>Mesmo que seja um principiante completo, voc\u00ea poder\u00e1 navegar no seu site seguindo as dicas abaixo.<\/p>\n<h3>1. Planeie a Estrutura e Navega\u00e7\u00e3o da sua P\u00e1gina<\/h3>\n<p>Antes mesmo de come\u00e7ar a <a href=\"https:\/\/kinqsta.com\/pt\/blog\/conteudo-evergreen\/\">escrever conte\u00fados para o seu site<\/a>, planifique a estrutura e a navega\u00e7\u00e3o da sua p\u00e1gina.<\/p>\n<p>O planeamento \u00e9 uma parte essencial do processo de proporcionar aos seus visitantes uma navega\u00e7\u00e3o satisfat\u00f3ria. Pode utilizar um criador de mapas do site para o ajudar a criar rapidamente maquetes para aquilo que pretende que seja a sua experi\u00eancia no site.<\/p>\n<p>Um exemplo de uma boa ferramenta de mapa do site \u00e9 o <a href=\"https:\/\/www.gloomaps.com\/\">GlooMaps<\/a>.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/gloomaps.png\" alt=\"GlooMaps\" width=\"1920\" height=\"1049\"><figcaption class=\"wp-caption-text\">GlooMaps<\/figcaption><\/figure>\n<p>Pode criar todos os documentos que necessitar gratuitamente. Cada um deles ter\u00e1 um URL \u00fanico que poder\u00e1 partilhar para recolher feedback e deixar que outros o editem. Uma vez criado, o seu URL estar\u00e1 dispon\u00edvel durante 14 dias, a n\u00e3o ser que seja visitado novamente. Cada nova visita prolonga a vida \u00fatil do link por mais 14 dias.<\/p>\n<p>GlooMaps n\u00e3o \u00e9 a \u00fanica ferramenta que voc\u00ea poderia usar, h\u00e1 muitas mais como <a href=\"https:\/\/octopus.do\/\">Octopus<\/a>, <a href=\"https:\/\/visualsitemaps.com\/\">VisualSitemaps<\/a>, <a href=\"https:\/\/creately.com\/lp\/website-sitemap-creator-online\/\">Creately<\/a>, s\u00f3 para citar algumas.<\/p>\n<h3>2. Seguir as Normas Estabelecidas<\/h3>\n<p>N\u00e3o tente reinventar a roda. A navega\u00e7\u00e3o no site \u00e9 mais sobre a usabilidade do que sobre a criatividade.<\/p>\n<p>Para elementos essenciais do design como onde colocar o seu menu, e como indicar que \u00e9 expans\u00edvel, siga <a href=\"https:\/\/kinqsta.com\/pt\/blog\/melhores-praticas-web-design\/\">as normas conhecidas<\/a>.<\/p>\n<p>Tr\u00eas faixas horizontais, <a href=\"https:\/\/kinqsta.com\/pt\/blog\/melhores-praticas-web-design\/#hamburger-menu\">ou o sinal &#8220;hamb\u00farguer&#8221; \u2630<\/a>, \u00e9 um dos \u00edcones mais reconhec\u00edveis para identificar um menu expans\u00edvel. O outro s\u00e3o os tr\u00eas pontos que criam uma linha horizontal.<\/p>\n<p>Se tentar ser criativo e desenvolver um \u00edcone personalizado, \u00e9 prov\u00e1vel que muitos visitantes n\u00e3o compreendam o objectivo do seu design e tenham dificuldade em encontrar o seu menu.<\/p>\n<h3>3. Utilize o vocabul\u00e1rio dos seus utilizadores<\/h3>\n<p>Em vez de se limitar a ligar \u00e0s mesmas p\u00e1ginas antigas, utilizando uma linguagem de desenvolvimento web padr\u00e3o, ou uma c\u00f3pia demasiado criativa, utilize uma linguagem que esteja mais pr\u00f3xima daquilo que os seus utilizadores utilizam e procuram e querem.<\/p>\n<p>Esta abordagem \u00e9 ben\u00e9fica tanto para a <a href=\"https:\/\/kinqsta.com\/pt\/blog\/o-que-significa-seo\/\">SEO<\/a> como para a usabilidade. Crie p\u00e1ginas que reflitam o que os seus utilizadores est\u00e3o \u00e0 procura online.<\/p>\n<p>Pode ent\u00e3o criar um link para essas mesmas p\u00e1ginas, <a href=\"https:\/\/kinqsta.com\/pt\/blog\/pesquisa-de-palavras-chave\/\">utilizando as mesmas palavras e frases que ajudam os utilizadores a encontrar o seu site<\/a> no Google.<\/p>\n<h3>4. Usar Menus Reagentes<\/h3>\n<p>Uma vez que mais de <a href=\"https:\/\/www.broadbandsearch.net\/blog\/mobile-desktop-internet-usage-statistics\">52% de todo o tr\u00e1fego em linha <\/a>\u00e9 agora m\u00f3vel, a concep\u00e7\u00e3o com capacidade de resposta\/primeiro telem\u00f3vel tornou-se uma necessidade absoluta.<\/p>\n<p>Em vez de menus que continuam fora do quadro do navegador da Web m\u00f3vel ou demasiado desorganizados, assegure-se de que implementa menus m\u00f3veis expans\u00edveis.<\/p>\n<p>Tornou-se uma norma industrial por uma raz\u00e3o. Menus horizontais com texto min\u00fasculo s\u00e3o dif\u00edceis de ler, clicar e utilizar corretamente no telem\u00f3vel.<\/p>\n<p>A boa not\u00edcia \u00e9 que todos os <a href=\"https:\/\/kinqsta.com\/pt\/blog\/temas-wordpress-mais-rapidos\/\">melhores temas WordPress <\/a>v\u00eam com menus e <a href=\"https:\/\/kinqsta.com\/pt\/blog\/design-responsivo-web\/\">design responsivos<\/a> por defeito. A menos que esteja a desenhar o seu site WordPress a partir do zero, o WordPress j\u00e1 o tem coberto aqui.<\/p>\n<h3>5. Tire Vantagem do Seu Menu do Rodap\u00e9<\/h3>\n<p>Os leitores que continuam a ler e a rolar at\u00e9 ao fundo do seu site est\u00e3o mais empenhados do que o utilizador m\u00e9dio. Aproveite isso e utilize o espa\u00e7o no fundo de cada p\u00e1gina para destacar conte\u00fados valiosos.<\/p>\n<p>Como o <a href=\"https:\/\/kinqsta.com\/pt\/blog\/melhores-praticas-web-design\/#web-best-designformatting-practices\">rodap\u00e9 n\u00e3o est\u00e1 a comer &#8220;acima do espa\u00e7o da dobra&#8221;<\/a>, pode ficar granulado e incluir v\u00e1rias categorias, e at\u00e9 destacar p\u00e1ginas ou artigos de pedra angular vitais.<\/p>\n<p>Como exemplo, vejam como lidamos com o nosso rodap\u00e9 nesta mesma p\u00e1gina. Cobrimos p\u00e1ginas de caracter\u00edsticas essenciais, a nossa empresa, decompomos os nossos recursos, e muito mais.<\/p>\n<p>O rodap\u00e9 permite destacar o conte\u00fado que &#8220;simplesmente n\u00e3o conseguiu encaixar&#8221; no cabe\u00e7alho.<\/p>\n<h3>6. Utilizar o espa\u00e7o de cor e branco para separar a navega\u00e7\u00e3o de outros elementos<\/h3>\n<p><a href=\"https:\/\/kinqsta.com\/pt\/blog\/como-alterar-fontes-no-wordpress\/\">Use cores, fontes e espa\u00e7o em branco<\/a> para separar os seus menus do conte\u00fado principal e das suas barras laterais. Deixe claro onde come\u00e7a e onde termina a navega\u00e7\u00e3o.<\/p>\n<p>N\u00e3o importa a l\u00edngua que utiliza nos seus menus, ou para que p\u00e1ginas faz o link se os visitantes do seu site n\u00e3o conseguem sequer encontrar o menu.<\/p>\n<h3>7. Evitar Menus Dropdown<\/h3>\n<p>Para a maioria dos sites (n\u00e3o todos), os <a href=\"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/\">menus dropdown<\/a> n\u00e3o s\u00e3o necess\u00e1rios nem \u00fateis. Quando os usu\u00e1rios v\u00eaem um link em um menu, a suposi\u00e7\u00e3o \u00e9 que ele \u00e9 clic\u00e1vel. A menos que o design o separe de links clic\u00e1veis, pode levar a confus\u00e3o.<\/p>\n<p>Ter demasiados links no seu menu principal tamb\u00e9m pode ter um impacto negativo na usabilidade do seu website.<\/p>\n<p>A implementa\u00e7\u00e3o de navega\u00e7\u00e3o hier\u00e1rquica e local em vez de menus desdobr\u00e1veis pode conduzir a um fluxo de utilizadores mais suave. Tamb\u00e9m permite aos utilizadores interagir com v\u00e1rias p\u00e1ginas e passar mais tempo no seu site, em vez de navegar atrav\u00e9s de uma lista gigantesca de links.<\/p>\n<h3>8. Aplainar a sua estrutura<\/h3>\n<p>Se quiser facilitar ao m\u00e1ximo a explora\u00e7\u00e3o de todas as p\u00e1ginas do seu site, mantenha uma estrutura de navega\u00e7\u00e3o o mais plana poss\u00edvel.<\/p>\n<p>Em vez de ligar a um punhado de p\u00e1ginas da sua p\u00e1gina inicial, e depois expandir com cada vez mais sub-p\u00e1ginas e categorias, mantenha as coisas simples.<\/p>\n<p>Certifique-se de que estabelece um link para categorias significativas a partir da sua p\u00e1gina inicial, e estabele\u00e7a um link para uma \u00fanica camada de subcategoria ou p\u00e1ginas de um \u00fanico artigo a partir da\u00ed.<\/p>\n<figure style=\"width: 1461px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/02\/estrutura-plana-website-1.jpg\" alt=\"Estrutura plana do website\" width=\"1461\" height=\"350\"><figcaption class=\"wp-caption-text\">Estrutura plana do website<\/figcaption><\/figure>\n<p>H\u00e1 provas de que <a href=\"https:\/\/searchengineland.com\/seo-benefits-developing-solid-site-structure-277456\">aplanar a estrutura<\/a> desta forma tem um efeito positivo no SEO e pode levar \u00e0 cria\u00e7\u00e3o de <a href=\"https:\/\/kinqsta.com\/pt\/blog\/google-sitelinks\/\">links para sites do Google<\/a>. Portanto, n\u00e3o deixe a estrutura do seu site ficar muito confusa!<\/p>\n<h2>Tend\u00eancias do Menu de Navega\u00e7\u00e3o do Website<\/h2>\n<p>Embora as <a href=\"https:\/\/kinqsta.com\/pt\/blog\/principais-tendencias-em-web-design\/\">tend\u00eancias mais amplas de web design dos \u00faltimos anos<\/a> incluam coisas como elementos de design 3D e a incorpora\u00e7\u00e3o de fotografias feitas \u00e0 medida em designs criativos, os menus n\u00e3o tiveram um ano muito excitante.<\/p>\n<p>Mas isso n\u00e3o significa que nada tenha mudado. Eis a nossa r\u00e1pida an\u00e1lise de algumas das tend\u00eancias mais cruciais do menu ao longo dos \u00faltimos anos.<\/p>\n<h3>Categorias Expans\u00edveis em Menus M\u00f3veis em Ecr\u00e3 Inteiro<\/h3>\n<figure style=\"width: 750px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/uber.jpeg\" alt=\"Uber - menu m\u00f3vel\" width=\"750\" height=\"1187\"><figcaption class=\"wp-caption-text\">Uber &#8211; menu m\u00f3vel<\/figcaption><\/figure>\n<p>Uber e outras empresas gigantes com design renovado e moderno, atualizaram os seus menus para serem mais utiliz\u00e1veis.<\/p>\n<p>Uma quest\u00e3o para estas empresas \u00e9 que t\u00eam tantos produtos e categorias diferentes que pode ser imposs\u00edvel inclu\u00ed-los num \u00fanico menu de forma sensata.<\/p>\n<p>Isto leva a menus m\u00f3veis claros e categorizados, em vez de apenas uma lista intermin\u00e1vel de links.<\/p>\n<h3>Menus de Cabe\u00e7alho Flutuante<\/h3>\n<p>Talvez a tend\u00eancia universal para os menus nos \u00faltimos anos seja o menu de cabe\u00e7alho flutuante.<\/p>\n<p>Um menu de cabe\u00e7alho flutuante \u00e9 um menu que se cola ao topo da janela do seu navegador web enquanto percorre a p\u00e1gina (como o que usamos para kinqsta.com). Normalmente \u00e9 parte de uma se\u00e7\u00e3o de cabe\u00e7alho que inclui um pequeno log\u00f3tipo e talvez tamb\u00e9m uma barra de pesquisa.<\/p>\n<p>\u00c9 dif\u00edcil argumentar contra isso, pois o acesso constante a um menu torna a navega\u00e7\u00e3o interna muito mais f\u00e1cil. Este tipo de menu est\u00e1 inclu\u00eddo em muitos temas do WordPress e a tend\u00eancia \u00e9 n\u00e3o mostrar sinais de parar.<\/p>\n<h3>Menus Overlay Dropdown no Ambiente de Trabalho<\/h3>\n<p>Alguns dos conselhos mais b\u00e1sicos sobre navega\u00e7\u00e3o em s\u00edtios Web \u00e9 manter-se afastado dos menus dropdown. E por uma raz\u00e3o.<\/p>\n<p>Mas isso n\u00e3o significa que sejam intrinsecamente terr\u00edveis. Os <a href=\"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/\">menus suspensos<\/a> s\u00e3o apenas complicados de implementar de uma forma que fa\u00e7a sentido no ecr\u00e3 do computador.<\/p>\n<p>Com uma sobreposi\u00e7\u00e3o de cores sobre o conte\u00fado principal, podem for\u00e7ar 100% da aten\u00e7\u00e3o do utilizador para o menu. Tem tamb\u00e9m melhores op\u00e7\u00f5es para as categorias expans\u00edveis do que a apresenta\u00e7\u00e3o de outros links no hover.<\/p>\n<p>Estes fatores uniram-se para que se tornasse uma tend\u00eancia crescente em 2019. De fato, muitos sites e modelos inovadores incluem menus suspensos sobrepostos no ambiente de trabalho.<\/p>\n\n<h2>Resumo<\/h2>\n<p>Este post deveria ter dado uma compreens\u00e3o clara do que \u00e9 a navega\u00e7\u00e3o no website e de alguns dos seus pontos-chave.<\/p>\n<p>A navega\u00e7\u00e3o no site deve sempre ser focada na simplicidade, clareza, em vez de cores intensas e design criativo. Como a navega\u00e7\u00e3o e os menus do seu site precisam de ter em conta tanto os utilizadores desktop como os m\u00f3veis, as coisas podem tornar-se mais complicadas e <a href=\"https:\/\/kinqsta.com\/pt\/blog\/contrate-um-desenvolvedor-do-wordpress\/\">contratar um programador web <\/a>pode ser uma boa escolha.<\/p>\n<p>Tente sempre seguir as <a href=\"https:\/\/kinqsta.com\/pt\/blog\/melhores-praticas-web-design\/#menu-navigation\">melhores pr\u00e1ticas de design do menu do site <\/a>para garantir que os seus visitantes e <a href=\"https:\/\/kinqsta.com\/pt\/blog\/alternativas-mecanismos-de-pesquisa\/\">mecanismo de busca<\/a> possam navegar facilmente pelo seu conte\u00fado.<\/p>\n<p>A usabilidade e a clareza continuar\u00e3o a ser prioridades a avan\u00e7ar. Assim, se conseguir dominar a linguagem do seu utilizador e criar uma estrutura que fa\u00e7a sentido para ele, ser\u00e1 capaz de provar os seus menus no futuro.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A navega\u00e7\u00e3o no site \u00e9 algo que muitos criam como um p\u00f3s-pensamento depois de p\u00e1ginas e conte\u00fados. Num inqu\u00e9rito recente, apenas 50% dos utilizadores da Internet &#8230;<\/p>\n","protected":false},"author":103,"featured_media":36622,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[275,120],"topic":[1011],"class_list":["post-36592","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-ux","tag-website","topic-experiencia-usuario"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Como Melhorar a Navega\u00e7\u00e3o do Site (Com Exemplos e Raz\u00f5es sobre Porque Voc\u00ea Deve Faz\u00ea-lo)<\/title>\n<meta name=\"description\" content=\"A navega\u00e7\u00e3o no website afeta a forma como os seus visitantes navegam pelas suas p\u00e1ginas. Se n\u00e3o for visto, ter\u00e1 um impacto negativo nas suas convers\u00f5es, tempo na p\u00e1gina, e SEO.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como Melhorar a Navega\u00e7\u00e3o do Site (Com Exemplos e Raz\u00f5es sobre Porque Voc\u00ea Deve Faz\u00ea-lo)\" \/>\n<meta property=\"og:description\" content=\"A navega\u00e7\u00e3o no website afeta a forma como os seus visitantes navegam pelas suas p\u00e1ginas. Se n\u00e3o for visto, ter\u00e1 um impacto negativo nas suas convers\u00f5es, tempo na p\u00e1gina, e SEO.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-03T10:54:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-06T13:09:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/navegacao-website-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Matteo Du\u00f2\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"A navega\u00e7\u00e3o no website afeta a forma como os seus visitantes navegam pelas suas p\u00e1ginas. Se n\u00e3o for visto, ter\u00e1 um impacto negativo nas suas convers\u00f5es, tempo na p\u00e1gina, e SEO.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/navegacao-website-1.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@matteoduo\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matteo Du\u00f2\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"22 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/\"},\"author\":{\"name\":\"Matteo Du\u00f2\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/9d811e805493f00205e6409451055174\"},\"headline\":\"Como Melhorar a Navega\u00e7\u00e3o do Site (Com Exemplos e Raz\u00f5es sobre Porque Voc\u00ea Deve Faz\u00ea-lo)\",\"datePublished\":\"2020-04-03T10:54:22+00:00\",\"dateModified\":\"2023-11-06T13:09:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/\"},\"wordCount\":4384,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/navegacao-website-1.jpg\",\"keywords\":[\"ux\",\"website\"],\"articleSection\":[\"Melhores Tutoriais WordPress\"],\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/\",\"name\":\"Como Melhorar a Navega\u00e7\u00e3o do Site (Com Exemplos e Raz\u00f5es sobre Porque Voc\u00ea Deve Faz\u00ea-lo)\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/navegacao-website-1.jpg\",\"datePublished\":\"2020-04-03T10:54:22+00:00\",\"dateModified\":\"2023-11-06T13:09:29+00:00\",\"description\":\"A navega\u00e7\u00e3o no website afeta a forma como os seus visitantes navegam pelas suas p\u00e1ginas. Se n\u00e3o for visto, ter\u00e1 um impacto negativo nas suas convers\u00f5es, tempo na p\u00e1gina, e SEO.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/navegacao-website-1.jpg\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/navegacao-website-1.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Experi\u00eancia do Usu\u00e1rio\",\"item\":\"https:\/\/kinqsta.com\/pt\/topicos\/experiencia-usuario\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Como Melhorar a Navega\u00e7\u00e3o do Site (Com Exemplos e Raz\u00f5es sobre Porque Voc\u00ea Deve Faz\u00ea-lo)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/9d811e805493f00205e6409451055174\",\"name\":\"Matteo Du\u00f2\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"caption\":\"Matteo Du\u00f2\"},\"description\":\"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.\",\"sameAs\":[\"https:\/\/www.matteoduo.com\",\"https:\/\/www.linkedin.com\/in\/matteoduo\/\",\"https:\/\/x.com\/matteoduo\"],\"url\":\"https:\/\/kinqsta.com\/pt\/blog\/author\/matteoduo\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Como Melhorar a Navega\u00e7\u00e3o do Site (Com Exemplos e Raz\u00f5es sobre Porque Voc\u00ea Deve Faz\u00ea-lo)","description":"A navega\u00e7\u00e3o no website afeta a forma como os seus visitantes navegam pelas suas p\u00e1ginas. Se n\u00e3o for visto, ter\u00e1 um impacto negativo nas suas convers\u00f5es, tempo na p\u00e1gina, e SEO.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/","og_locale":"pt_PT","og_type":"article","og_title":"Como Melhorar a Navega\u00e7\u00e3o do Site (Com Exemplos e Raz\u00f5es sobre Porque Voc\u00ea Deve Faz\u00ea-lo)","og_description":"A navega\u00e7\u00e3o no website afeta a forma como os seus visitantes navegam pelas suas p\u00e1ginas. Se n\u00e3o for visto, ter\u00e1 um impacto negativo nas suas convers\u00f5es, tempo na p\u00e1gina, e SEO.","og_url":"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2020-04-03T10:54:22+00:00","article_modified_time":"2023-11-06T13:09:29+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/navegacao-website-1.jpg","type":"image\/jpeg"}],"author":"Matteo Du\u00f2","twitter_card":"summary_large_image","twitter_description":"A navega\u00e7\u00e3o no website afeta a forma como os seus visitantes navegam pelas suas p\u00e1ginas. Se n\u00e3o for visto, ter\u00e1 um impacto negativo nas suas convers\u00f5es, tempo na p\u00e1gina, e SEO.","twitter_image":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/navegacao-website-1.jpg","twitter_creator":"@matteoduo","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Matteo Du\u00f2","Tempo estimado de leitura":"22 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/"},"author":{"name":"Matteo Du\u00f2","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/9d811e805493f00205e6409451055174"},"headline":"Como Melhorar a Navega\u00e7\u00e3o do Site (Com Exemplos e Raz\u00f5es sobre Porque Voc\u00ea Deve Faz\u00ea-lo)","datePublished":"2020-04-03T10:54:22+00:00","dateModified":"2023-11-06T13:09:29+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/"},"wordCount":4384,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/navegacao-website-1.jpg","keywords":["ux","website"],"articleSection":["Melhores Tutoriais WordPress"],"inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/","url":"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/","name":"Como Melhorar a Navega\u00e7\u00e3o do Site (Com Exemplos e Raz\u00f5es sobre Porque Voc\u00ea Deve Faz\u00ea-lo)","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/navegacao-website-1.jpg","datePublished":"2020-04-03T10:54:22+00:00","dateModified":"2023-11-06T13:09:29+00:00","description":"A navega\u00e7\u00e3o no website afeta a forma como os seus visitantes navegam pelas suas p\u00e1ginas. Se n\u00e3o for visto, ter\u00e1 um impacto negativo nas suas convers\u00f5es, tempo na p\u00e1gina, e SEO.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/#primaryimage","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/navegacao-website-1.jpg","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/navegacao-website-1.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Experi\u00eancia do Usu\u00e1rio","item":"https:\/\/kinqsta.com\/pt\/topicos\/experiencia-usuario\/"},{"@type":"ListItem","position":3,"name":"Como Melhorar a Navega\u00e7\u00e3o do Site (Com Exemplos e Raz\u00f5es sobre Porque Voc\u00ea Deve Faz\u00ea-lo)"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/pt\/#website","url":"https:\/\/kinqsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/9d811e805493f00205e6409451055174","name":"Matteo Du\u00f2","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","caption":"Matteo Du\u00f2"},"description":"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.","sameAs":["https:\/\/www.matteoduo.com","https:\/\/www.linkedin.com\/in\/matteoduo\/","https:\/\/x.com\/matteoduo"],"url":"https:\/\/kinqsta.com\/pt\/blog\/author\/matteoduo\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/36592","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/users\/103"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/comments?post=36592"}],"version-history":[{"count":8,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/36592\/revisions"}],"predecessor-version":[{"id":64615,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/36592\/revisions\/64615"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36592\/translations\/en"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36592\/translations\/pt"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36592\/translations\/es"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36592\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36592\/translations\/fr"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36592\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36592\/translations\/jp"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36592\/translations\/de"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36592\/translations\/se"},{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36592\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media\/36622"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media?parent=36592"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/tags?post=36592"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/topic?post=36592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}