Cómo crear una web sin programar: guía práctica

Qué construir y cuándo detenerse

Sirve para portfolios, webs de servicios, publicaciones y tiendas pequeñas que encajan con una plataforma establecida. No sustituye desarrollo especializado para permisos, modelos de datos o integraciones complejas.

• Propiedad: compara dominio, exportación, acceso a datos, renovación y trabajo para abandonar la plataforma. Nombra propietarios de dominio, cuenta, contenido y datos. Detente si no puedes recuperar dominio o exportar información necesaria.
• Contenido: escribe visitante, problema, prueba, oferta y acción antes de elegir adornos. Resultado: mapa pequeño con texto útil y una acción clara por página.
• Confianza y acceso: configura dominio, formularios, antispam, privacidad, accesibilidad y roles. Detente si nadie responde por los datos del formulario o el acceso sensible comparte una contraseña.
• Lanzamiento: prueba HTTPS, URL preferida, móvil, navegación, formularios, indexabilidad, consentimiento analítico y recuperación en la URL pública real; registra fecha.
• Mantenimiento y salida: asigna actualizaciones, copias, alertas de facturación, renovación y ensayo periódico de exportación o migración para sobrevivir a cambios de personal o plataforma.

1. Define la finalidad

Completa: Esta web ayuda a [visitante concreto] a entender o hacer [tarea concreta] y le propone [acción principal].

Un consultor busca consultas cualificadas; un diseñador, mostrar trabajos y recibir contactos; una tienda, descubrir productos y pagar; un proyecto comunitario, informar e inscribir. Puede haber varias páginas, pero una finalidad principal.

2. Identifica al visitante y su siguiente paso

Describe su problema, conocimientos previos y qué generaría confianza. Elige pedir presupuesto, reservar llamada, comprar, ver trabajos o visitar un lugar.

Puede haber acciones secundarias, pero no cinco botones equivalentes en la primera pantalla. Oferta y siguiente paso deben entenderse sin descifrar el menú.

3. Elige la categoría de plataforma

Elige la opción más sencilla que permita la acción. Una web informativa de cinco páginas no necesita un constructor de aplicaciones. Hostinger ofrece alojamiento tipo WordPress gestionado y Website Builder visual: comprueba renovación, correo, recuperación, soporte y salida. El resto de la guía vale aunque no lo elijas.

4. Registra el dominio

Prefiere un nombre corto, pronunciable y coherente con el negocio; evita ortografía confusa y conflictos de marca. Una palabra clave no reemplaza contenido útil.

ICANN describe al titular como la persona o entidad del acuerdo de registro que gestiona el nombre mediante el registrador. No permitas que un contratista temporal tenga el único control.

• Titular correcto y cuenta bajo su control.
• Contraseña única y doble factor.
• Dirección de recuperación vigilada.
• Renovación con pago válido.
• Registro de proveedor, fecha y contactos autorizados.

5. Planifica las páginas

• Inicio: audiencia, oferta, evidencia y acción.
• Sobre nosotros: quién opera y por qué confiar.
• Servicios, productos o trabajos: qué ofreces, a quién y siguiente paso.
• Contacto: canal aprobado y proceso de respuesta.
• Privacidad y cookies: datos recogidos y finalidad.
• Términos, devoluciones u otras páginas legales cuando correspondan, con revisión profesional.
• Añade preguntas, casos, precios, reservas o ubicación solo si responden una necesidad real.

6. Escribe el inicio

Orden útil: encabezado que nombre oferta o resultado; una o dos frases de público y valor; acción principal; evidencia real de trabajo, proceso, credenciales o políticas; servicios o productos; objeciones importantes y siguiente paso repetido.

No inventes testimonios, clientes o resultados. Si aún no tienes evidencia, explica honestamente proceso y límites.

7. Prepara información, servicio, contacto y textos legales

Identifica al operador real y experiencia pertinente sin inventar una persona. Define alcance, exclusiones y siguiente paso del servicio. Usa solo un correo o formulario aprobado y vigilado.

No copies privacidad o términos de otro negocio. Formularios, analítica, recursos insertados, pagos y cookies determinan qué explicar. Busca revisión jurídica si no están claras las obligaciones.

8. Elige y adapta una plantilla

Elige por estructura, no fotos o animaciones. Necesitas jerarquía legible, navegación clara, secciones flexibles, contraste, foco visible, móvil, pie sencillo y formularios con etiquetas y errores.

Sustituye toda demostración, enlaces y datos provisionales; elimina secciones que no ayuden a la acción principal.

9. Trabaja primero en móvil

Prueba a 360, 390 y 412 píxeles durante la construcción, además de tableta y escritorio. La etiqueta responsive no garantiza que funcione con contenido real.

• Títulos sin cortes y texto legible.
• Botones cómodos al tacto y menú que abre y cierra.
• Tablas y galerías que se adaptan o desplazan.
• Formularios dentro de la pantalla.
• Contenido esencial visible.
• Barras fijas sin tapar controles.

10. Prepara y comprime imágenes

Usa imágenes propias, licenciadas o autorizadas. Ajusta tamaño a la mayor presentación necesaria y formato eficiente compatible; no subas sin cambios una foto enorme para una tarjeta pequeña.

El texto alternativo explica la función en contexto. Las decorativas no deben generar ruido repetido al lector de pantalla. Mantén las palabras importantes como texto real, no dentro de imágenes.

11. Aplica accesibilidad básica

W3C recomienda contraste, elementos interactivos reconocibles, navegación coherente, títulos descriptivos, alternativas de imágenes y controles etiquetados. No basta una insignia de extensión.

