{"id":1811,"date":"2023-05-08T16:17:44","date_gmt":"2023-05-08T19:17:44","guid":{"rendered":"https:\/\/bphub.com.br\/?p=1811"},"modified":"2023-05-08T16:17:44","modified_gmt":"2023-05-08T19:17:44","slug":"blog-quando","status":"publish","type":"post","link":"https:\/\/bphub.com.br\/es\/blog-quando\/","title":{"rendered":"Breadcrumbs: como e quando us\u00e1-los no seu site"},"content":{"rendered":"<h4>Breadcrumbs: como e quando us\u00e1-los no seu site<\/h4>\n<p>Com certeza, posso ajud\u00e1-lo com isso! Segue abaixo o texto otimizado para SEO sobre o tema &#8220;Breadcrumbs: como e quando us\u00e1-los no seu site&#8221;.<\/p>\n<p>**Breadcrumbs: como e quando us\u00e1-los no seu site**<\/p>\n<p>Se voc\u00ea j\u00e1 navegou em um site de com\u00e9rcio eletr\u00f4nico ou em um blog de not\u00edcias, provavelmente j\u00e1 viu os breadcrumbs. Os breadcrumbs s\u00e3o uma forma de navega\u00e7\u00e3o secund\u00e1ria que ajuda os usu\u00e1rios a entenderem onde eles est\u00e3o no site e a se movimentarem facilmente entre as p\u00e1ginas.<\/p>\n<p>Mas o que s\u00e3o breadcrumbs?<\/p>\n<p>Breadcrumbs, tamb\u00e9m conhecidos como trilha de navega\u00e7\u00e3o, s\u00e3o links que mostram a hierarquia da p\u00e1gina atual em rela\u00e7\u00e3o ao site. Por exemplo, se voc\u00ea est\u00e1 navegando em uma p\u00e1gina de produto em um site de com\u00e9rcio eletr\u00f4nico, a trilha de navega\u00e7\u00e3o pode aparecer assim: In\u00edcio &gt; Categorias &gt; Eletr\u00f4nicos &gt; Celulares &gt; Samsung &gt; Galaxy S21.<\/p>\n<p>Os breadcrumbs podem ser exibidos em diferentes formatos, mas geralmente aparecem no topo da p\u00e1gina ou logo abaixo do t\u00edtulo. Eles podem ser exibidos em texto simples, como no exemplo acima, ou em um formato mais visual, como \u00edcones ou imagens.<\/p>\n<p>Mas por que usar breadcrumbs?<\/p>\n<p>Existem v\u00e1rias raz\u00f5es pelas quais os breadcrumbs s\u00e3o \u00fateis para os usu\u00e1rios e para o <a href=\"https:\/\/resultadosdigitais.com.br\/marketing\/o-que-e-seo\/#:~:text=SEO%20%C3%A9%20a%20sigla%20de,outros%20buscadores%2C%20gerando%20tr%C3%A1fego%20org%C3%A2nico\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">SEO<\/span><\/a> do site. Aqui est\u00e3o algumas delas:<\/p>\n<p>1. Facilidade de navega\u00e7\u00e3o: os breadcrumbs ajudam os usu\u00e1rios a entenderem onde eles est\u00e3o no site e a se movimentarem facilmente entre as p\u00e1ginas. Isso \u00e9 especialmente \u00fatil em sites com muitas categorias e subcategorias, onde pode ser dif\u00edcil navegar sem um guia visual.<\/p>\n<p>2. Melhora a experi\u00eancia do usu\u00e1rio: ao facilitar a navega\u00e7\u00e3o, os breadcrumbs ajudam a melhorar a experi\u00eancia do usu\u00e1rio. Isso pode resultar em um tempo de perman\u00eancia maior no site e uma taxa de rejei\u00e7\u00e3o menor.<\/p>\n<p>3. Aumenta a visibilidade nos resultados de pesquisa: os breadcrumbs podem aparecer nos resultados de pesquisa do Google, o que ajuda a aumentar a visibilidade do seu site. Isso pode atrair mais cliques e aumentar o tr\u00e1fego org\u00e2nico do site.<\/p>\n<p>4. Melhora a estrutura do site: ao criar uma trilha de navega\u00e7\u00e3o clara e organizada, os breadcrumbs ajudam a melhorar a estrutura do site. Isso pode ser \u00fatil para o SEO do site, pois ajuda os mecanismos de pesquisa a entenderem a hierarquia das p\u00e1ginas.<\/p>\n<p>Quando usar breadcrumbs?<\/p>\n<p>Embora os breadcrumbs sejam \u00fateis em muitos casos, nem sempre s\u00e3o necess\u00e1rios. Aqui est\u00e3o algumas situa\u00e7\u00f5es em que voc\u00ea deve considerar usar breadcrumbs:<\/p>\n<p>1. Em sites com muitas categorias e subcategorias: se o seu site tiver muitas categorias e subcategorias, os breadcrumbs podem ser uma maneira \u00fatil de ajudar os usu\u00e1rios a navegar.<\/p>\n<p>2. Em sites com muitas p\u00e1ginas: se o seu site tiver muitas p\u00e1ginas, os breadcrumbs podem ajudar a orientar os usu\u00e1rios e a manter a estrutura do site organizada.<\/p>\n<p>3. Em sites com produtos ou servi\u00e7os: se o seu site vender produtos ou servi\u00e7os, os breadcrumbs podem ser \u00fateis para ajudar os usu\u00e1rios a navegar pelas categorias e subcategorias de produtos.<\/p>\n<p>Como criar breadcrumbs?<\/p>\n<p>Criar breadcrumbs em um site pode ser relativamente f\u00e1cil, dependendo do CMS (Content Management System) que voc\u00ea est\u00e1 usando. Algumas plataformas populares, como WordPress e Magento, oferecem plugins e extens\u00f5es que permitem adicionar breadcrumbs facilmente.<\/p>\n<p>Se o seu CMS n\u00e3o oferecer essa op\u00e7\u00e3o nativamente, voc\u00ea pode criar breadcrumbs manualmente usando HTML e CSS. Aqui est\u00e1 um exemplo de c\u00f3digo HTML para criar breadcrumbs:<\/p>\n<p>&#8220;`html<br \/>\n&lt;nav class=&#8221;breadcrumbs&#8221;&gt;<br \/>\n&lt;ul&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;\/es\/&rdquo;\/#&rdquo;&quot;&gt;In&iacute;cio&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;\/es\/&rdquo;\/#&rdquo;&quot;&gt;Categorias&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;\/es\/&rdquo;\/#&rdquo;&quot;&gt;Eletr&ocirc;nicos&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;\/es\/&rdquo;\/#&rdquo;&quot;&gt;Celulares&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;\/es\/&rdquo;\/#&rdquo;&quot;&gt;Samsung&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;Galaxy S21&lt;\/li&gt;<br \/>\n&lt;\/ul&gt;<br \/>\n&lt;\/nav&gt;<br \/>\n&#8220;`<\/p>\n<p>Este \u00e9 apenas um exemplo simples, mas voc\u00ea pode personalizar o c\u00f3digo para atender \u00e0s suas necessidades.<\/p>\n<p>Al\u00e9m disso, existem algumas pr\u00e1ticas recomendadas para a cria\u00e7\u00e3o de breadcrumbs:<\/p>\n<p>1. Use o formato correto: o formato mais comum \u00e9 do mais gen\u00e9rico para o mais espec\u00edfico. Por exemplo, In\u00edcio &gt; Categorias &gt; Eletr\u00f4nicos &gt; Celulares &gt; Samsung &gt; Galaxy S21. Certifique-se de que a ordem fa\u00e7a sentido e seja consistente em todo o site.<\/p>\n<p>2. Use links significativos: cada link do breadcrumb deve levar o usu\u00e1rio a uma p\u00e1gina relevante. Certifique-se de que os links sejam descritivos e estejam associados \u00e0 p\u00e1gina correspondente.<\/p>\n<p>3. Use o s\u00edmbolo de separa\u00e7\u00e3o correto: o s\u00edmbolo de separa\u00e7\u00e3o pode ser uma seta (&gt;) ou uma barra (\/), mas certifique-se de usar o mesmo s\u00edmbolo em todo o site.<\/p>\n<p>4. N\u00e3o exagere: n\u00e3o inclua breadcrumbs em todas as p\u00e1ginas do site. Use-os apenas em p\u00e1ginas relevantes, como p\u00e1ginas de categoria, subcategoria e produto.<\/p>\n<p>Conclus\u00e3o<\/p>\n<p>Os breadcrumbs s\u00e3o uma forma \u00fatil de navega\u00e7\u00e3o secund\u00e1ria que podem ajudar os usu\u00e1rios a entenderem onde eles est\u00e3o no site e a se movimentarem facilmente entre as p\u00e1ginas. Al\u00e9m disso, eles podem ser \u00fateis para melhorar a experi\u00eancia do usu\u00e1rio, aumentar a visibilidade nos resultados de pesquisa e melhorar a estrutura do site. Se voc\u00ea est\u00e1 considerando usar breadcrumbs em seu site, certifique-se de seguir as pr\u00e1ticas recomendadas e personalizar o c\u00f3digo para atender \u00e0s suas necessidades.<\/p>\n<p><a href=\"https:\/\/bphub.com.br\/es\/sobre\/\">https:\/\/bphub.com.br\/sobre\/<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Breadcrumbs: como e quando us\u00e1-los no seu site Com certeza, posso ajud\u00e1-lo com isso! Segue abaixo o texto otimizado para SEO sobre o tema &#8220;Breadcrumbs: como e quando us\u00e1-los no seu site&#8221;. **Breadcrumbs: como e quando us\u00e1-los no seu site** Se voc\u00ea j\u00e1 navegou em um site de com\u00e9rcio eletr\u00f4nico ou em um blog de [&hellip;]<\/p>","protected":false},"author":2,"featured_media":1812,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25,26,19,20],"tags":[],"class_list":["post-1811","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dicas","category-guia","category-marketing","category-tecnologias"],"_links":{"self":[{"href":"https:\/\/bphub.com.br\/es\/wp-json\/wp\/v2\/posts\/1811","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bphub.com.br\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bphub.com.br\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bphub.com.br\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bphub.com.br\/es\/wp-json\/wp\/v2\/comments?post=1811"}],"version-history":[{"count":1,"href":"https:\/\/bphub.com.br\/es\/wp-json\/wp\/v2\/posts\/1811\/revisions"}],"predecessor-version":[{"id":1813,"href":"https:\/\/bphub.com.br\/es\/wp-json\/wp\/v2\/posts\/1811\/revisions\/1813"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bphub.com.br\/es\/wp-json\/wp\/v2\/media\/1812"}],"wp:attachment":[{"href":"https:\/\/bphub.com.br\/es\/wp-json\/wp\/v2\/media?parent=1811"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bphub.com.br\/es\/wp-json\/wp\/v2\/categories?post=1811"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bphub.com.br\/es\/wp-json\/wp\/v2\/tags?post=1811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}