Lo primero vamos a repasar unos conceptos básicos relacionados con la creación de un sitio o página web.
Sitio web
Un sitio web es una colección de páginas web relacionadas y comunes a un dominio de internet o subdominio en la World Wide Web dentro de internet. Está encabezado por una página de inicio o Home page. Incluye un nombre de dominio y una dirección de internet.
World Wide Web
Es un sistema de distribución de documentos de hipertexto interconectados y accesibles a través de internet. Se basa en distintos estándares creados y evolucionados desde finales de la década de los 80.
«WWW está formada por SERVIDORES que se identifican por un IP único que contienen los DOMINIOS o agrupaciones de contenidos en la red como son documentos (páginas) y recursos (archivos pdf, imágenes, programas, diseños)»
Página web
Una página web es un archivo HTML, PHP, ASP, etc. que forma parte de un sitio web.
HTTP – HyperText Transfer Protocol
Define cómo se comunican el navegador con el servidor para enviar y recibir datos.
HTML – HyperText Markup Language
Lenguaje de programación principal para documentos electrónicos conocidos como páginas web.
XML – Extensible Markup Language
Permite estructurar grandes documentos e incorporar bases de datos.
JavaScript
Permite insertar pequeños programas en las páginas web.
PHP
Permite que los documentos se procesen en el servidor en lugar del navegador ganando velocidad en páginas complejas.
CSS
Añade hojas de estilo permitiendo centralizar el diseño de todo un sitio web y gestionar los contenidos.
HTML5
Permite añadir funciones más complejas.
Dominio de internet
Es un nombre único que identifica una subárea de internet o recursos y documentos que se encontrarán en ese nombre único.
Identificador IP:
Números que identifican a cada uno de los servidores de la red y a los dispositivos que se conectan a ella. Tienen un formato IPv4 (172.217.10.110) o IPv6 con caracteres alfanuméricos en secuencias de 128 bits de tamaño.
DNS – Domain Name Server
Traduce todas las solicitudes de los usuarios de internet en aquellos números IP de los servidores que contienen la información solicitada.
Puntos básicos para crear una web
1 . Obtener un nombre de dominio
El nombre del dominio es la dirección digital a través de la cual se accederá a nuestro sitio web. Es exclusivo y único para cada espacio.
El dominio se compone de dos partes: el nombre y la extensión.
El nombre del dominio puede contener caracteres alfanuméricos.
Las extensiones del dominio están definidas según las características del sitio web.
La ICANN – Internet Corporation for Assigned Names and Numbers – es una organización sin ánimo de lucro que verifica que los dominios sean únicos y procede a su registro.
Existen numerosos proveedores para conseguir un dominio en internet, lo principal es que ofrezcan asistencia en nuestro idioma 24/7 y les avale cierta reputación.
2. Contratar un alojamiento o hosting
Hosting es el espacio en internet en que almacenamos nuestros documentos y al que damos acceso a los usuarios para que los consulten.
Los proveedores de dominio suelen ofrecer el servicio de alojamiento web. Hay que tener en cuenta el precio teniendo en cuenta los servicios que ofrece: el espacio de alojamiento, el ancho de banda que condiciona la capacidad de transferencia de datos y la capacidad de procesado del servidor, las garantías de disponibilidad de la página web y la posibilidad de disponer de bases de datos.
Tipos de alojamiento
Servidores gratuitos: tiene poca capacidad de almacenamiento y no se pueden gestionar ni personalizar.
Alojamiento compartido: espacio limitado que se comparte con otros sitios web. No se puede decidir que infraestructura se utiliza.
VPS – Servidores virtuales privados: partición virtual dentro de un servidor físico que asigna recursos exclusivos a cada partición. Permite instalar un sistema operativo aunque el hardware es el ismo para todas las particiones.
Cloud hosting: Contratación de un espacio en la nube que permite definir software y hardware.
Servidores dedicados: el servidor (hardware) no se comparte con otros sitos web y permite definir el hardware y el software.
3. Crear cuentas de correo electrónico
Es importante crear una cuenta de correo electrónico con el nombre y dominio de la empresa para dar una imagen de profesionalidad y seriedad.
La mayoría de las empresas que ofrecen hosting ofrecen también la posibilidad de disponer de cuentas de correo electrónico asociadas a tu dominio.
También se puede recurrir a plataformas externas que además ofrecen espacio para almacenar archivos, una suite informática, una paltaforma para reuniones online o aplicaciones para tomar notas.
Google Workspace (https://workspace.google.com/intl/es/)
- Microsoft 365 (https://www.microsoft.com/es-es/microsoft-365)
4. Escoger un CMS o gestor de contenidos web
Un CMS – Content Management System – o gestor de contenidos web nos permite disponer de un sitio web con aspecto profesional con muy pocos o incluso ningún conocimiento informáticos.
WORDPRESS
Es el CMS más utilizado en el mundo, más del 35% de las páginas web se han desarrollado con él.
Es de fácil uso y de código abierto, por tanto gratuito.
Ofrece muchas opciones de personalización para adaptarlo a nuestras necesidades.
Continuamente se ofrecen plugins o pequeños programas diseñados por desarrolladores externos que aportan nuevas funciones y se comercializan independientemente.
JOOMLA
Es un CMS gratuito de código abierto. Es un poco más complejo para utilizar que WordPress.
SHOPIFY
Es de muy fácil uso y está especializado en tiendas online. Su puesta en marcha es muy rápida.
No se puede instalar en cualquier hosting y requiere un coste mensual de mantenimiento y una comisión por compra con tarjeta de crédito y un porcentaje por transacción
Genera informe mensuales sobre la evolución de ventas y tráfico de nuestra web.
DRUPAL
Es un CMS de código abierto y gratuito. Debido a su cierta complejidad hacen falta desarrolladores para su mantenimiento en nuestro sistema.
De gran robustez desarrolla sitios web muy escalables disponibles para un gran número de usuarios.
WIX
Es un CMS gratuito salvo que se quiera utilizar un dominio fuera de WIX.
De fácil uso, ofrece continuas actualizaciones tanto en diseño como en seguridad.
SQUARESPACE
Es un CMS basado en la nube con un gran número de plantillas aunque no ofrece plugins específicos.
PRESTASHOP
Es un CMS de código abierto especializado en el e-commerce.
Permite crear diseños creativos de manera sencilla y se integra sin problema en blogs y redes sociales.
Se adapta a varios idiomas y monedas y puede alojar multitiendas.
Es gratuito aunque dispone de pocos módulos y temas gratuitos por lo que si se quieren instalar add-ons específicos sobre temas, plantillas, módulos u otras tareas hay que pagar.
La curva de aprendizaje de este CMS es bastante pronunciada y la ser de código abierto, la seguridad de los datos relativos al e-commerce y los clientes depende de nosotros así como las actualizaciones, el dominio, el servidor y el desarrollo e implementación de cambios, con un cierto coste de tiempo y gastos variables.
MAGENTO
https://business.adobe.com/es/products/magento/magento-commerce.html
Este CMS está integrado en Adobe Experience Cloud+.
Es de código abierto y se adapta con facilidad a todo tipo de negocio. De gran escalabilidad está indicada para e-commerce de gran tamaño.
El coste de la versión Enterprise es muy alto y su curva de aprendizaje es elevada por lo que requiere conocimientos técnicos.
CREACIÓN DE TIENDAS ONLINE
SALESFORCE
https://www.salesforce.com/es/commerce/online-store-platform/
CMS especializada en la creación de tiendas online
BIGCOMMERCE
CMS especializada en la creación de tiendas online
OPENCART
CMS especializada en la creación de tiendas online
VTEX
CMS especializada en la creación de tiendas online
COMMERCETOOLS
CMS especializada en la creación de tiendas online
CREACIÓN DE BLOGS
BLOGGER
https://www.blogger.com/dashboard/reading?hl=es&tab=jj
WORDPRESS
Es el CMS más utilizado en el mundo, más del 35% de las páginas web se han desarrollado con él.
Es de fácil uso y de código abierto, por tanto gratuito.
Ofrece muchas opciones de personalización para adaptarlo a nuestras necesidades.
Continuamente se ofrecen plugins o pequeños programas diseñados por desarrolladores externos que aportan nuevas funciones y se comercializan independientemente.
CREACIÓN DE FOROS DE INTERNET
VBULLETIN
PHPBB
5. Diseño de la plantilla de nuestra web
El concepto más importante cuando hablamos del diseño de una página web es su usabilidad.
(ref. Nielsen Norman Group https://www.nngroup.com/articles/usability-101-introduction-to-usability/)
La usabilidad se refiere a la facilidad de uso durante el proceso de diseño y se define por 5 componentes de calidad:
- Capacidad de aprendizaje
Cuál es la facilidad con la que los usuarios comienzan a realizar las tareas básicas en los primeros pasos del diseño de la web.
(1) Eficiencia
Después del primer periodo de aprendizaje del diseño, con qué rapidez pueden realizar las tareas.
(2) Memorabilidad
Tras un periodo de no uso, cuál es la facilidad para volver al punto de competencias en que habían estado.
(3) Errores
Valorar qué tipos de errores se suelen cometer, su nivel de gravedad y capacidad de resolución.
(4) Satisfacción
Valorar lo agradable que es el uso del diseño.
La usabilidad va ligada al concepto de funcionalidad o utilidad del diseño. Debe aportar las características que necesitamos y a la vez debe ser fácil de usar.
La supervivencia de un sitio web se basa en la usabilidad, hay muchas alternativas y opciones y salir es el primer paso cuando aparecen dificultades. En el e-commerce si un usuario no puede encontrar un producto no va a comprarlo. En una intranet hablamos de pérdida de tiempo y productividad.
Una buena práctica recomendad es gastar alrededor del 10% del presupuesto de un proyecto de diseño en usabilidad. En promedio, esto duplicará con creces las métricas de calidad deseadas de un sitio web (arrojando una puntuación de mejora de 2.6) y un poco menos del doble de las métricas de calidad de una intranet.
En el caso del software y los productos físicos, las mejoras suelen ser más pequeñas, pero sustanciales, cuando se hace hincapié en la usabilidad en el proceso de diseño. Para los proyectos de diseño interno, piense en duplicar la usabilidad como reducir los presupuestos de capacitación a la mitad y duplicar la cantidad de transacciones que los empleados realizan por hora. Para los diseños externos, piense en duplicar las ventas, duplicar el número de usuarios registrados o clientes potenciales, o duplicar cualquier otro KPI (indicador clave de rendimiento) que motivó su proyecto de diseño.
Un método útil para mejorar la usabilidad es el usertesting:
.- Valorar dónde tiene éxito y dónde fracasan y tienen dificultades con la interfaz de usuario. Observar individualmente u anotar cómo resuelven estos problemas. Es mejor realizar numerosas pruebas pequeñas corrigiendo los errores a medida que son identificados.
.- Seleccionar un pequeño grupo de usuarios representativos con 5 suele ser suficiente, como clientes para un sitio de comercio electrónico o empleados para una intranet.
.- Pedir que realicen tareas en el diseño propuesto.
Evanto Market
Una plantilla es un diseño web predefinido aplicado a un CMS y que puede ser personalizado, pudiendo conseguir una web profesional sin conocimientos de programación.
https://elements.envato.com/es/
WordPress
Es el CMS más utilizado en el mundo, más del 35% de las páginas web se han desarrollado con él.
Es de fácil uso y de código abierto, por tanto gratuito.
Ofrece muchas opciones de personalización para adaptarlo a nuestras necesidades.
Continuamente se ofrecen plugins o pequeños programas diseñados por desarrolladores externos que aportan nuevas funciones y se comercializan independientemente.
Template Monster
https://www.templatemonster.com/
Mojo Marketplace
https://www.mojomarketplace.com/?utm_source=mojo-sunset&utm_medium=landing-redirect
Otros CMS como Wix, Shopify o Squarespace también ofrecen un número de plantilla a sus clientes.
6. Diseño del logotipo
Identificar un negocio con un logotipo es un paso fundamental para crear una marca.
Existen varias maneras de crear un logotipo:
- Contratar un diseñador gráfico: que sepa captar el valor de la empresa y plasmarla en un diseño simple y reconocible por los clientes target.
- Utilizar un generador de contenidos: permiten crear un logotipo en muy poco tiempo aunque no serán exclusivos pero sí rápidos y económicos.
SQUARESPACE
Es un CMS basado en la nube con un gran número de plantillas aunque no ofrece plugins específicos.
SHOPIFY
Es de muy fácil uso y está especializado en tiendas online. Su puesta en marcha es muy rápida.
No se puede instalar en cualquier hosting y requiere un coste mensual de mantenimiento y una comisión por compra con tarjeta de crédito y un porcentaje por transacción
Genera informe mensuales sobre la evolución de ventas y tráfico de nuestra web.
3. Utilizar plataformas de diseño simple: ponen al alcance de todos los usuario diseños prefabricados que pueden ser reutilizados por casi cualquier marca.
CANVA
STENCIL
https://silu.es/stencil-plantillas/?srsltid=AfmBOootSl48wyWCz6l3Fu69Xu-HCDBXkHp03ZfWRSdaIig1_7hHGb3q
99DESIGNS
7. Imágenes únicas y de calidad
Utilizar fotos y gráficos realizados por profesionales puede marcar la diferencia con los sitios web de tus competidores.
Siempre podemos utilizar imágenes disponibles con la licencia Creative Commons. Esta licencia permite el uso de imágenes de forma gratuita si se nombra el autor de la misma. Se pueden buscar a través del buscador de Google seleccionando el filtro Creative Commons.
https://search.creativecommons.org
8. Editores de imágenes
Es una herramienta indispensable que permite mejorar o modificar este tipo de archivos.
PHOTOSHOP
https://www.adobe.com/es/products/photoshop.html
Es el editor de imágenes de referencia. Es un programa profesional difícil de usar si no se tienen conocimientos previos de retoque fotográfico.
BeFunky
Es un editor muy intuitivo que permite editar imágenes y gráficos con las características de PicMonkey y la mayoría de las herramientas avanzadas de Pixir pero de manera más sencilla.
Pixir
Es una alternativa a Photoshop. Su versión completo no es fácil de usar si bien la versión básica ofrece recursos adecuados para diseñadores noveles.
PicMonkey
Muy fácil de usar, es ideal para retocar retratos o crear anuncios, banners, etc.
9. Activar Google Analytics
Es muy importante disponer de datos acerca de cómo actúan los visitantes de nuestra web para poder mejorarla. Con Google Analytics podemos de manera gratuita obtener esa información, desde el número de visitantes, las páginas más visitadas, el tiempo de navegación, país desde el que se conectan, etc.
Todos los gestores de contenidos CMS disponen de tutoriales para incluir a Google Analytics en sus plataformas.
10. Crear contenidos
Los contenidos son la clave de internet. Sobre todo si son originales y aportan la información que buscan los visitantes.
Si deseamos tener una aplicación móvil para centralizar nuestras acciones online el proceso es similar al de un sitio web si bien los CMS no están tan desarrollados para esta función.
En una aplicación móvil se muestran contenidos y se puede interactuar con los sensores y dispositivos de nuestros smartphones como la localización, cámaras, aplicaciones, etc.
BuildFire
Software que permite desarrollar aplicaciones simples para ,mostrar contenido. Dispone de un Marketplace en el que se pueden utilizar funcionalidades desarrolladas por otros programadores. Se pueden desarrollar apps para IOS y Android.
Goodbarber
No es tan completa como BuildFire pero permite desarrollar aplicaciones de contenido o tiendas online para ser publicadas en las plataformas de descarga de aplicaciones de Apple o Google así como en forma de PWA – Progressive Web App – nueva modalidad de sitio web móvil que permite al usuario ver el sito web en un móvil como si fuese una app pero sin descargar todos los datos de la app antes de mostrar el contenido al usuario.
Siguiente tema sobre Herramientas Digitales:
Apuntes de Marketing Digital 