Crear y editar páginas del sitio web
Esta ayuda cubre el editor de páginas: cómo crear una nueva sección de su sitio (por ejemplo, La Empresa, Servicios, Tasaciones), editar una existente, dar formato al contenido y subir imágenes para usarlas dentro de la página.
Las páginas Inicio y Contacto son páginas estáticas (solo editan SEO). Para esas vea Páginas estáticas.
Acceso al editor
Desde Menú > Sitio Web > su sitio web > Mis Páginas puede:
- Agregar una nueva página (botón flotante verde ⊕ abajo a la derecha).
- Editar una página existente (ícono lápiz en la fila).
- Eliminar una página (ícono basura, con confirmación).
El editor se organiza en tres solapas:
- Títulos y SEO — meta-datos y opciones de menú.
- Edición de contenido — el cuerpo de la página.
- Biblioteca de imágenes — administre las imágenes que insertará en el contenido.
Para guardar una página necesita al menos un título (entre 2 y 100 caracteres). Si la incluye en el menú, también necesita un texto del menú.
Títulos y SEO
Título de la página (obligatorio)
Use mayúscula y minúscula natural. Por ejemplo, escribir el título "La Empresa" generará la URL sudominio.com/pagina/la-empresa.
Evite cambiar el título una vez creada la página: eso modifica la URL y afecta resultados ya indexados en Google. También puede romper el sistema de navegación entre páginas si tiene links que apuntan a esa URL.
Mostrar en el menú
Toggle que decide si la página aparece o no en el menú de navegación del sitio web. Cuando lo activa, se muestran dos campos adicionales: Texto del menú y Orden.
Texto del menú (obligatorio si la página está en el menú)
Texto corto que aparece en la barra de navegación. Puede ser distinto al título y tiene un máximo de 50 caracteres. Por ejemplo, si el título de la página es "Acerca de nuestra inmobiliaria", el texto del menú puede ser simplemente "La Empresa".
Escriba textos cortos para el menú — idealmente 1 o 2 palabras. Menús con textos largos rompen el layout en móvil.
Orden en el menú
Número del 1 al 99 que determina la posición del item en la barra de navegación. Las páginas con menor número aparecen primero (a la izquierda).
Toda página agregada al menú aparece entre Inicio (siempre primero) y Contacto (siempre último).
SEO: palabras clave y descripción
- Palabras clave: lista de palabras separadas por comas (ej:
inmobiliaria, caseros, venta, alquileres, villa del parque). 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 la página y mejorar el SEO.
Recomendación SEO: use H2 para los títulos principales de la página y H3 para los subtítulos. Reserve H1 para casos puntuales — el título de la página 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 a las páginas.
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 página
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 página, la URL del navegador cambia a la de la página recién creada (por ejemplo,
/website/123/pages/456) para que un nuevo click en Guardar no genere una página duplicada. - Si el título es inválido o falta el texto del menú (cuando está activado Mostrar en el menú), el guardado se cancela y la solapa Títulos y SEO se enfoca automáticamente para corregir el error.
Después de guardar
Si activó Mostrar en el menú, la página aparece automáticamente en la barra de navegación del sitio público, entre Inicio y Contacto, en la posición que indique el campo Orden.
¿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.
Otras referencias
- Cómo insertar links — 4 tipos de links posibles dentro del contenido.
- Cómo insertar archivos — agregar archivos descargables (PDFs, etc.).
- Páginas estáticas — SEO de Inicio y Contacto.
- Crear y editar publicaciones del blog — funciona igual que el editor de páginas.
- SEO — guía general de SEO.