• 1,007k
  • 68
Diseño Web \ 30 Abril 2018

Guía paso a paso: Cómo crear una página web desde cero

Gran parte del éxito de cualquier negocio reside en tener una sólida presencia online. Sin embargo, el proceso de crear tu propia página web desde cero puede parecer bastante desalentador. A pesar de que tú, como propietario de una pequeña empresa, ya estás acostumbrado a sacar adelante proyectos de la A a la Z sin ayuda de nadie, siempre es bueno tener una guía.

Al igual que con la creación de una marca, cuando se trata de crear tu propia página web, hay un par de elementos que, simplemente, no puedes pasar por alto. Para allanarte un poco el camino, hemos hecho uso de los conocimientos de todos los profesionales de Wix para poner a tu disposición  una guía paso a paso para aprender a crear una página web desde cero:

01. Haz tus deberes

Hay algunos pasos iniciales que son imprescindibles para dirigir tu página web en la dirección correcta desde el minuto uno. Comienza por definir un objetivo claro para mostrar su negocio de manera efectiva. ¿Tu propósito es sólo crear identidad de marca? ¿Estás creando la web para vender tus productos o publicitar tus servicios? ¿Es una forma de recopilar suscripciones por correo electrónico? Una vez que lo tengas claro, asegúrate de que tu página sea coherente con la identidad de tu marca. Es importante recordar que tu página sitio web viene a complementar cualquier otro aspecto de tu negocio, tanto online (redes sociales, blogs, etc.) como offline (tarjetas de visita, documentos de presentación, etc.) . Lo mejor es pensar en varias posibilidades primero, comparar y elegir la que más de adecue a tus objetivos; y es que debes decidir hasta los detalles más pequeños, desde el número de páginas del  menú hasta la localización (e incluso el color) de los botones.

02. La curiosidad no mata al gato

Now it’s time for some visual research. Inspiration pops up in all kinds of places. But, there’s one particular place that’s blossoming with web design creativity: the Wix templates page. Explore the hundreds of stunning templates to feed your creativity. Then, branch out to other inspiration worthy platforms like Pinterest. From there, you can start pulling together certain elements that you think will work best for your brand.
El segundo paso es la búsqueda de la musa. La inspiración aparece en todo tipo de lugares. Pero, si hay un lugar en particular donde puedes encontrar una verdadera fuente de creatividad e inspiración de diseño web, ese es la página de plantillas web de Wix. Explora los cientos de impresionantes plantillas y alimenta tu creatividad. Si necesitas aún más inspiración puedes acudir a otras plataformas como Pinterest.

Plantillas Wix

03. Prepara el mejor contenido

Ahora que el aspecto de tu página está tomando forma, es hora de recopilar todo tu contenido escrito y visual. Lo más recomendable es tener todo el material preparado antes de comenzar a crear tu página. Este material incluye desde el texto de tu página hasta el eslogan para el encabezado y las atractivas llamadas a la acción (CTA). Tranquilo, siempre puedes dar marcha atrás y cambiar o modificar estos elemento durante el proceso de creación e incluso una vez creada. En realidad es muy recomendable actualizarlo de vez en cuando, ya que así tendrás felices tanto a tus lectores como a nuestro amigo el señor Google. Sin embargo, es útil comenzar con una base sólida de contenido, tanto escrito como visual (imágenes, videos, etc.). La regla aquí es simple: calidad sobre cantidad. Siempre es mejor dejar que los visitantes quieran más en lugar de sobrecargar tu página con contenido y que sus visitantes pierdan interés rápidamente y se vayan. Además, no puedes ignorar la importancia del tiempo de carga de las páginas web (cuanto más contenido, más tiempo tardará tu página en cargar) : Si tu sitio no se carga lo suficientemente rápido, nadie se quedará a esperar.

04. Define un mapa del sitio detallado

Piensa en esto como en plano de tu página. El mapa del sitio debe incluir todas las páginas que planeas crear y cómo se conectan entre sí. A Google le encanta ver páginas que están bien vinculadas entre sí, lo que resulta en un mejor SEO. La mejor práctica aquí es asegurarse de que tu mapa esté hecho de modo que ningún visitante tenga que hacer clic más de dos veces para pasar de una página a otra.

