Crear y editar publicaciones del blog
Esta ayuda cubre el editor de publicaciones del blog: cómo crear una nueva, editar una existente, dar formato al contenido y subir imágenes para usarlas en sus artículos.
Acceso al editor
Desde Menú > Sitio Web > su sitio web > Blog puede:
- Agregar una nueva publicación (botón flotante verde ⊕ abajo a la derecha).
- Editar una publicación existente (ícono lápiz en la fila).
- Eliminar una publicación (ícono basura, con confirmación).
El editor se organiza en tres solapas:
- Títulos y SEO — meta-datos de la publicación.
- Edición de contenido — el cuerpo del artículo.
- Biblioteca de imágenes — administre las imágenes que insertará en el contenido.
Para guardar una publicación necesita al menos un título (entre 2 y 100 caracteres). El resto de los campos son opcionales.
Títulos y SEO
Título de la publicación (obligatorio)
Use mayúscula y minúscula natural. Por ejemplo, escribir el título "Tendencias del mercado inmobiliario en 2026" generará la URL sudominio.com/blog/tendencias-del-mercado-inmobiliario-en-2026.
Evite cambiar el título una vez publicado: eso modifica la URL y puede afectar resultados ya indexados en Google.
Editor (autor)
Nombre del autor de la publicación. Se autocompleta con el usuario que está editando, pero puede modificarlo (por ejemplo, si la publicación la escribió otro miembro del equipo).
Orden
Número del 1 al 99 que determina cómo aparecen las publicaciones en el listado del blog. 1 = primero. Si lo deja vacío, queda al final.
Imagen principal (URL)
URL de la imagen que aparece como portada de la publicación: en el listado del blog y como vista previa cuando alguien comparte el link en redes sociales o por mensaje. Debe tener el formato https://....
La forma más rápida de obtener esta URL es subir la imagen en la solapa Biblioteca de imágenes y copiar el link desde el modal de vista previa.
SEO: palabras clave y descripción
- Palabras clave: lista de palabras separadas por comas (ej:
inmobiliaria, blog, tendencias, mercado). Vea Configurar palabras clave. - Descripción SEO: texto corto (recomendado ≤ 160 caracteres) que aparece como resumen en los resultados de Google. Vea Escribir textos optimizados.
Edición de contenido
El editor visual está basado en Tiptap. La barra superior agrupa las herramientas en cinco bloques:
1. Formato inline
| Botón | Atajo | Función |
|---|---|---|
| B | Ctrl + B | Negrita |
| I | Ctrl + I | Cursiva |
| S | — | Tachado |
2. Encabezados
H1, H2 y H3. Use encabezados para estructurar el artículo y mejorar el SEO.
Recomendación SEO: use H2 para los títulos principales del artículo y H3 para los subtítulos. Reserve H1 para casos puntuales — el título de la publicación que viene de la solapa Títulos y SEO ya cumple ese rol en la mayoría de los sitios.
3. Listas y citas
- Lista con viñetas
- Lista numerada
- Cita / blockquote (texto destacado en bloque con borde amarillo)
4. Insertar contenido
| Botón | Función |
|---|---|
| 🔗 Link | Abre un diálogo para pegar una URL y aplicarla al texto seleccionado. |
| 🖼 Imagen | Abre un diálogo para pegar la URL de una imagen y insertarla en el cursor. |
Para insertar una imagen:
- Vaya a la solapa Biblioteca de imágenes, suba la foto y copie su URL.
- Vuelva a Edición de contenido y ubique el cursor donde quiere la imagen.
- Presione el botón 🖼 Imagen del toolbar y pegue la URL.
- Presione Aplicar.
Para insertar un link:
- Seleccione el texto que quiere convertir en link.
- Presione el botón 🔗 Link del toolbar.
- Pegue la URL y presione Aplicar.
- Para quitar un link existente, vuelva a seleccionar el texto, abra el diálogo y presione Quitar enlace.
Los links se abren en una pestaña nueva por defecto (target="_blank").
Tipos de links que puede agregar:
- Crear links para navegar por su sitio web
- Crear links hacia otros sitios web
- Crear links con resultados de búsqueda
- Armar un sistema de navegación entre páginas
5. Modo HTML y deshacer / rehacer
- Modo HTML (
</>): alterna entre el editor visual y la edición directa del código HTML. Al activarlo aparece una advertencia, y al volver al modo visual también. - Deshacer / Rehacer: cancela o repite la última acción del editor.
El Modo HTML conserva su código tal como lo escriba, incluyendo elementos que el editor visual no muestra (<div class="...">, <script>, atributos personalizados). Estos elementos quedan guardados al presionar Guardar, aunque no se vean en pantalla en el editor visual.
Más sobre edición avanzada: Edición HTML. El Modo HTML es una función avanzada — si nunca trabajó con código HTML, recomendamos quedarse en el editor visual.
Lo que no está disponible en el editor visual
Para alinear texto, cambiar colores o tamaños de fuente, insertar videos de Youtube o Vimeo, o embeber mapas de Google Maps, use el Modo HTML y pegue el código que corresponda.
Evite pegar texto desde Microsoft Word u otros editores con formato. Si copia desde un sitio web, péguelo primero en un editor de texto plano (Bloc de notas, TextEdit) y después en el editor de Mapaprop. Los estilos heredados pueden romper el diseño del sitio.
Biblioteca de imágenes
La solapa Biblioteca de imágenes permite subir, ver y borrar imágenes asociadas al blog.
Subir imágenes
Haga clic en la zona de carga o arrastre y suelte archivos desde una ventana de su ordenador. Cada imagen se sube de manera independiente y aparece en la grilla cuando finaliza.
Tamaño máximo: 10 MB por imagen. Ancho recomendado: 1200 px para vistas móviles y 960 px para escritorio. El alto es libre. Verifique con su diseño actual si tiene dudas.
Ver, copiar URL y borrar
Haga clic sobre cualquier miniatura de la grilla para abrir el modal de vista previa. Desde ahí puede:
- Ver la imagen en tamaño grande.
- Ver el código de la URL y Copiar URL al portapapeles (botón verde).
- Borrar imagen definitivamente (botón rojo, con confirmación). Las imágenes borradas no se pueden recuperar.
- Cerrar el modal para volver a la grilla.
Tips para imágenes
- Suba imágenes previamente optimizadas (puede usar Squoosh, TinyPNG o similar).
- Algunos móviles tienen una posición específica para sacar fotos. Si la imagen aparece girada, re-exporte la imagen para eliminar la metadata EXIF con un programa como Photoshop o XnView (gratis).
Guardar la publicación
El botón Guardar está disponible en las tres solapas. Al guardar:
- Aparece un toast verde confirmando que se guardó.
- Permanece en el editor: no lo redirige al listado. Puede seguir editando inmediatamente.
- En el modo Nueva publicación, la URL del navegador cambia a la de la publicación recién creada (por ejemplo,
/website/123/blog/456) para que un nuevo click en Guardar no genere una duplicada. - Si el título tiene menos de 2 caracteres o está vacío, el guardado se cancela y la solapa Títulos y SEO se enfoca automáticamente para corregir el error.
Después de publicar
Cuando tiene una o más publicaciones, aparece automáticamente un link "Blog" en la navegación de su sitio web (dentro del item "La inmobiliaria" según el diseño).
¿Hizo cambios y no los ve reflejados en su sitio?
Algunos datos se cachean en el navegador para acelerar la carga del sitio público. Cierre todas las pestañas abiertas del sitio, espere unos segundos y vuelva a abrirlo.
Ayudas relacionadas
- Administrar publicaciones del blog
- Crear y editar páginas — funciona igual que el blog.
- Edición HTML avanzada
- SEO en su sitio web
- Cómo insertar links