Como criar uma caixa de pesquisa para sites e blogs


Um das coisas mais importantes em um site ou blog é tentar fazer o visitante se sentir atraído pelo seu conteúdo aliada com uma navegação fácil onde é possível encontrar facilmente o que procura, e é ai que entra à importância de uma caixa de pesquisa que da ao visitante o poder para pesquisar por conteúdo existente dentro do seu site ou blog.

Nesse artigo vou mostrar como fazer uma ferramenta que será capaz de fazer uma busca somente dentro do seu site, pesquisando por palavras chaves que o visitante procurar de dentro do seu site ou blog. Essa caixa de pesquisa é do Google então não preciso falar mais nada  né!.

78985646

Criando caixa de pesquisa

1º Passo: Se você usa  a plataforma Blogger é mais fácil ainda, já que é preciso ter uma conta no Gmail. Se você usa WordPress e ainda não têm clique aqui 

2º Passo: Agora logado na sua conta Google clique no link abaixo para entrar no serviço e criar nossa caixa de pesquisa:


3º Passo: Agora em “Sites a pesquisar” coloque o link do seu site ou blog, isso é para que a caixa de pesquisa pesquise dentro do seu blog.

Em “Idioma” selecione o “Portuguese

E clique no botão “Criar“:

98754

Pronto! Vai aparecer uma mensagem informando que sua caixa foi criada!.

87654

Testando a caixa de pesquisa

Agora vamos testar a nossa caixa de pesquisa para ter certeza que ela está funcionando pesquisando por algo que tenha em nosso site ou blog.

1º Passo: Abaixo da mensagem de parabéns clique em “URL público“:

78978

2º Passo: Teste a caixa de pesquisa pesquisando por alguma palavra chave que tenha no seu site ou blog, no meu caso procurei por “Blogger”:

132312

Veja o resultado:

79497

Várias páginas do site foram encontradas com a palavra “Blogger” ou seja, caixa de pesquisa funcionando corretamente!.

Colocando no seu site ou blog

Agora devemos colocar a caixa no site ou blog para que os visitantes possam usar, para isso devemos pegar o código dela.

1º Passo: Novamente abaixo da mensagem de parabéns clique em “Obter código“:

7984554

2º Passo: Copie todo o código que for mostrado:

3219978

3º Passo: Com o código copiado veja como coloca-lo no Blogger e no WordPress nos links abaixo:

[unordered_list style=”bullet”]

[/unordered_list]



Relacionados