Una página web completa (y bien pensada) siempre incluirá las siguientes páginas:

  • Una página de inicio atractiva: esta es la puerta de entrada a tu página, lo que significa que debes ser  hermosa, pero informativa. Deberá presentar todos los elementos cruciales desde el primer momento, ya que los clientes necesitan saber quién eres y lo que haces para decidir si siguen navegando o no.
  • Una increíble galería que muestre tus productos o servicios: este es el centro neurálgico de tu página, donde los visitantes pueden navegar a través de tus irresistibles ofertas, por ejemplo.
  • Una página de “Quiénes Somos”: Usa esta página como su tarjeta de visita online. Es el lugar donde puedes presentar quién eres, qué ofreces,  tus fortalezas, valores y cualquier otra información crucial que creas que tus visitantes deberían saber sobre tu equipo y negocio.

página de “Quiénes Somos”

  • Una sección de “Contacto”: no hagas que tus visitantes pierdan el tiempo buscando tu información de contacto. Asegúrate de dedicar una página completa en la que enumeres tus números de contacto, correo electrónico, enlaces a tus redes sociales, un mapa para llegar a tu sede física  y cualquier otro medio por el que los usuarios puedan ponerse en contacto contigo. Del mismo modo, una buena práctica es agregar tus datos de contacto en el pie de la página.

Para dar el toque definitivo a tu página, incluye también:

  • Un blog: Al agregar de manera continuada contenido nuevo a tu blog, no solo te das a conocer como experto en tu área, sino que también le das un merecido impulso a tus esfuerzos de SEO.
  • Una página de preguntas frecuentes: ahorra tu tiempo y el de tus clientes ofreciendo, de antemano, respuesta a las posibles preguntas que puede surgirle a los visitantes mientras navegan por tu página.
  • Incorpora Wix Bookings: hazle la vida más fácil a tus clientes permitiéndoles programar citas o clases directamente desde tu página web. Pasarás menos tiempo contestando el teléfono y podrás dedicarte a hacer crecer su imperio.
  • Una página de testimonios: éste es el lugar perfecto para que los clientes fieles y  satisfechos pueden cantar sus alabanzas. Nada es más creíble para un cliente potencial que las críticas positivas e imparciales de clientes reales.

05. Diseña tu página

¡Llegó la hora de divertirse! Puedes elegir entre comenzar con un lienzo en blanco o con una de nuestras plantillas, todas ellas increíblemente hermosas y bien equipadas – y además gratuitas. Te garantizamos que encontrarás una calcada a tus gustos. Tenemos de todo y para todos, desde diseños para restaurantes hasta portafolios online y tiendas electrónicas. Y lo mejor es que todas estas plantillas son 100% personalizables. Desde el pie de página hasta el encabezado, puedes cambiar todo para crear una página web verdaderamente única y con tu toque personal.

06. Muestra tus verdaderos colores

El uso del color no es solo para hacer que tu página se vea bonita. Lo creas o no, el color tiene la capacidad de afectar y evocar emociones específicas en tus visitantes. Así, la elección de la paleta de colores jugará un papel decisivo en el rendimiento general de tu web (tasas de conversión, tiempo de permanencia en la página, etc.). ¿Quieres ir a lo seguro? Apuesta por un fondo blanco o negro limpio. Luego, limítate a usar sólo dos colores para los demás elementos (botones, textos, etc.) de la página. ¿Necesitas ayuda? Esta guía te mostrará cómo elegir la paleta de colores perfecta para tu flamante página web.

07. Elige el tipo de letra adecuado

Si eres de los que piensan que “las reglas están hechas para romperlas”, las tendencias en tipografía para el 2018 parecen estar gritando tu nombre.  Apuesta por un texto audaz, creativo y salvaje para que tu página web sea tan libre y original como desees (siempre y cuando esté alineada con tu identidad de marca). Echa un ojo a nuestra guía sobre cómo elegir las mejores fuentes para tu página web y decide qué estilo es el tuyo.

08. Da los últimos retoques al diseño

Así como un regalo no está completo sin un lazo, una página web no puede estar lista si le faltan algunos toques finales. Estos pueden venir en forma de sutiles animaciones o efectos de parallax; elementos que puedes agregar a tu página web de Wix sin una sola línea de código. Cargar un video a tu web también es una manera fácil pero eficiente de captar la atención de tus visitantes y aumentar el tiempo que pasan en tu página. Estas adiciones, pequeñas pero esenciales, pueden ayudar a vincular elementos y mejorar la sensación general que transmite tu página web.

09. Pon orden