• Un encabezado principal descriptivo y subtítulos lógicos.
• Foco de teclado visible.
• Etiqueta en cada campo.
• Estado comunicado sin depender solo del color.
• Enlaces que describan destino.
• Errores y confirmaciones claros.
• Zoom sin perder contenido.
• Prueba de navegación con teclado.

12. Configura formularios y antispam

Pide solo lo necesario: nombre, dirección de respuesta, mensaje y consentimiento aplicable. No recojas identidad sensible ni pagos mediante contacto general.

Configura buzón real, remitente y respuesta, validación de servidor, errores accesibles, confirmación, límites o protección antispam adecuada, retención y eliminación. Prueba escritorio y móvil. Que se vea no demuestra que funcione: confirma entrega sin exponer secretos.

13. Prepara lo básico para buscadores

Google recomienda contenido útil, organización lógica, URLs descriptivas, títulos claros y descripciones específicas concisas. No repitas palabras clave artificialmente ni crees páginas vacías por pequeñas variaciones.

• Título único de navegador y búsqueda.
• Descripción útil y URL descriptiva.
• Información principal en texto.
• Enlaces internos relevantes y alternativas de imagen.
• Una URL canónica preferida.
• Mismo contenido esencial en móvil.

14. Enlaza lo útil

Desde inicio enlaza servicios o trabajos principales. Conecta servicios, preguntas y políticas donde respondan la siguiente duda, con texto descriptivo.

No enlaces a borradores, páginas borradas o editores privados. Mantén un mapa al crecer.

15. Decide analítica, cookies y privacidad

Define qué medir antes de instalar scripts. Registros básicos o analítica centrada en privacidad pueden bastar. Publicidad, seguimiento de comportamiento y recursos externos pueden añadir obligaciones.

Documenta herramientas y finalidad, cookies o almacenamiento local, destinatarios y retención, regiones, consentimiento previo necesario y propietario de analítica. Sin decisiones aprobadas, lanza sin analítica opcional en vez de recoger datos silenciosamente.

16. Copias y recuperación

Comprueba qué se copia, frecuencia, retención y restauración. Conserva texto, imágenes, productos y configuración importantes fuera de la plataforma.

Registra registrador y renovación, plataforma y propietario, copias o historial, exportación, destino de formularios, DNS y contacto de reversión. Prueba restauración segura o duplicado si se permite.

17. Migra DNS con cuidado

DNS controla web y frecuentemente correo. No borres sitio ni alojamiento anterior durante el cambio inicial. No cambies servidores de nombres solo porque la plataforma los ofrezca. El correo no se toca sin una migración independiente aprobada.

• Registra la zona DNS completa.
• Separa registros web de MX, SPF, DKIM y DMARC.
• Verifica nueva web en vista previa.
• Confirma dominio raíz y www.
• Prepara cambios exactos aprobados y valores de reversión.
• Cambia solo registros web verificados.
• Prueba web y correo entrante y saliente.

18. Prueba el lanzamiento

Prueba la URL HTTPS real en teléfono, otro navegador y otra red, además de páginas inexistentes y fallos del formulario.

19. Mantén la web

Cada mes revisa actualizaciones aprobadas, copias terminadas, formularios, enlaces rotos, accesos, renovaciones, servicios, políticas y precios cambiados, y móvil tras editar contenido. Registra con fecha los cambios importantes.

Presupuesto por categorías

No planifiques con un único total promocional. Separa dominio y renovación, plataforma o alojamiento, correo, plantillas o extensiones, comercio/pagos/reservas, formularios/antispam/almacenamiento, analítica/consentimiento, diseño/fotos/textos/revisión legal y mantenimiento/soporte.

Importes dependen de mercado, plazo, impuestos y requisitos. Registra precio inicial y renovación con fecha.

Errores frecuentes

• Elegir plataforma compleja antes de definir finalidad.
• Dominio bajo la cuenta del contratista.
• Copiar demostraciones o textos legales.
• Ocultar contenido esencial en móvil.
• Publicar formularios sin probar.
• Imágenes demasiado grandes o extensiones superpuestas.
• Analítica antes de privacidad.
• Cambiar servidores DNS sin registrar correo.
• Borrar sitio anterior antes de completar reversión.

Cómo resolver problemas

• El dominio no muestra la nueva web: comprueba registros exactos, propagación, raíz y www; no cambies correo.
• Funciona en escritorio pero no móvil: revisa anchuras fijas, tablas, imágenes y títulos largos.
• No llegan formularios: destino, spam, remitente, autenticación y registros de servidor; no lo declares funcional sin entrega confirmada.
• Página ausente en buscadores: verifica pública, indexable, enlazada, en sitemap y sin noindex. Indexación no es inmediata ni garantizada.
• Actualización rota: restaura versión o copia, identifica cambio y prueba antes de republicar.

Recomendación final

Construye lo mínimo que responda al visitante y permita una acción clara. Conserva dominio y cuentas, elige plataforma sencilla, prueba formularios y móvil y protege copias y DNS del correo. Cinco páginas fiables sirven más que una web compleja inmantenible.

• Comparar opciones de Hostinger — enlace de afiliado

Preguntas frecuentes

Fuentes

Estas son las fuentes oficiales del artículo original. Muchas de sus páginas están en inglés.

• Guía inicial SEO de Google
• Guía para desarrolladores de Google
• Diseñar con accesibilidad: W3C WAI
• Formularios accesibles: W3C WAI
• Texto alternativo: W3C WAI
• Información para titulares de dominios: ICANN
• Añadir un sitio en Hostinger