Dicas Gerais

Como incorporar Google Maps em um site

Aprenda a incorporar um mapa do Google Maps no site, ajustar sua exibição e oferecer endereço e rota de forma acessível aos visitantes.

Revisão técnica: 08/09/2026.

Incorporar um mapa do Google Maps no site ajuda visitantes a localizar uma empresa, unidade ou evento sem depender apenas de uma descrição textual. O mapa deve complementar o endereço e as instruções, não substituí-los. Antes de copiar o código, confirme que o marcador aponta para o local correto e que os dados exibidos estão atualizados.

Encontre e confira o local

Abra o Google Maps no computador e pesquise o nome ou o endereço completo. Verifique número, bairro, cidade, entrada correta e horário quando essas informações aparecem na ficha. Se houver mais de uma unidade, crie uma seção clara para cada uma, evitando que o visitante siga para o endereço errado.

O mapa público pode exibir dados enviados por diferentes fontes. Corrija a ficha da empresa pelos canais apropriados quando encontrar divergências; editar apenas o texto do site não altera o resultado mostrado no Maps.

Copie o código de incorporação

No menu do local, escolha a opção de compartilhar ou incorporar, abra a guia de incorporação e copie o HTML fornecido. A ajuda oficial do Google Maps descreve esse processo. Cole o código no bloco de HTML personalizado do editor, sem converter o trecho em texto comum.

Faça isso apenas em páginas onde o mapa ajuda uma tarefa real, como contato, visita ou retirada. Repetir a incorporação em todas as páginas adiciona uma dependência externa e pode aumentar o trabalho de carregamento.

Ajuste para telas menores

Defina uma largura que acompanhe o contêiner da página e uma altura suficiente para reconhecer ruas e controles. Teste em celular sem permitir que o mapa ultrapasse a tela. Preserve o atributo de título do quadro incorporado ou inclua uma descrição equivalente para que sua finalidade seja compreensível.

Ofereça uma alternativa ao mapa

  • mostre o endereço completo como texto selecionável;
  • adicione um link direto para abrir a rota no aplicativo de mapas;
  • informe referências de acesso quando forem realmente úteis;
  • não use uma imagem do mapa como única orientação;
  • mantenha telefone e horário em texto fora da incorporação.

Teste privacidade, desempenho e manutenção

Conteúdo incorporado pode carregar recursos e cookies de terceiros. Verifique como isso se encaixa na política de privacidade e no mecanismo de consentimento adotado pelo site. Meça o desempenho da página antes e depois; quando necessário, carregue o mapa somente após uma ação do visitante, mantendo endereço e link disponíveis.

Por fim, teste clique, toque, zoom, teclado e abertura da rota. Inclua a conferência do endereço na rotina de manutenção. O design do site deve integrar o mapa à hierarquia visual sem esconder as informações essenciais de contato.