I. E. D. ESCUELA NACIONAL DE COMERCIO.
FORMACIÓN DE JÓVENES EMPRENDEDORES SIGLO XXI
CIEN AÑOS SIRVIENDO A LA EDUCACIÓN.
Cra. 3 Este No. 9 – 77. TEL. 3424039 – 3012312737.
ESCUELA NACIONAL DE COMERCIO
TALLER #4 DE INFORMÁTICA
GRADO ONCE
PAGINAS WEB PERSONAL Y EMPRESA
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:
1. 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.
2. La curiosidad no mata al gato
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.
3. 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,
I. E. D. ESCUELA NACIONAL DE COMERCIO.
FORMACIÓN DE JÓVENES EMPRENDEDORES SIGLO XXI
CIEN AÑOS SIRVIENDO A LA EDUCACIÓN.
Cra. 3 Este No. 9 – 77. TEL. 3424039 – 3012312737.
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.
4. 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.
• 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.
5. 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.
6. 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.
I. E. D. ESCUELA NACIONAL DE COMERCIO.
FORMACIÓN DE JÓVENES EMPRENDEDORES SIGLO XXI
CIEN AÑOS SIRVIENDO A LA EDUCACIÓN.
Cra. 3 Este No. 9 – 77. TEL. 3424039 – 3012312737.
7. 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.
8. 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.
9. 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?
I. E. D. ESCUELA NACIONAL DE COMERCIO.
FORMACIÓN DE JÓVENES EMPRENDEDORES SIGLO XXI
CIEN AÑOS SIRVIENDO A LA EDUCACIÓN.
Cra. 3 Este No. 9 – 77. TEL. 3424039 – 3012312737.
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.
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”!
Ejemplos
[Link]
I. E. D. ESCUELA NACIONAL DE COMERCIO.
FORMACIÓN DE JÓVENES EMPRENDEDORES SIGLO XXI
CIEN AÑOS SIRVIENDO A LA EDUCACIÓN.
Cra. 3 Este No. 9 – 77. TEL. 3424039 – 3012312737.
[Link]
[Link]
I. E. D. ESCUELA NACIONAL DE COMERCIO.
FORMACIÓN DE JÓVENES EMPRENDEDORES SIGLO XXI
CIEN AÑOS SIRVIENDO A LA EDUCACIÓN.
Cra. 3 Este No. 9 – 77. TEL. 3424039 – 3012312737.
[Link]
[Link]
PRACTICA
• Diseñar pagina web una personal y subir el enlace
• Diseñar página e empresa que se hace en muestra empresarial y subir el enlace.
