{"id":27148,"date":"2021-05-08T18:21:00","date_gmt":"2021-05-08T15:21:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=27148"},"modified":"2021-10-18T04:16:03","modified_gmt":"2021-10-18T01:16:03","slug":"como-adicionar-a-caixa-de-pesquisa-do-google-em-um-site","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-adicionar-a-caixa-de-pesquisa-do-google-em-um-site\/","title":{"rendered":"Como adicionar a caixa de pesquisa do Google em um site"},"content":{"rendered":"<p>A caixa de pesquisa do Google nada mais \u00e9 do que um formul\u00e1rio de pesquisa que permite que as pessoas encontrem conte\u00fado relacionado em seu site. Neste artigo, estudamos como adicionar a pesquisa do Google no site. Existem alguns passos a seguir. Seguimos passo a passo para adicionar esta caixa de pesquisa.<\/p>\n<p>Antes de iniciar a integra\u00e7\u00e3o, devemos listar os benef\u00edcios de usar a pesquisa do Google no site.<\/p>\n<ul>\n<li>Isso reduz a carga em seu banco de dados. Enquanto o leitor procura por conte\u00fado, nenhuma consulta ser\u00e1 acionada em seu banco de dados para localizar conte\u00fado relacionado. O Google faz isso de forma inteligente rastreando um site.<\/li>\n<li>O Google nos permite integrar o design de nosso pr\u00f3prio formul\u00e1rio de pesquisa. Como? discutiremos em um momento.<\/li>\n<\/ul>\n<p>Se voc\u00ea for um editor do Google Adsense, leia nosso artigo sobre <a href=\"https:\/\/themewp.inform.click\/pt-pt\/como-adicionar-a-caixa-de-pesquisa-do-google-adsense-em-um-site\/\" title=\"Como adicionar a caixa de pesquisa do Google Adsense em um site\" >Como adicionar a caixa de pesquisa do Google Adsense em um site<\/a>.<\/p>\n<p>A diferen\u00e7a entre a caixa de pesquisa do Adsense e a caixa de pesquisa do Google \u00e9 que, ao usar a caixa de pesquisa do Adsense, o Google exibe o an\u00fancio junto com o resultado da pesquisa. Esses an\u00fancios ajudam voc\u00ea a ganhar dinheiro com o Adsense.<\/p>\n<p>Mais uma vez, voltemos ao nosso t\u00f3pico original, abaixo est\u00e3o as etapas a seguir para adicionar o mecanismo de pesquisa personalizado do Google ao site.<\/p>\n<h3>Etapas para adicionar a caixa de pesquisa do Google<\/h3>\n<p><strong>Etapa 1<\/strong>: V\u00e1 para a <a href=\"https:\/\/www.google.com\/cse\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">p\u00e1gina do mecanismo de pesquisa personalizado<\/a> e fa\u00e7a login com sua conta do Google.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b868b4c0.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b868b4c0.png\" alt=\"Como adicionar a caixa de pesquisa do Google em um site\" ><\/a><\/p>\n<p><strong>Etapa 2<\/strong>: ap\u00f3s o login, voc\u00ea ser\u00e1 redirecionado para uma p\u00e1gina onde precisa adicionar seu site a uma pesquisa. Adicione o seu nome de dom\u00ednio ao campo Site a ser pesquisado. No final, clique no bot\u00e3o CRIAR.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b871c00f.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b871c00f.png\" alt=\"Como adicionar a caixa de pesquisa do Google em um site\" ><\/a><\/p>\n<p><strong>Etapa 3<\/strong>: na pr\u00f3xima p\u00e1gina, voc\u00ea dever\u00e1 ver a mensagem de sucesso. A partir daqui, clique em Obter c\u00f3digo.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b878a9ce.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b878a9ce.png\" alt=\"Como adicionar a caixa de pesquisa do Google em um site\" ><\/a><\/p>\n<p>O c\u00f3digo que voc\u00ea obt\u00e9m tem a caixa de pesquisa e o resultado da pesquisa na mesma p\u00e1gina. Isso significa que, ao inserir alguma palavra-chave na caixa de pesquisa, um pop-up exibir\u00e1 o conte\u00fado relacionado.<\/p>\n<p>Mas recomendamos, n\u00e3o use este formato. Em vez disso, opte pelo layout de duas p\u00e1ginas. Nesse caso, voc\u00ea pode colocar sua caixa de pesquisa em qualquer lugar do site. E para o resultado da pesquisa, crie uma p\u00e1gina separada onde deseja exibir o resultado final do conte\u00fado relacionado aos leitores.<\/p>\n<p>Para integrar esse layout de duas p\u00e1ginas, siga as pr\u00f3ximas etapas.<\/p>\n<p><strong>Etapa 4<\/strong>: Clique em Apar\u00eancia em Configura\u00e7\u00e3o. Selecione a op\u00e7\u00e3o Duas p\u00e1ginas e clique em Salvar e obter c\u00f3digo.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b878a9ce.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b878a9ce.png\" alt=\"Como adicionar a caixa de pesquisa do Google em um site\" ><\/a><\/p>\n<p><strong>Etapa 5<\/strong>: obtenha seu c\u00f3digo para a caixa de pesquisa e o resultado da pesquisa.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b878a9ce.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b878a9ce.png\" alt=\"Como adicionar a caixa de pesquisa do Google em um site\" ><\/a><\/p>\n<p><strong>Etapa 6<\/strong>: a \u00faltima etapa necess\u00e1ria \u00e9 adicionar o URL da p\u00e1gina de pesquisa. Clique em Detalhes do resultado da pesquisa e cole o URL da sua p\u00e1gina de pesquisa como YOUR_DOMAIN \/ search.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b878a9ce.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b878a9ce.png\" alt=\"Como adicionar a caixa de pesquisa do Google em um site\" ><\/a><\/p>\n<p>Agora, voc\u00ea tem o c\u00f3digo para a caixa de pesquisa e o resultado da pesquisa. Adicione o c\u00f3digo da caixa de pesquisa no local onde deseja que o formul\u00e1rio de pesquisa apare\u00e7a. E em sua p\u00e1gina de pesquisa cole o c\u00f3digo para o resultado da pesquisa.<\/p>\n<p>Depois de adicionar um c\u00f3digo de caixa de pesquisa, voc\u00ea ver\u00e1 uma caixa de pesquisa como a imagem abaixo.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b878a9ce.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b878a9ce.png\" alt=\"Como adicionar a caixa de pesquisa do Google em um site\" ><\/a><\/p>\n<p>Se voc\u00ea estiver satisfeito com este layout padr\u00e3o, este \u00e9 o fim deste tutorial para voc\u00ea. Mas se voc\u00ea deseja adicionar seu pr\u00f3prio layout para a caixa de pesquisa, continue lendo.<\/p>\n<h3>Use o pr\u00f3prio layout para a caixa de pesquisa<\/h3>\n<p>Volte para a etapa 6 e voc\u00ea notar\u00e1 que especificamos o par\u00e2metro de consulta como &#8216;q&#8217; no formul\u00e1rio de detalhes do resultado da pesquisa. Vamos aproveitar isso para usar nosso pr\u00f3prio formul\u00e1rio de pesquisa.<\/p>\n<p>Quando pesquisamos uma palavra-chave por meio da caixa de pesquisa do Google, o URL do nosso navegador ser\u00e1 como YOUR_DOMAIN \/ search? Q = YOUR_KEYWORD.<\/p>\n<p>Ao integrar nosso pr\u00f3prio formul\u00e1rio de pesquisa, devemos seguir o mesmo padr\u00e3o. Isso significa que nosso URL de a\u00e7\u00e3o deve ser a p\u00e1gina de pesquisa e o nome da caixa de pesquisa deve ser &#8216;q&#8217;.<\/p>\n<p>Abaixo est\u00e1 o exemplo de um formul\u00e1rio de pesquisa.<\/p>\n<pre><code>&lt;?php\n$q = isset($_GET['q'])? $_GET['q']: '';\n?&gt;\n&lt;form role=\"search\" method=\"get\" class=\"search-form\" action=\"YOUR_DOMAIN\/search\" &gt;\n&lt;label&gt;\n&lt;span class=\"screen-reader-text\"&gt;Search for:&lt;\/span&gt;\n&lt;input type=\"search\" class=\"search-field\" placeholder=\"Search \u2026\" value=\"&lt;?php echo $q; ?&gt;\" name=\"q\"&gt;\n&lt;\/label&gt;\n&lt;\/form&gt;<\/code><\/pre>\n<p>Agora, quando voc\u00ea pesquisa por qualquer palavra-chave, ele redireciona para a p\u00e1gina de pesquisa onde o Google exibe o conte\u00fado relacionado por palavra-chave.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Voc\u00ea deseja adicionar a caixa de pesquisa do Google ao seu site? Neste artigo, mostramos um guia passo a passo sobre como usar a caixa de pesquisa do Google no site.<\/p>\n","protected":false},"author":1,"featured_media":20693,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[417],"tags":[848],"class_list":["post-27148","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diversos","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/27148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=27148"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/27148\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/20693"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=27148"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=27148"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=27148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}