{"id":2826,"date":"2019-04-08T00:00:00","date_gmt":"2019-04-08T00:00:00","guid":{"rendered":"https:\/\/rockcontent.com\/br\/2019\/04\/08\/sidebar-no-wordpress\/"},"modified":"2019-04-08T00:00:00","modified_gmt":"2019-04-08T00:00:00","slug":"sidebar-no-wordpress","status":"publish","type":"post","link":"https:\/\/pingback.com\/br\/resources\/sidebar-no-wordpress\/","title":{"rendered":"Aprenda como criar e personalizar uma sidebar no WordPress de forma simples"},"content":{"rendered":"\n<p>O termo <strong>Sidebar <\/strong>no<strong> <\/strong><a href=\"https:\/\/rockcontent.com\/br\/blog\/wordpress\/\"><strong>WordPress<\/strong><\/a> \u00e9 utilizado para se referir a uma \u00e1rea do tema que tem a finalidade de apresentar conte\u00fados que servem como complemento do conte\u00fado principal. Ela n\u00e3o \u00e9 obrigat\u00f3ria, mas esse espa\u00e7o pode ser utilizado de diversas maneiras, inclusive para melhorar o rankeamento da p\u00e1gina.<\/p>\n\n\n\n<p>Na maioria dos temas, a sidebar j\u00e1 vem criada por padr\u00e3o e basta apenas configurar os widgets que ser\u00e3o inseridos nela. Entretanto, pode haver a necessidade de utiliz\u00e1-la de maneira diferente do original. Por isso, \u00e9 importante entender como executar esse processo de maneira simples.<\/p>\n\n\n\n<p>Neste post, vamos mostrar:<\/p>\n\n\n\n<ul><li><a href=\"#oque\">O que \u00e9 sidebar no WordPress?<\/a><\/li><li><a href=\"#porque\">Por que usar sidebar no WordPress?<\/a><\/li><li><a href=\"#como\">Como criar uma sidebar?<\/a><\/li><li><a href=\"#personalizar\">Como personalizar sua sidebar?<\/a><\/li><li><a href=\"#seo\">Como otimizar as sidebars para SEO?<\/a><\/li><\/ul>\n\n\n\n<p>Quer saber como personalizar a sidebar? Continue a leitura!<\/p>\n\n\n\n<a id=\"oque\"><\/a>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>O que \u00e9 sidebar no WordPress?<\/strong><\/h2>\n\n\n\n<p>A sidebar, que significa \u201cbarra lateral\u201d em portugu\u00eas, \u00e9 uma \u00e1rea no layout da p\u00e1gina utilizada para adicionar conte\u00fados diferentes do principal. \u00c9 poss\u00edvel utiliz\u00e1-la em diversas posi\u00e7\u00f5es e formatos.<\/p>\n\n\n\n<p>Ou seja, ela pode ser posicionada nas laterais, no topo ou no rodap\u00e9 da p\u00e1gina e pode ser exibida horizontalmente ou verticalmente.<\/p>\n\n\n\n<p>Al\u00e9m disso, \u00e9 poss\u00edvel ter mais que uma sidebar na mesma p\u00e1gina e no mesmo posicionamento. Isso significa que podemos colocar duas barras na posi\u00e7\u00e3o lateral direita, por exemplo, ou dividir o rodap\u00e9 em tr\u00eas sidebars. Portanto, \u00e9 um recurso extremamente vers\u00e1til e que oferece in\u00fameras possibilidades de utiliza\u00e7\u00e3o.<\/p>\n\n\n\n<p>Sua fun\u00e7\u00e3o \u00e9 <strong>deixar o layout mais organizado<\/strong> e facilitar a distribui\u00e7\u00e3o dos conte\u00fados em diferentes posi\u00e7\u00f5es da p\u00e1gina. Os temas dispon\u00edveis no WordPress j\u00e1 v\u00eam com algumas sidebars configuradas, basta apenas arrastar os widgets desejados para cada uma delas.<\/p>\n\n\n\n<p>Vale ressaltar que <strong>widgets s\u00e3o pequenos blocos que permitem executar fun\u00e7\u00f5es espec\u00edficas<\/strong>, por exemplo: listar os \u00faltimos artigos publicados no <a href=\"https:\/\/rockcontent.com\/br\/blog\/layout-de-site\/\">site<\/a>, exibir um calend\u00e1rio e muito mais. Trata-se, portanto, do conte\u00fado que ser\u00e1 inserido na barra lateral.<\/p>\n\n\n\n<p>A configura\u00e7\u00e3o da sidebar depende muito do tema utilizado, pois existem op\u00e7\u00f5es que s\u00e3o altamente configur\u00e1veis. J\u00e1 em outros, \u00e9 preciso fazer isso de forma manual ou por meio de <a href=\"https:\/\/rockcontent.com\/br\/blog\/melhores-plugins-de-wordpress\/\">plugins<\/a> para atender \u00e0s necessidades do site. Nesse cen\u00e1rio, ela \u00e9 chamada de <strong>dynamic sidebar <\/strong>ou sidebar din\u00e2mica.<\/p>\n\n\n\n<a id=\"porque\"><\/a>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Por que usar sidebar no WordPress?<\/strong><\/h2>\n\n\n\n<p>As possibilidades de utiliza\u00e7\u00e3o das sidebars s\u00e3o as mais variadas. Entretanto, <strong>\u00e9 preciso cuidado para n\u00e3o exagerar e utilizar mais do que o necess\u00e1rio<\/strong>. Confira quais os principais tipos de conte\u00fados utilizados na barra lateral.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Exibir as redes sociais<\/h3>\n\n\n\n<p>Elas s\u00e3o usadas, por exemplo, para exibir publica\u00e7\u00f5es das redes sociais. Dessa forma, o visitante tem uma vis\u00e3o do que acontece nas redes e pode curtir a p\u00e1gina ou interagir com as postagens.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cadastro para a newsletter<\/h3>\n\n\n\n<p>Outra forma de utiliza\u00e7\u00e3o do recurso \u00e9 para exibir um formul\u00e1rio para assinatura da newsletter do site. Dessa maneira, os usu\u00e1rios que gostarem do conte\u00fado podem facilmente encontrar o local para informar o email para receber as novidades da p\u00e1gina.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Exibir as postagens<\/h3>\n\n\n\n<p>A barra lateral tamb\u00e9m \u00e9 \u00fatil para exibir as \u00faltimas postagens publicadas pelo site. Elas podem ser classificadas de diferentes maneiras, como por data de publica\u00e7\u00e3o, por m\u00eas ou ano, por assunto ou tags. O ideal \u00e9 estudar qual \u00e9 a forma mais procurada pelos usu\u00e1rios do site e oferecer o recurso de acordo com essa necessidade.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Exibir publicidade<\/h3>\n\n\n\n<p>\u00c9 comum em um <a href=\"https:\/\/rockcontent.com\/br\/blog\/blogs-de-design\/\">blog<\/a> utilizar a barra lateral para exibir banners ou propagandas de empresas e produtos. Direcionar esses an\u00fancios para a sidebar contribui para deixar a p\u00e1gina mais limpa e organizada, em vez de exibir propagandas em popups, que causam irrita\u00e7\u00e3o nos visitantes.<\/p>\n\n\n\n<p>\u00c9 preciso cautela com a utiliza\u00e7\u00e3o das publicidades na p\u00e1gina. Ao exibir muitos an\u00fancios, deve-se tomar <strong>cuidado para n\u00e3o transformar a barra lateral na porta de sa\u00edda dos usu\u00e1rios do site<\/strong>.<\/p>\n\n\n\n<a id=\"como\"><\/a>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Como criar uma sidebar?<\/strong><\/h2>\n\n\n\n<p>Existem diferentes maneiras de configurar a sidebar do site. Vamos mostrar algumas delas a seguir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Op\u00e7\u00e3o padr\u00e3o do tema WordPress<\/h3>\n\n\n\n<p>Caso o tema j\u00e1 tenha a configura\u00e7\u00e3o desejada, basta selecionar a alternativa \u201cApar\u00eancia\u201d &gt; \u201cWidgets\u201d no Dashboard do WordPress. Neste modelo, foi utilizado o tema Twenty Seventeen, que \u00e9 disponibilizado com o pacote de instala\u00e7\u00e3o do <a href=\"https:\/\/rockcontent.com\/br\/blog\/como-escolher-um-cms\/\">CMS<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-opt-id=1878809982  fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/npexJ_6Qgl9Cb61-88e8qvRDI2_Ey-474f7O3-0auO5XKMOS7UDjy5NCMJyIm1kdyyjiM3fy7jR3EW_iJZvMmdcHpXSSz08Fi4vo7emBEcuye39fzKyiAvlNyAP_TwvYzjFyOJyX\" alt=\"\"\/><\/figure>\n\n\n\n<p>Para adicionar um novo widget na barra lateral, basta selecionar uma alternativa entre os widgets dispon\u00edveis. Clique e arraste o item selecionado at\u00e9 a posi\u00e7\u00e3o desejada.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-opt-id=1173466174  fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/whaAMSz-w_iIlH_9ju0c-fPXymi_kGsSpkmY-n2jPhkwjWn2t9PrGWXf8jyUgpN1cRHKJuLqOmXQGq1K_c-rrIKGr5lwBBHlvuN2BGop9c749gEAUOrh3kdahyPZCyPWq8NGf4jQ\" alt=\"\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Dynamic sidebar<\/h3>\n\n\n\n<p>Outra forma de criar a sidebar \u00e9 de forma din\u00e2mica, ou seja, \u00e9 feita a configura\u00e7\u00e3o manual para que a barra seja disponibilizada conforme a necessidade. Se o <a href=\"https:\/\/rockcontent.com\/br\/blog\/templates-wordpress\/\">template<\/a> utilizado for desenvolvido por terceiros, \u00e9 recomendado que as altera\u00e7\u00f5es sejam feitas em um tema filho.<\/p>\n\n\n\n<p><strong>O tema filho permite que as altera\u00e7\u00f5es feitas continuem em funcionamento caso o template original seja atualizado pelo desenvolvedor<\/strong>, pois seus arquivos n\u00e3o s\u00e3o alterados quando houver qualquer mudan\u00e7a no tema pai. Portanto, sempre que um template for customizado, \u00e9 importante seguir esse direcionamento.<\/p>\n\n\n\n<p>Existem plugins que auxiliam a cria\u00e7\u00e3o do tema filho ou \u00e9 poss\u00edvel cri\u00e1-lo de forma manual. Outra observa\u00e7\u00e3o importante \u00e9 sobre a estrutura do tema. No WordPress, os templates devem ter alguns arquivos espec\u00edficos para seguir o padr\u00e3o de desenvolvimento e garantir seu funcionamento.<\/p>\n\n\n\n<p>Um deles \u00e9 o \u201cfunctions.php\u201d. Trata-se de um arquivo com algumas configura\u00e7\u00f5es sobre o funcionamento do tema, entre elas a <strong>defini\u00e7\u00e3o do tamanho da imagem do avatar<\/strong>, o <strong>registro de menus de navega\u00e7\u00e3o<\/strong> e o <strong>registro de sidebars<\/strong>. Para customizar a barra lateral, ser\u00e1 preciso editar esse arquivo.<\/p>\n\n\n\n<p>Para isso, v\u00e1 em \u201cApar\u00eancia\u201d &gt; \u201cEditor de temas\u201d e selecione em \u201cArquivo de fun\u00e7\u00f5es do tema\u201d o arquivo \u201cfunctions.php\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-opt-id=755672281  fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/c2vXNSroO9ZII6bt0HWkOBSOffhubne5qz7pGFKj8Dh5659xYE57mYtPJBDxuaI6pNvyrihZB7B_1DSEtXbtxUhXsZaLDvMiKrEL4y0TFTEOZzBDihNwVhd13LK9DqQHGNh2vr7o\" alt=\"\"\/><\/figure>\n\n\n\n<p>A seguir, insira o seguinte c\u00f3digo no texto, alterando o \u201cnome-do-seu-tema\u201d para o nome do respectivo tema principal utilizado e pressione o bot\u00e3o \u201cAtualizar arquivo\u201d.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function minha_sidebar() {\n register_sidebar(\n  array (\n      'name' => __( 'Custom', 'nome-do-seu-tema-pai'),\n      'id' => 'minha-side-bar',\n      'description' => __( 'Custom Sidebar', 'nome-do-seu-tema-pai' ),\n      'before_widget' => '&lt;div class=\"widget-content\">',\n      'after_widget' => \"&lt;\/div>\",\n      'before_title' => '&lt;h3 class=\"widget-title\">',\n      'after_title' => '&lt;\/h3>,\n  )\n );\n}\nadd_action( 'widgets_init', 'minha_sidebar' );<\/code><\/pre>\n\n\n\n<p>Para utilizar a sidebar, v\u00e1 em \u201cApar\u00eancia\u201d &gt; \u201cWidgets\u201d. Voc\u00ea ver\u00e1 que h\u00e1 um novo container com a descri\u00e7\u00e3o \u201cPersonalizado\u201d correspondente \u00e0 barra lateral criada.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-opt-id=1248161327  decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/SxLrtZDCVgFdIxPIXuQewHg6UghP-oUMc3ENgO3rcpYbdXIQZOUtSiHaETlf9jlcR8xKW_HFRcmNERg461TvogMzFwa8D_iJSzMTPsAsNZv3hWXWslaHaM6X12eTFoWFXLzLUKKV\" alt=\"\"\/><\/figure>\n\n\n\n<p>Agora, basta adicionar os widgets desejados na sidebar criada.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-opt-id=1533323067  decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/4vGSlbMxsh0SZlycL1QIHA192jd5-jgkg7TZC9hfJpDIMpZK5_cw511HSuXaPmLu3e4fBz_mRx1DBeyhVugzyd7v-ZfoeK5NAMKiCJ0nTsrJd8hrKdj_-IrxOsBZmP8c-lYspNRk\" alt=\"\"\/><\/figure>\n\n\n\n<p>Para utilizar a barra lateral, escolha em qual arquivo deseja incluir a sidebar e adicione o seguinte comando:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-opt-id=1373935721  decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/OF4zEO2yc05IdcgHeL_FOz8D-6Rtph8IStb4H-SkxmHCy0kmJYTRFEdGNyNsJASgyrBuh9Sia2S7p1vioEFq7E4ttrv402MhE_9g-PVIe7ARzym-fGqCfh2axiIULiNYBhoCnYsu\" alt=\"\"\/><\/figure>\n\n\n\n<p>H\u00e1 ainda a alternativa de inserir esse outro c\u00f3digo no arquivo \u201csidebar.php\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-opt-id=663352103  decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/vrO_bx2X58o9GqRSQF_IBxv2jceokJalvxbXaX4zSXB3ucYFs6DEU0LyTNlqGfY1Xsdpb0zBc1Pq8gAH-WARb1FU3Kb6UIR_Li7V9KZqPiiWePv_Duo0lf_8zMV7KU3LKvE-Sz-K\" alt=\"\"\/><\/figure>\n\n\n\n<p>Al\u00e9m disso, \u00e9 poss\u00edvel editar o arquivo \u201cstyle.css\u201d para adicionar estilos personalizados \u00e0 sidebar, bem como definir seu posicionamento na p\u00e1gina.<\/p>\n\n\n\n<a id=\"personalizar\"><\/a>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Como personalizar sua sidebar?<\/strong><\/h2>\n\n\n\n<p>\u00c9 poss\u00edvel personalizar a sidebar por meio de plugin. Existem diversas op\u00e7\u00f5es gratuitas no site WordPress.org. Para este exemplo, vamos utilizar o plugin <a href=\"https:\/\/wordpress.org\/plugins\/custom-sidebars\/\">Custom-sidebars<\/a>. Depois de baixar e instalar o plugin, v\u00e1 em \u201cApar\u00eancia\u201d &gt; \u201cWidgets\u201d no Dashboard do WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-opt-id=1721396847  decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/BSDu9sAJL-nKZuOCsA6eRNlnkKKpatGO02zWKojkQJrqSOmtlF4TUYiRahkAWG_6eDxkJ92_Uy2e5HZfrGfsrZzYOJkxRwL2TOYbPvREa2BFB57iSTeXt2VSqd_BAZKKOFTLoTiL\" alt=\"\"\/><\/figure>\n\n\n\n<p>Para criar uma nova barra, clique no bot\u00e3o \u201cCreate new sidebar\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-opt-id=391069582  decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/pAmuK_pmll3o0Nvuxq2l5-lXb9hAQy0OygYbJDsCz-6oi97UNCm-04A0iYmQAEBmb6r3ZGh1NS0xBIeFJmtQDcdpkzProfkAF7s34A0kqWtIDQShD1RhDi_EPyx0eyj7mmij_54P\" alt=\"\"\/><\/figure>\n\n\n\n<p>Preencha o nome e uma descri\u00e7\u00e3o para a sidebar.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-opt-id=702826373  decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/FSv5x9Zt9JK2Exwf26eVCJxvrUMqM1s-ifgSD79076lbzlcgc__Ty6HvvNbeXw6gpkprURjXczanf0g6jiCLu93aHcyix_JrQxg6zHF1Zax0OuD6nm-BeoRdofmN8EP7Dswh4J7_\" alt=\"\"\/><\/figure>\n\n\n\n<p>A seguir, escolha quais s\u00e3o os widgets que ser\u00e3o colocados na barra lateral.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-opt-id=85798147  decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/vVI2oDbchBk5TiGtTuU7n8_kIFCIWIjCuow8PniCMX7ytlE1zuKd1ll5GO9-BERhoJ5ccrkQgaYLZY5BSKDcCYXwbLA-wkh-mvk9PggdKSy--blc8mvLz2fC_JB7odwsTqh3_HoD\" alt=\"\"\/><\/figure>\n\n\n\n<p>Pressione o link \u201cSidebar location\u201d para definir em qual local deseja que a sidebar seja exibida.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-opt-id=765702004  decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/9hq4stcjjFdPXRKbdT-BjAAhdfDG3pa6uYFmANx_DFocn_aVfb4aab-OnxasJ7o0m3QOKwWDVLQTibvs9M3-3co2RBs_UeQ5YXtSwn3N2FkaV_xfy7W0wJ6zxD9nn9aFaqsSmPNV\" alt=\"\"\/><\/figure>\n\n\n\n<p>Neste exemplo, selecionamos a op\u00e7\u00e3o \u201cFor Archives\u201d e escolhemos a p\u00e1gina principal e a de post para exibir a barra. Entretanto, \u00e9 poss\u00edvel escolher entre outras alternativas de exibi\u00e7\u00e3o, como exibir apenas para determinadas categorias ou de acordo com determinado autor da postagem.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-opt-id=1760062266  decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/eP3yhk9Fei8lv4OemRe5C0UxVdgLnHYxD-X4nazSEJdr6c4EjlL4kIbhja2KLd3CXM28Q4sDORUBWI6mblKwsPpxez8n-9TliO83t1jMG-kRo6NzwmoapwMF7cVk5uCQQWvvpZZ1\" alt=\"\"\/><\/figure>\n\n\n\n<p>Pronto! A barra ser\u00e1 exibida na p\u00e1gina sem precisar alterar nenhum arquivo do site.<\/p>\n\n\n\n<a id=\"seo\"><\/a>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Como otimizar as sidebars para SEO?<\/strong><\/h2>\n\n\n\n<p>As sidebars s\u00e3o excelentes ferramentas para serem utilizadas em estrat\u00e9gias de <a href=\"https:\/\/rockcontent.com\/br\/blog\/marketing-digital\/\">Marketing Digital<\/a>. Isso porque, se elas forem aproveitadas da maneira correta, s\u00e3o capazes de ajudar a aumentar o tr\u00e1fego na p\u00e1gina e o n\u00famero de convers\u00f5es.<\/p>\n\n\n\n<p>Alguns blogs e sites utilizam essa \u00e1rea para inserir muitos widgets, o que deixa a p\u00e1gina carregada e pode causar uma m\u00e1 impress\u00e3o ao usu\u00e1rio. Quando isso acontece, o resultado tende a ser negativo, pois o usu\u00e1rio n\u00e3o permanece na p\u00e1gina, o que contribui para a perda de audi\u00eancia do site.<\/p>\n\n\n\n<p>A melhor forma de utilizar o recurso, portanto, \u00e9 <strong>inserir apenas widgets que sejam relevantes para o conte\u00fado da p\u00e1gina e para a estrat\u00e9gia da empresa<\/strong>. Confira algumas dicas para sua utiliza\u00e7\u00e3o.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Evite redund\u00e2ncias<\/h3>\n\n\n\n<p>\u00c9 importante observar se os widgets n\u00e3o t\u00eam fun\u00e7\u00f5es muito semelhantes. Por exemplo, utilizar os widgets para todas as redes sociais n\u00e3o \u00e9 uma boa alternativa. Prefira apresentar apenas uma e insira links para as outras redes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Customize as sidebars por p\u00e1gina ou post<\/h3>\n\n\n\n<p>\u00c9 preciso observar se o conte\u00fado dos widgets est\u00e1 relacionado com o conte\u00fado da p\u00e1gina. Isso \u00e9 importante para refor\u00e7ar a relev\u00e2ncia do site. Por isso, confira se em determinada p\u00e1gina \u00e9 necess\u00e1rio exibir a lista das \u00faltimas postagens ou procure exibir as postagens relacionadas ao assunto tratado no post.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Verifique a velocidade e performance<\/h3>\n\n\n\n<p>As sidebars executam a\u00e7\u00f5es que podem levar um tempo para serem processadas. Por isso, \u00e9 importante lembrar que p\u00e1ginas que demoram para carregar podem prejudicar a estrat\u00e9gia de <a href=\"https:\/\/rockcontent.com\/br\/blog\/o-que-e-seo\/\">SEO<\/a>. Portanto, avalie a <a href=\"https:\/\/rockcontent.com\/br\/blog\/rock-stage\/\">performance<\/a> da p\u00e1gina para se certificar de que os widgets n\u00e3o prejudicam a velocidade de carregamento.<\/p>\n\n\n\n<p>Outro fator que tamb\u00e9m pode interferir s\u00e3o as tags de cabe\u00e7alhos H1 e H2 utilizadas na p\u00e1gina. Portanto, \u00e9 preciso verificar se n\u00e3o existe conflito entre elas. A melhor forma de evitar problemas \u00e9 n\u00e3o utilizar essas tags nos widgets.<\/p>\n\n\n\n<p>Como vimos, a melhor maneira de definir o termo <strong>sidebar WordPress<\/strong> \u00e9 como uma \u00e1rea na p\u00e1gina destinada a conte\u00fados complementares ao principal. Existem diversas formas de utilizar esse espa\u00e7o, entretanto, \u00e9 preciso aten\u00e7\u00e3o para transformar esse recurso em um aliado para melhorar o rankeamento do site.<\/p>\n\n\n\n<p>J\u00e1 que voc\u00ea se interessou por este conte\u00fado, baixe nosso <a href=\"https:\/\/materiais.rockcontent.com\/wordpress-para-blogs\">Guia do WordPress para blog corporativos<\/a> e veja como criar excelentes oportunidades de neg\u00f3cio com essa ferramenta!<\/p>\n\n\n\n[rock-convert-cta id=&#8221;35086&#8243;]\n","protected":false},"excerpt":{"rendered":"<p>Sidebar no WordPress \u00e9 o termo utilizado para definir uma \u00e1rea da p\u00e1gina que tem a fun\u00e7\u00e3o de exibir conte\u00fados complementares. Confira diferentes formas de criar, personalizar e otimizar a sidebar.<\/p>\n","protected":false},"author":1,"featured_media":19266,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22],"tags":[],"class_list":["post-2826","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Sidebar no WordPress: aprenda como criar e personalizar!<\/title>\n<meta name=\"description\" content=\"A sidebar no WordPress \u00e9 uma \u00e1rea do layout que tem a finalidade de exibir diferentes tipos de conte\u00fados complementares ao principal.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pingback.com\/br\/resources\/sidebar-no-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sidebar no WordPress: aprenda como criar e personalizar!\" \/>\n<meta property=\"og:description\" content=\"A sidebar no WordPress \u00e9 uma \u00e1rea do layout que tem a finalidade de exibir diferentes tipos de conte\u00fados complementares ao principal.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pingback.com\/br\/resources\/sidebar-no-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Pingback\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-08T00:00:00+00:00\" \/>\n<meta name=\"author\" content=\"Pingback\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@pingbackoficial\" \/>\n<meta name=\"twitter:site\" content=\"@pingbackoficial\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pingback\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/sidebar-no-wordpress\/\",\"url\":\"https:\/\/pingback.com\/br\/resources\/sidebar-no-wordpress\/\",\"name\":\"Sidebar no WordPress: aprenda como criar e personalizar!\",\"isPartOf\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/sidebar-no-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/sidebar-no-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2019-04-08T00:00:00+00:00\",\"author\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66\"},\"description\":\"A sidebar no WordPress \u00e9 uma \u00e1rea do layout que tem a finalidade de exibir diferentes tipos de conte\u00fados complementares ao principal.\",\"breadcrumb\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/sidebar-no-wordpress\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pingback.com\/br\/resources\/sidebar-no-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/sidebar-no-wordpress\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/sidebar-no-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/pingback.com\/br\/resources\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Aprenda como criar e personalizar uma sidebar no WordPress de forma simples\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#website\",\"url\":\"https:\/\/pingback.com\/br\/resources\/\",\"name\":\"Pingback Blog\",\"description\":\"Marketing for builders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pingback.com\/br\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66\",\"name\":\"Pingback\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"caption\":\"Pingback\"},\"description\":\"Pingback: Marketing for builders.\",\"sameAs\":[\"https:\/\/pingback.com\",\"https:\/\/www.instagram.com\/pingbackoficial\/\",\"https:\/\/www.linkedin.com\/company\/pingbackoficial\/\",\"https:\/\/x.com\/pingbackoficial\",\"https:\/\/www.youtube.com\/@pingbackoficial\"],\"url\":\"https:\/\/pingback.com\/br\/resources\/author\/adm1n\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sidebar no WordPress: aprenda como criar e personalizar!","description":"A sidebar no WordPress \u00e9 uma \u00e1rea do layout que tem a finalidade de exibir diferentes tipos de conte\u00fados complementares ao principal.","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:\/\/pingback.com\/br\/resources\/sidebar-no-wordpress\/","og_locale":"pt_BR","og_type":"article","og_title":"Sidebar no WordPress: aprenda como criar e personalizar!","og_description":"A sidebar no WordPress \u00e9 uma \u00e1rea do layout que tem a finalidade de exibir diferentes tipos de conte\u00fados complementares ao principal.","og_url":"https:\/\/pingback.com\/br\/resources\/sidebar-no-wordpress\/","og_site_name":"Pingback","article_published_time":"2019-04-08T00:00:00+00:00","author":"Pingback","twitter_card":"summary_large_image","twitter_creator":"@pingbackoficial","twitter_site":"@pingbackoficial","twitter_misc":{"Escrito por":"Pingback","Est. tempo de leitura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pingback.com\/br\/resources\/sidebar-no-wordpress\/","url":"https:\/\/pingback.com\/br\/resources\/sidebar-no-wordpress\/","name":"Sidebar no WordPress: aprenda como criar e personalizar!","isPartOf":{"@id":"https:\/\/pingback.com\/br\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pingback.com\/br\/resources\/sidebar-no-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/pingback.com\/br\/resources\/sidebar-no-wordpress\/#primaryimage"},"thumbnailUrl":"","datePublished":"2019-04-08T00:00:00+00:00","author":{"@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66"},"description":"A sidebar no WordPress \u00e9 uma \u00e1rea do layout que tem a finalidade de exibir diferentes tipos de conte\u00fados complementares ao principal.","breadcrumb":{"@id":"https:\/\/pingback.com\/br\/resources\/sidebar-no-wordpress\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pingback.com\/br\/resources\/sidebar-no-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/br\/resources\/sidebar-no-wordpress\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/pingback.com\/br\/resources\/sidebar-no-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/pingback.com\/br\/resources\/"},{"@type":"ListItem","position":2,"name":"Aprenda como criar e personalizar uma sidebar no WordPress de forma simples"}]},{"@type":"WebSite","@id":"https:\/\/pingback.com\/br\/resources\/#website","url":"https:\/\/pingback.com\/br\/resources\/","name":"Pingback Blog","description":"Marketing for builders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pingback.com\/br\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66","name":"Pingback","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","caption":"Pingback"},"description":"Pingback: Marketing for builders.","sameAs":["https:\/\/pingback.com","https:\/\/www.instagram.com\/pingbackoficial\/","https:\/\/www.linkedin.com\/company\/pingbackoficial\/","https:\/\/x.com\/pingbackoficial","https:\/\/www.youtube.com\/@pingbackoficial"],"url":"https:\/\/pingback.com\/br\/resources\/author\/adm1n\/"}]}},"_links":{"self":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts\/2826","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/comments?post=2826"}],"version-history":[{"count":0,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts\/2826\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/media?parent=2826"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/categories?post=2826"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/tags?post=2826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}