Mapaprop

Criar e editar publicações do blog

Esta ajuda cobre o editor de publicações do blog: como criar uma nova, editar uma existente, formatar o conteúdo e enviar imagens para usar em seus artigos.

Acesso ao editor

Em Menu > Site > seu site > Blog você pode:

  • Adicionar uma nova publicação (botão flutuante verde ⊕ no canto inferior direito).
  • Editar uma publicação existente (ícone de lápis na linha).
  • Excluir uma publicação (ícone de lixeira, com confirmação).

O editor está organizado em três abas:

  1. Títulos e SEO — metadados da publicação.
  2. Edição de conteúdo — o corpo do artigo.
  3. Biblioteca de imagens — gerencie as imagens que você inserirá no conteúdo.

Para salvar uma publicação você precisa de pelo menos um título (entre 2 e 100 caracteres). Os demais campos são opcionais.

Títulos e SEO

Título da publicação (obrigatório)

Use maiúsculas e minúsculas naturais. Por exemplo, escrever o título "Tendências do mercado imobiliário em 2026" vai gerar a URL seudominio.com/blog/tendencias-del-mercado-inmobiliario-en-2026.

Evite alterar o título depois de publicado: isso modifica a URL e pode afetar resultados já indexados no Google.

Editor (autor)

Nome do autor da publicação. É preenchido automaticamente com o usuário que está editando, mas você pode alterá-lo (por exemplo, se a publicação foi escrita por outro membro da equipe).

Ordem

Número de 1 a 99 que determina como as publicações aparecem na listagem do blog. 1 = primeiro. Se deixado em branco, fica por último.

Imagem principal (URL)

URL da imagem que aparece como capa da publicação: na listagem do blog e como prévia quando alguém compartilha o link em redes sociais ou por mensagem. Deve ter o formato https://....

A forma mais rápida de obter essa URL é enviar a imagem na aba Biblioteca de imagens e copiar o link a partir do modal de pré-visualização.

SEO: palavras-chave e descrição

  • Palavras-chave: lista de palavras separadas por vírgulas (ex.: imobiliária, blog, tendências, mercado). 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ãoAtalhoFunção
BCtrl + BNegrito
ICtrl + IItálico
S—Tachado

2. Cabeçalhos

H1, H2 e H3. Use cabeçalhos para estruturar o artigo e melhorar o SEO.

Recomendação de SEO: use H2 para os títulos principais do artigo e H3 para os subtítulos. Reserve H1 para casos pontuais — o título da publicação 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ãoFunção
🔗 LinkAbre uma caixa de diálogo para colar uma URL e aplicá-la ao texto selecionado.
🖼 ImagemAbre uma caixa de diálogo para colar a URL de uma imagem e inseri-la no cursor.

Para inserir uma imagem:

  1. Vá até a aba Biblioteca de imagens, envie a foto e copie sua URL.
  2. Volte para Edição de conteúdo e posicione o cursor onde deseja a imagem.
  3. Pressione o botão 🖼 Imagem da barra de ferramentas e cole a URL.
  4. Pressione Aplicar.

Para inserir um link:

  1. Selecione o texto que deseja transformar em link.
  2. Pressione o botão 🔗 Link da barra de ferramentas.
  3. Cole a URL e pressione Aplicar.
  4. 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:

5. Modo HTML e desfazer / refazer

  • Modo HTML (</>): alterna entre o editor visual e a edição direta do código HTML. Um aviso aparece ao ativá-lo, e também ao voltar para o modo visual.
  • 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 exibe (<div class="...">, <script>, atributos personalizados). Esses elementos ficam salvos ao pressionar Salvar, mesmo que não apareçam na tela no 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 de 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, visualizar e excluir imagens associadas ao blog.

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 termina.

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úvida.

Visualizar, 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 o Squoosh, o TinyPNG ou similar).
  • Alguns celulares têm uma posição específica para tirar fotos. Se a imagem aparecer girada, reexporte-a para remover os metadados EXIF com um programa como Photoshop ou XnView (gratuito).

Salvar a publicação

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 publicação, a URL do navegador muda para a da publicação recém-criada (por exemplo, /website/123/blog/456) para que um novo clique em Salvar não gere uma duplicata.
  • Se o título tiver menos de 2 caracteres ou estiver vazio, o salvamento é cancelado e a aba Títulos e SEO é focada automaticamente para corrigir o erro.

Depois de publicar

Quando você tem uma ou mais publicações, um link "Blog" aparece automaticamente na navegação do seu site (dentro do item "A imobiliária", dependendo do design).

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.

Ajudas relacionadas