En este post tendrás una guía detallada con imágenes para crear tu primer sitio web de servicios en unos minutos.
Ya sea de abogados, contadores, arquitectos, catering, servicios de traducción o más, la arquitectura es similar.
Cómo proveedor de servicios, te habrás dado cuenta que llegar a los clientes a través de anuncios en el periódico, internet o incluso facebook es muy complejo.
Crear la página web de tu negocio de servicios tiene unas ventajas enormes para atraer clientes potenciales, por las siguientes razones:
- Mientras que en una red social como Facebook o Twitter cualquier publicación que hagas es olvidada casi tan pronto como la publicas, un sitio web es como una semilla que va creciendo.
- Un sitio web puede atraer tráfico dirigido a tu página (de calidad) que está buscando exactamente lo que tu ofreces si haces uso del SEO.
- La inversión es más baja que publicar anuncios en el periódico.
- Además de los servicios que ofreces, una página web tiene opciones adicionales de monetización.
¿Cuanto voy a invertir en mi página web de servicios?
Como todo negocio, se requiere de una inversión, pero descuida, te darás cuenta que la inversión de un sitio web es muy accesible.
Las siguientes son las dos inversiones MÍNIMAS que harás:
Nombre de Dominio: Entre $10.00 USD y $16.00 USD al año
Servicio de Hosting: Desde $100.00 USD al año o más de $500.00 USD al año
Existen otros gastos adicionales que la mayoría son optativos, en este artículo entro a detalle en ellos.
Plataforma para crear tu sitio web de servicios
Para hacer una página de servicios, usaremos la plataforma que considero más sencilla de utilizar para quienes no saben codificar, además de ser la más fácil y con más versatilidad para personalizar un sitio web, que es WordPress.
Si nunca has escuchado hablar de WordPress, te diré que es la herramienta más usada para construir páginas web.
Más del 50% de todas las páginas de internet del mundo están creadas con WordPress y el resto (que son cientos de ellas) se reparten el mundo entre ellas.
Incluso páginas como la de la Casa Blanca están creadas con WordPress. Lo mejor de todo, es que es GRATUITA.
Este es un tutorial que he dividido en pasos desde el inicio hasta el final. Sólo sigue las instrucciones y al final tendrás tu sitio web listo para publicar.
Empecemos…
Paso 1: Adquirir el dominio del sitio web y hosting.
Esta es la parte menos favorita de quienes empezamos a crear el sitio web de nuestro negocio, pero en unos momentos verás que valdrá la pena.
Para que tu página web funcione con wordpress (o cualquier otro software) necesitas adquirir un nombre de dominio, el cual es tu .com, .es, .com.mx etc. y un proveedor de servicios de alojamiento (hosting).
Un hosting en palabras sencillas, es como el dueño de una plaza comercial que te rentará uno de sus locales, en donde estará tu sitio web (ahí estarán tus fotos, videos, texto y productos digitales).
Si esta es tu primer página web es recomendable usar Bluehost o Hostgator, ambos son proveedores de hosting muy económicos y que en lo personal me gustan para un sitio web que va iniciando.
PASO 2: Instalar WordPress en el Hosting.
Este paso es de hecho muy sencillo, sin importar cual empresa de hosting haya sido elegida los pasos para instalar WordPress son similares.
Para esta guía usaré Bluehost que es el que personalmente me gusta más. Primero ingresaremos a la página oficial y nos aparecerá la siguiente pantalla:
Daremos click en Get Started y nos pedirá que elijamos el plan que más nos convenga. En caso de ser el primer y único sitio web, recomiendo usar el más económico o el siguiente:
Una vez elegido el plan, nos pedirá el nombre de dominio que queremos (ejemplo.com) en caso de no estar disponible podemos usar variaciones (.org, .net .es)
Posteriormente vamos a realizar el pago por el término que deseamos usar (por lo regular, recomiendo 2 años, que es el tiempo aproximado en que nuestro sitio web tendrá mayor cantidad de visitantes y podemos cambiar de plan).
Ya que hicimos el pago, vamos a dar click en Create Site y nos pedirá el nombre de nuestra web de servicios y que elijamos el dominio que vamos a usar para ese sitio web específico.
Una vez haya sido instalado WordPress vamos a iniciar sesión en nuestro sitio web con el nombre de usuario y contraseña que nos proporcionará y nos aparecerá la interfaz de WordPress, que es esta:
Podrá parecer intimdante al principio, sin embargo, es más fácil de lo que parece. Lo vemos a continuación.
En términos sencillos, del lado izquierdo están las opciones para agregar posts, páginas, subir archivos, agregar plugins (que son funciones o pequeñas aplicaciones extras), personalizar tu sitio web y diversas opciones más.
No te preocupes tampoco por que aparece en inglés, en el paso 4 te diré como se cambia al español, aunque la mayoría de los temas no tiene esa función, por lo menos una buena parte de nuestra interfaz si cambiará el idioma.
PASO 3: Elegir una plantilla (tema) para nuestra web de servicios.
En la opción que dice Appearance, se desplegará un submenú, daremos click donde dice themes y nos aparecerá lo siguiente:
Si alguno de los temas que aparecen por default lo consideras atractivo, ese lo puedes elegir, sin embargo, también está la opción en la parte superior que dice «WordPress themes» para que aparezcan un sinnúmero de temas para todos los gustos como se ve aquí:
Todos tienen una versión gratuita y versión de paga. En esta ocasión utilicé el tema llamado Ascend por que se me hizo atractivo y tiene muchas opciones en su versión gratuita, sin embargo, puedes elegir cualquiera.
Simplemente en la barrita de búsqueda puse ascend, di click en install y luego en activate.
Ya que está instalado el tema, en la parte izquierda de la pantalla nos iremos nuevamente a Appearance y luego en Customize, apareciéndonos la siguiente pantalla:
Lo que nos aparece es una vista previa de nuestra página prácticamente vacía, mientras que del lado izquierdo, nos aparecen todas las opciones que el tema que hemos elegido nos ofrece para ir haciendo cambios de estilo, layout, color, agregar menú, íconos, si queremos barra lateralo un carrusel y un largo etcétera.
En esta ocasión voy a hacerla a mi manera, aunque si no es de tu agrado puedes ir experimentando de acuerdo a tus gustos, esto es simplemente para que te vayas familiarizando con el uso de WordPress.
El tema Ascend, nos pide instalar un toolkit para agregar un sin fin de opciones así como el plugin Kadence Blocks que nos permitirá ir agregando elementos en las páginas:
PASO 4 (OPCIONAL): Cambiar a Español WordPress
Antes de empezar a agregar opciones y personalizar, te voy a decir como cambiar WordPress a español en caso de que no sepas inglés, ya que es importante entender por lo menos la mayor parte de la interfaz de WordPress.
Simplemente irás a donde settings, posteriormente darás click en general y luego en site language cambiarás al español, damos click en guardar y es todo, automáticamente todo estará en español.
La mayoría de los temas, incluido el que estamos usando, no cuentan con interfaz en español a la hora de personalizar. Pero esto no es problema, puedes buscar un tema que si cuente con versión en español o en su defecto usar este tema así.
Aquí te iré explicando como ir personalizando y agregando páginas.
PASO 5: Personalizar nuestro sitio web de servicios
Para hacer la personalización de nuestro sitio web de servicios empezaremos por hacer una página y un post de prueba, a fin de que sepamos que queremos incluir en la página de inicio o home page.
Esto lo haremos dando click en la parte superior donde dice «añadir», una vez que se despliega el submenú, damos click en entrada (para posts) o página (para otras páginas, como la de contacto, misión y visión etc.), apareciendo la siguiente pantalla:
Vamos a añadir el título, texto y la imagen destacada como aparece en la caja de herramientas en el lado derecho y damos click en publicar.
post
Posteriormente me fuí a donde dice apariencia y luego en Theme Options (si el tema que elegiste no fue Ascend), en caso contrario entonces usarás Apariencia y Personalizar o la opción que el tema que hayas elegido.
En mi caso esta es la pantalla de la opción del tema:
Lo que haremos es que al mismo tiempo que tenemos abierta esa pantalla, en otro tab o en otra ventana tendremos abierta nuestra página principal, de esta manera, cada vez que hagamos algún cambio, solo tendremos que dar click en actualizar en la ventana de la página.
Estas son las opciones que utilicé dentro de las opciones del tema:
- En Layout settings/Site layout style: lo dejé normal.
- logo settings: Puse el logo de este página, aquí pondrás el logo de tu empresa.
- transparent header options: Es para ver que transparente será el encabezado (donde viene logo y menús), puse la transparencia 0.9 y el color de texto del menú en negro.
- Home page header: Aquí eliges como va a ser el encabezado transparente (ese que parece banner) yo le puse basic slider (agregué imágenes, texto y links) y en basic slider type, decidí forced full width (obligar a que ocupe todo el espacio cada imagen)
- Homepage layout: Este sirve para que indiques al tema que aparecerá en la pantalla de inicio, yo puse que aparecieran: page content y latest posts, en ese orden.
Una vez agregando eso, hasta el momento así es como se ve en la pantalla de Apariencia/ Personalizar:
Como ves, ya se agregó el slider (que es como un banner al cual le pudes poner ligas a cualquiera de tus páginas) y abajo están los últimos posts ya que no hemos agregado nada a la página (recuerda que en el orden primero se iba a ver el contenido de la página)
Posteriormente me fuí a páginas, todas las páginas, Home (página de inicio) y en agregar, decidí un Infobox de esta manera:
Así es como queda la página:
Recuerda que esto es solo un ejemplo, ya que sabes como agregar páginas, posts y elementos al tema, además de los colores que sean adecuados para tu marca, simplemente es cuestión de que lo hagas a tu gusto.
Últimos pasos
Has creado tu sitio web, FELICIDADES.
Sin embargo, aún falta algunas cosas adicionales que en este artículo detallo, pero que en resumen son las siguientes:
- Configurar los Permalinks
- Respaldar tu sitio web
- Bloquear comentarios spam
- Activar certificado de seguridad
- Conectar Google Analytics y search console
