Crear una página web desde cero

Consejos para crear una página web desde cero

Carlos Yañez

22-05-2020

Antes de iniciar un desarrollo web hay temas importantes a definir. Se requiere de una buena idea, una definición clara de los procesos involucrados y un buen diseño web que atraiga rápidamente y logre retener a los visitantes. Todo esto debe definirse en una fase previa a la creación de la página web.

Si queremos ser profesionales en el desarrollo de nuestra página, como cualquier proyecto informático se debe seguir una metodología que garantice el éxito. Por eso una vez tenemos clara la idea de nuestra web debemos desarrollarla y realizar un análisis funcional antes de iniciar el desarrollo y posteriormente un diseño técnico

Estos dos puntos podemos obviarlos, pero desde luego, si les dedicamos un tiempo, la evolución de nuestra página web será mucho más sencilla si tenemos lo anterior documentado.

 

Primeros pasos: una buena idea y un tiempo para el diseño

Como hemos indicado, la creación de una web se inicia siempre con una idea que debemos ir puliendo con el tiempo.

Tener una buena idea es lo más complicado y esa idea debe diferenciarnos de los demás ya sea en cuanto al diseño de nuestra web, ya sea por un contenido diferencial o por plantear algo realmente novedoso.

Para dar con una buena idea, es interesante realizar una tarea de análisis e investigación consistente en navegar por otras webs de contenido similar al que deseamos con el fin de coger ideas y descartar diseños que no nos diferencien.

El siguiente paso una vez tenemos claro lo que queremos hacer, es imaginar cómo debe ser nuestra web en cuanto al diseño de esta.

Para tener una web atractiva y usable, es recomendable cumplir con una serie de aspectos de diseño fundamentales y que, si hoy en día nos los cumplimos, difícilmente tendremos el éxito que queremos con nuestra web.

Es fundamental que nuestro diseño cumpla con lo siguiente: 

  • Diseño responsive: cualquier web que no sea responsive, hoy en día tiene casi garantizado su fracaso. 

 

  • Diseño homogéneo: este tipo de diseño facilita la usabilidad de nuestra web.

 

  • Estructura de los contenidos adecuada: debemos facilitar la lectura de la página y no sobrecargarla con excesivo texto. 

 

  • Facilidad de navegación: la estructura de los menús debe ser clara para ayudar a navegar al usuario. La profundidad en los menús no debe ser mayor de tres niveles para evitar la confusión de dónde estamos

 

  • Las redes sociales: nuestro diseño debe contemplar que en un lugar preferente estén los enlaces a nuestras redes sociales.

 

  • Optimización de la carga de la página: las páginas no pueden tardar más de 3 segundos en cargar.

 

  • Orientación al SEO: no debemos olvidar tampoco orientar el diseño de nuestra web de forma que optimicemos el SEO, es decir, nuestro posicionamiento en buscadores para garantizar visitas.

 

Todas estas ideas que nos van a servir para crear nuestra web es altamente recomendable plasmarlas en dos documentos. Estos documentos no solo son obligados en un trabajo profesional, también par aun amateur le van a facilitar la evolución de su página web.

Empezaremos por elaborar el diseño funcional de nuestra web. Físicamente, el análisis funcional es un documento pseudo-técnico en donde se detalla de forma todos los procesos, comportamientos y funcionalidad que debe ofrecer la web que se está diseñando, es decir, se profundiza en la idea y el diseño que hemos decidido anteriormente.

Dicho documento debe contemplar cómo se pretende que el usuario navegue y cómo reaccionar ante eventos que provoque el usuario como pulsar un botón, realizar una búsqueda, etc.

Una vez desarrollado el diseño funcional, deberemos definir el diseño técnico. El diseño técnico es un documento que plasmará cómo se creará nuestra web a nivel técnico, describiendo la arquitectura de la plataforma técnica a utilizar como el CMS, la base de datos, el servidor web, los recursos de programación y el dimensionamiento de los servidores para soportar la carga de usuarios prevista y las funcionalidades descritas en el diseño funcional.

 

Siguientes pasos: empieza la creación de la web

Llegados a este punto, se supone que ya tenemos claro qué vamos a crear y cómo lo vamos a realizar. Solo nos faltan las herramientas para llevarlo a cabo y eso se concreta en 5 puntos que vamos a ver a continuación.

 

  • Contratemos un dominio

