Criar e editar páginas do site
Esta ajuda cobre o editor de páginas: como criar uma nova seção do seu site (por exemplo, A Empresa, Serviços, Avaliações), editar uma existente, formatar o conteúdo e enviar imagens para usá-las dentro da página.
As páginas Início e Contato são páginas estáticas (só editam o SEO). Para essas, veja Páginas estáticas.
Acesso ao editor
Em Menu > Site > seu site > Minhas Páginas você pode:
- Adicionar uma nova página (botão flutuante verde ⊕ no canto inferior direito).
- Editar uma página existente (ícone de lápis na linha).
- Excluir uma página (ícone de lixeira, com confirmação).
O editor está organizado em três abas:
- Títulos e SEO — meta-dados e opções de menu.
- Edição de conteúdo — o corpo da página.
- Biblioteca de imagens — gerencie as imagens que você vai inserir no conteúdo.
Para salvar uma página você precisa de pelo menos um título (entre 2 e 100 caracteres). Se incluí-la no menu, também precisa de um texto do menu.
Títulos e SEO
Título da página (obrigatório)
Use maiúsculas e minúsculas naturais. Por exemplo, escrever o título "A Empresa" vai gerar a URL seudominio.com/pagina/la-empresa.
Evite alterar o título depois que a página for criada: isso modifica a URL e afeta resultados já indexados no Google. Também pode quebrar o sistema de navegação entre páginas se você tiver links apontando para essa URL.
Mostrar no menu
Toggle que decide se a página aparece ou não no menu de navegação do site. Ao ativá-lo, aparecem dois campos adicionais: Texto do menu e Ordem.
Texto do menu (obrigatório se a página estiver no menu)
Texto curto que aparece na barra de navegação. Pode ser diferente do título e tem um máximo de 50 caracteres. Por exemplo, se o título da página é "Sobre nossa imobiliária", o texto do menu pode ser simplesmente "A Empresa".
Escreva textos curtos para o menu — idealmente 1 ou 2 palavras. Menus com textos longos quebram o layout no celular.
Ordem no menu
Número de 1 a 99 que determina a posição do item na barra de navegação. As páginas com número menor aparecem primeiro (à esquerda).
Toda página adicionada ao menu aparece entre Início (sempre primeiro) e Contato (sempre último).
SEO: palavras-chave e descrição
- Palavras-chave: lista de palavras separadas por vírgulas (ex:
imobiliária, caseros, venda, aluguéis, villa del parque). Veja Configurar palavras-chave. - Descrição SEO: texto curto (recomendado ≤ 160 caracteres) que aparece como resumo nos resultados do Google. Veja Escrever textos otimizados.
Edição de conteúdo
O editor visual é baseado no Tiptap. A barra superior agrupa as ferramentas em cinco blocos:
1. Formatação inline
| Botão | Atalho | Função |
|---|---|---|
| B | Ctrl + B | Negrito |
| I | Ctrl + I | Itálico |
| S | — | Tachado |
2. Cabeçalhos
H1, H2 e H3. Use cabeçalhos para estruturar a página e melhorar o SEO.
Recomendação de SEO: use H2 para os títulos principais da página e H3 para os subtítulos. Reserve o H1 para casos pontuais — o título da página que vem da aba Títulos e SEO já cumpre esse papel na maioria dos sites.
3. Listas e citações
- Lista com marcadores
- Lista numerada
- Citação / blockquote (texto destacado em bloco com borda amarela)
4. Inserir conteúdo
| Botão | Função |
|---|---|
| 🔗 Link | Abre uma caixa de diálogo para colar uma URL e aplicá-la ao texto selecionado. |
| 🖼 Imagem | Abre uma caixa de diálogo para colar a URL de uma imagem e inseri-la no cursor. |
Para inserir uma imagem:
- Vá para a aba Biblioteca de imagens, envie a foto e copie sua URL.
- Volte para Edição de conteúdo e posicione o cursor onde deseja a imagem.
- Pressione o botão 🖼 Imagem da barra de ferramentas e cole a URL.
- Pressione Aplicar.
Para inserir um link:
- Selecione o texto que deseja transformar em link.
- Pressione o botão 🔗 Link da barra de ferramentas.
- Cole a URL e pressione Aplicar.
- Para remover um link existente, selecione o texto novamente, abra a caixa de diálogo e pressione Remover link.
Os links abrem em uma nova aba por padrão (target="_blank").
Tipos de links que você pode adicionar:
- Criar links para navegar pelo seu site
- Criar links para outros sites
- Criar links com resultados de busca
- Montar um sistema de navegação entre páginas
5. Modo HTML e desfazer / refazer
- Modo HTML (
</>): alterna entre o editor visual e a edição direta do código HTML. Ao ativá-lo aparece um aviso, e ao voltar ao modo visual também. - Desfazer / Refazer: cancela ou repete a última ação do editor.
O Modo HTML preserva seu código exatamente como você o escreve, incluindo elementos que o editor visual não mostra (<div class="...">, <script>, atributos personalizados). Esses elementos ficam salvos ao pressionar Salvar, mesmo que não sejam exibidos na tela do editor visual.
Mais sobre edição avançada: Edição HTML. O Modo HTML é um recurso avançado — se você nunca trabalhou com código HTML, recomendamos permanecer no editor visual.
O que não está disponível no editor visual
Para alinhar texto, alterar cores ou tamanhos de fonte, inserir vídeos do Youtube ou Vimeo, ou incorporar mapas do Google Maps, use o Modo HTML e cole o código correspondente.
Evite colar texto do Microsoft Word ou outros editores com formatação. Se você copiar de um site, cole primeiro em um editor de texto simples (Bloco de notas, TextEdit) e depois no editor da Mapaprop. Estilos herdados podem quebrar o design do site.
Biblioteca de imagens
A aba Biblioteca de imagens permite enviar, ver e excluir imagens associadas às páginas.
Enviar imagens
Clique na área de upload ou arraste e solte arquivos de uma janela do seu computador. Cada imagem é enviada de forma independente e aparece na grade quando finaliza.
Tamanho máximo: 10 MB por imagem. Largura recomendada: 1200 px para visualizações móveis e 960 px para desktop. A altura é livre. Verifique com seu design atual em caso de dúvidas.
Ver, copiar URL e excluir
Clique em qualquer miniatura da grade para abrir o modal de pré-visualização. A partir dali você pode:
- Ver a imagem em tamanho grande.
- Ver o código da URL e Copiar URL para a área de transferência (botão verde).
- Excluir imagem definitivamente (botão vermelho, com confirmação). Imagens excluídas não podem ser recuperadas.
- Fechar o modal para voltar à grade.
Dicas para imagens
- Envie imagens previamente otimizadas (você pode usar Squoosh, TinyPNG ou similar).
- Alguns celulares têm uma posição específica para tirar fotos. Se a imagem aparecer girada, reexporte a imagem para remover os metadados EXIF com um programa como Photoshop ou XnView (gratuito).
Salvar a página
O botão Salvar está disponível nas três abas. Ao salvar:
- Aparece um toast verde confirmando que foi salvo.
- Você permanece no editor: não é redirecionado para a listagem. Pode continuar editando imediatamente.
- No modo Nova página, a URL do navegador muda para a da página recém-criada (por exemplo,
/website/123/pages/456) para que um novo clique em Salvar não gere uma página duplicada. - Se o título for inválido ou faltar o texto do menu (quando Mostrar no menu está ativado), o salvamento é cancelado e a aba Títulos e SEO recebe foco automaticamente para corrigir o erro.
Depois de salvar
Se você ativou Mostrar no menu, a página aparece automaticamente na barra de navegação do site público, entre Início e Contato, na posição indicada pelo campo Ordem.
Fez alterações e não as vê refletidas no seu site?
Alguns dados ficam em cache no navegador para acelerar o carregamento do site público. Feche todas as abas abertas do site, aguarde alguns segundos e abra-o novamente.
Outras referências
- Como inserir links — 4 tipos de links possíveis dentro do conteúdo.
- Como inserir arquivos — adicionar arquivos para download (PDFs, etc.).
- Páginas estáticas — SEO de Início e Contato.
- Criar e editar publicações do blog — funciona igual ao editor de páginas.
- SEO — guia geral de SEO.