Incorporar o Google Maps ao seu site permite que os visitantes encontrem informações de localização com facilidade, vejam um marcador no mapa em um endereço específico e usem recursos como rotas e Street View. Isso também ajuda o seu SEO local.
Como incorporar o Google Maps manualmente com código
Siga os passos abaixo para incorporar o Google Maps manualmente ou com widgets do WordPress. Funciona assim:
- Abra o Google Maps
- Clique em Compartilhar e em Incorporar um mapa e copie o código de incorporação
- Cole o código de incorporação no HTML do seu site
Passo 1: Abra o Google Maps
Acesse https://www.google.com/maps/ e pesquise o local desejado na barra de pesquisa. Você pode marcar o endereço da sua empresa, ver um destino ou mudar para a visualização de satélite para ver mais detalhes.
Passo 2: Gere o código de incorporação
- Clique no ícone Compartilhar na interface do mapa.
- Na janela Compartilhar, selecione a guia “Incorporar um mapa”.
- Copie o código de incorporação (iframe) exibido.
Passo 3: Cole o código de incorporação no HTML do seu site
- Abra o arquivo com o seu código HTML em qualquer editor de código ou abra sua página no WordPress e selecione um widget HTML.
- Encontre a seção em que o mapa deve aparecer e cole o código do iframe.
- Salve as alterações e atualize a página para ver o mapa incorporado.
Exemplo de código de incorporação em iframe:
<iframe src="https://www.google.com/maps/embed?..." width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
Como deixar o mapa responsivo
Para que o mapa fique bem em todos os tamanhos de tela, você pode colocar o iframe dentro de um contêiner com CSS:
<div style="position:relative; padding-bottom:56.25%; height:0; overflow:hidden;"> <iframe src="https://www.google.com/maps/embed?..." style="position:absolute; top:0; left:0; width:100%; height:100%; border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div>
Como incorporar o Google Maps com construtores de páginas do WordPress
A maioria dos construtores de páginas do WordPress, como Elementor, Divi e WPBakery, tem um widget de Google Maps. Com ele, você não precisa escrever código. Os widgets costumam oferecer opções como nível de zoom, tipo de mapa (padrão, satélite etc.) e personalização do marcador.
No Elementor, por exemplo, você pode incorporar um mapa do Google assim:
- Pesquise o widget Google Maps
- Arraste o widget Google Maps para a sua página
- Digite o nome do local da sua empresa
Se você usa WordPress, também pode se interessar por como fazer SEO no WordPress!
Problemas comuns e soluções
- O mapa não aparece: Confira se o código do iframe foi copiado e colado corretamente.
- Problemas com a chave de API: Alguns recursos avançados podem exigir uma chave de API para a integração.
- Restrições do navegador: Verifique se o seu site permite iframes e se não há plugins ou scripts em conflito.
Perguntas frequentes
Posso incorporar o Google Maps no meu site de graça? Sim, você pode incorporar o Google Maps gratuitamente com o código de incorporação em iframe que o próprio Google Maps fornece.
Incorporar o Google Maps ajuda no SEO? Sim, incorporar o Google Maps pode melhorar o SEO local, porque fornece dados de localização claros e melhora a experiência do usuário.
Conclusão
Incorporar o Google Maps é uma forma simples de melhorar o seu site. Seja com código manual ou com um widget do WordPress, você oferece aos visitantes informações de localização úteis e deixa o site mais funcional. Se você usa WordPress, os passos acima mostram como adicionar o mapa com o widget do Google Maps.
I've worked in SEO for more than ten years and helped over 100 businesses rank higher, mostly local businesses, e-commerce stores and SaaS companies. As co-founder of LPagery I work on local SEO, programmatic SEO and AI search visibility, and I test the strategies in these articles on our own sites and with our customers.
I've worked in SEO for more than ten years and helped over 100 businesses rank higher, mostly local businesses, e-commerce stores and SaaS companies. As co-founder of LPagery I work on local SEO, programmatic SEO and AI search visibility, and I test the strategies in these articles on our own sites and with our customers.