Para poder crear nuestra web, esta debe ubicarse en un dominio. Igual en nuestro diseño ya hemos pensado en el mismo. Un buen dominio debe cumplir 3 reglas:

  • Debe ser fácil de recordar 
  • Debes ser descriptivo de nuestra web y directo
  • La extensión de dominio es mejor que sea tipo .com o .es (o de tu país), extensiones menos habituales no generan confianza.

 

  • Contratemos un hosting

En el diseño técnico tendremos definido los requerimientos de la arquitectura de la solución. Básicamente podremos optar por proporcionar nosotros la infraestructura, o bien contratar un hosting. Esta última opción puede que sea la más adecuada hoy en día y más si incluye una herramienta de CMS como WordPress, uno d ellos más populares.

Pero no todos los hostings son iguales y es algo que debemos tener claro pues impactará en su precio y en la calidad de su servicio.

Podemos distinguir 4 tipos de hosting:

  • Hosting compartido: Es el más utilizado, ya que su precio es muy económico. Consiste es que tu web va a compartir servidor con otras muchas webs.
  • Hosting dedicado: Es mucho más caro que el anterior porque tu web se aloja en un servidor exclusivamente dedicado para ti.
  • Hosting virtual: Esta opción es un intermedio entre las anteriores. Se dispone de un servidor virtual para nuestra web, pero alojado sobre un servidor físico en el que hay varios servidores virtuales de diversas webs.
  • Hosting en Cloud: Esta opción es la última tendencia, es similar a la opción virtual con la diferencia que la web está alojada en diversos servidores para dar un servicio adecuado a la demanda que en cada momento requiera la web.

 

Empecemos a construir la web

Con el dominio contratado y el hosting también, ya podemos empezar a crear nuestra web y para ello lo más sencillo es usar un CMS como WordPress.

Es posible que si hemos pensado en un diseño muy exclusivo esta solución se nos quede algo limitada, aunque con la gran cantidad de plugins y temas gratuitos que incorpora yo creo que vas a tener más que suficiente.

Lo primero es elegir el tema que queremos pues es el que marcará la apariencia de nuestra web. Elegido el tema ya podemos empezar modificarlo si lo creemos necesario y seguidamente construir nuestra web, añadiendo el contenido que previamente hemos estudiado que vamos a incorporar.

Conviene dedicar un tiempo a estudiar la gran variedad de plugins disponibles pues siempre encontraremos alguno que nos será de utilidad

 

Publiquemos la web y démosle visibilidad

Ya tenemos todo lo necesario para sacar nuestra web al mundo, es tan fácil como publicarla desde WordPress o en CMS elegido.

Tan importante como todo lo realizado hasta ahora es dar visibilidad a nuestra web y para ello tenemos diferentes opciones como es:

  • Anunciarla en nuestras redes sociales

 

  • Comentarla en blogs en los que participes

 

  • Definir una estrategia de marketing vía correo

 

Espero que con lo comentado en el post de hoy puedas iniciar el desarrollo de la web que siempre has querido realizar y que quizá no sabías por dónde iniciar. 

Cuéntanos qué tal la experiencia si decides abordar un proyecto de desarrollo web.

 

 

Profile picture for user Carlos Yañez
Carlos Yañez

Ingeniero Superior de Telecomunicaciones por la UPC. Director de Informática en un Laboratorio de Análisis con implantación nacional. Profesor de los cursos de Electrónica y Técnico en Sistemas Microinformaticos y Redes.

FP de Grado Superior en Desarrollo de Aplicaciones Web

en FP de Grado Superior / Informática y Tecnología

Consigue ahora tu título de FP de Grado Superior de Desarrollo de Aplicaciones Web con la mejor preparación a pruebas libres.

1.500 Horas

Videotutoriales

Prácticas Profesionales

Solicitar información

FP de Grado Superior en Desarrollo de Aplicaciones Multiplataforma

en FP de Grado Superior / Informática y Tecnología

Consigue ahora tu título de FP de Grado Superior de Desarrollo de Aplicaciones Multiplataforma con la mejor preparación a pruebas libres.

1.500 Horas

Videotutoriales

Prácticas Profesionales

Solicitar información