Para que tus visitantes se sientan cómodos y como en casa mientras navegan, es importante mantener tu página lo más organizada posible. Tienes que aplicar una jerarquía. Así el contenido más llamativo siempre debe ir en la mitad superior de la página, considerada el “área de oro” ya que está visible en la pantalla sin que los visitantes tengan que desplazarse. Vivimos en la era de la mensajería instantánea y los memes, lo que resulta en escasos niveles de atención. Esto significa que lo más probable es que tus lectores solo presten atención a dos lugares en su página: la parte superior e inferior. Por lo tanto, debes emplazar toda tu información importante ahí. Utiliza el espacio intermedio para contenido inspirador pero menos crucial, como imágenes o videos.

10. Demuestra lo sociable que eres

Aprovecha los “Me Gusta” de Facebook y cía, en tu beneficio. Permite que tus visitantes compartan tu contenido en sus redes sociales. Es fácil, gratuito y una forma efectiva de difundir tu nombre en la red. Para garantizar esto, agrega una barra de redes sociales a tu página web en un lugar bien visible y correctamente vinculada a todas tus páginas. Nosotros recomendamos ubicar la barra en el menú, en el pie de página o a modo de ancla en el lateral.

11. Optimiza tu web para SEO

Ahora viene la parte que, aparentemente, puede resultar más complicada. SEO (o Search Engine Optimization por sus siglas en inglés) es la práctica de optimizar tu página web para que pueda alcanzar una posición más alta en los resultados de los motores de búsqueda. Esto significa que cuanto mayor sea la exposición que obtengas en las páginas de resultados de búsqueda, mayor será la probabilidad de que clientes potenciales vean tu trabajo y reserven tus servicios o compren tus productos. Existen algunas prácticas sencillas que pueden mejorar tu clasificación de inmediato: asegúrate de elegir el nombre de dominio correcto, agrega texto alternativo (Alt Text) a todas sus imágenes y crea títulos y descripciones para todas tus páginas. Afortunadamente, Wix ha desarrollado una solución intuitiva, completa y gratuita que te guiará a través de todos estos pasos de optimización. Conoce Wix SEO Wiz, es decir, la herramienta definitiva para ayudarte a ser encontrado online. Esta herramienta “mágica” genera automáticamente un plan personalizado que te dice exactamente lo que necesitas hacer para configurar el SEO de tu página. Genial, ¿no?

12. Asegura que tu página es compatible con dispositivos móviles

Por si lo habías olvidado, ¡estamos en el 2018!, lo que significa que la mayor parte de la gente accede a internet a través de sus dispositivos móviles. Dicho esto, más te vale que tu página esté preparada para atender las necesidades de este público. Tu página no solo debe ser compatible con dispositivos móviles (el Editor Wix genera automáticamente una versión móvil) sino también asegurar la legibilidad y la fácil navegación. Agregando una barra de acciones rápidas, los visitantes móviles podrán buscar fácilmente las tareas tareas más comunes como enviar un correo electrónico o llamar a tu empresa. También les ofrecerás enlaces de acceso directo a diferentes secciones de tu página, para ahorrar tiempo de desplazamiento y guiarlos a través de sus prioridades de contenido.

Diseño Móvil

13. Pide una segunda opinión

Todo el mundo necesita la ayuda de sus amigo y, además, ya sabes lo que dicen por ahí: “4 ojos ven mejor que 2”. Una vez que tengas todos los elementos estén en su lugar, pide a personas de tu confianza una segunda opinión sobre tu página web. De esta forma, revisarán los textos, los botones y los enlaces para verificar que todo funciona de manera lógica y fluida, así como también te podrán dar su opinión sobre la consistencia y claridad del mensaje de la marca. Finalmente, asegúrate de haber adaptado la página para que se visualice bien en dispositivos móviles y de que tiene un buen rendimiento en diferentes dispositivos. Y eso es todo… ¡estás listo para presionar el botón “Publicar”!

¿Te sientes inspirado? ¡Crea tu propia página web gratis con Wix!

Publicado por Equipo Wix

Bienvenido al Blog de Wix

Únete al Blog de Wix ¡Para estar al tanto de novedades!

La dirección de email no es válida.

El Email ya existe

La dirección de email no es válida.

¡Suscríbete al Blog! \ 

Diseño web, tendencias, consejos para
emprendedores ¡y todas las novedades sobre Wix!

La dirección de email no es válida.

El Email ya existe

La dirección de email no es válida.