Вы находитесь на странице: 1из 18

CÓMO CREAR UNA

WEB
TUTORIAL PASO A PASO

UNAVIDAONLINE.COM
¿Qué tipos de webs existen?
Básicamente, existen dos tipos de plataforma donde puedes crear una web, y se diferencian
en si son gratuitas o de pago y las funcionalidades que ofrecen.

Webs gratuitas

No recomiendo las plataformas gratuitas porque limitan MUCHO la funcionalidad de tu web.


Son gratuitas porque alojan tu web en su propia infraestructura de servidores, pero como
esos servidores tienen una capacidad fija, ofrecen muy poca libertad para configurar las
opciones necesarias para recibir más visitas y generar dinero con tu web.

Las plataformas gratuitas están pensadas para blogueros aficionados que simplemente
quieren un lugar en Internet donde escribir. Las más populares son WordPress.com, Blogger
y Wix.

Yo mismo empecé creando una web gratuita en WordPress.com, pero al cabo de solo
cuatro meses me pasé a la opción de pago por lo limitado que me encontraba.

Reconocerás la mayoría de webs gratuitas porque el nombre de la plataforma está incluido


su dirección web,
como nombredetuweb.wordpress.com o nombredetuweb.blogger.com.

Esto suele restarle credibilidad a tu página web. De hecho, es probable que la mayoría de
webs y blogs que sigues no lo incluyan, y su dirección web sea simplemente el nombre de la
web.

Aunque sean un poco más sencillas de configurar, no recomiendo empezar una web en
una plataforma gratuita si realmente quieres ganar dinero por Internet. Ni siquiera para
empezar, ya que tarde o temprano deberás pasarte al formato de pago y es un engorro.

Prescindir de una plataforma gratuita solo significa que deberás contratar el hosting y el
dominio, lo que suele costar entre 6 y 12 euros al mes. Al final la decisión es tuya, pero esta
pequeña inversión verdaderamente merece la pena.

Webs de pago

En esta modalidad no usas los servidores gratuitos de WordPress.com o Blogger, sino que
contratas un servicio de hosting a una empresa para que te ceda un espacio en sus
servidores.

UNAVIDAONLINE.COM
Existen muchas empresas especializadas en hosting. Y, dado que les estarás pagando, te
ofrecen mucha más libertad que los servidores gratuitos.

Los precios de un hosting suelen oscilar entre los 3 y 10 euros mensuales, aunque es
habitual que hagan ofertas durante los 12 primeros meses para captar clientes.

Aunque puedas estar tentado, tampoco te recomiendo que utilices los hostings más baratos
que encuentres. Por dos motivos:

• Suelen dar mal servicio técnico o tardar mucho en responder si tienes algún
problema

• Tu web se cargará lenta, y a nadie le gusta tener que esperar para ver una página

Actualmente, el mejor hosting en relación calidad/precio que he probado y donde tengo


alojadas la mayoría de mis webs es Webempresa. Sus ventajas pueden resumirse en
cuatro:

• Tienen un montón de tutoriales para ayudarte en lo que haga falta

• Su servicio de atención al cliente es de lo mejor que he visto: te responden en


minutos y suelen solucionarte el problema

• Sus servidores son muy rápidos y tu web cargará antes

• Te ofrecen de forma gratuita los certificados de seguridad (más adelante te cuento


qué es y cómo implementarlo)

Su plan básico te saldrá por 8 euros al mes y es más que suficiente para empezar.

Nota: Con el cupón “vidaonline25” (sin comillas) conseguirás un 25% de descuento en tu


hosting de Webempresa durante el primer año.

UNAVIDAONLINE.COM
Como crear una web paso a paso
Este es el proceso para crear tu primera web en un hosting privado:

1. Registra tu dominio

Lo primero es elegir un nombre para tu web y registrarlo.

El nombre de dominio es, básicamente, el nombre de tu web. Será lo que la gente tendrá
que escribir en su navegador para ir a tu web.

Una vez decidas el nombre de tu web, antes de comprarlo deberás comprobar que esté
disponible y no lo tenga nadie en propiedad.

Para ello, puedes ir a un registrador de dominios como Namecheap y escribir tu dominio en


el buscador.

Lo más habitual es elegir la terminación .com, pero si no está disponible otras buenas
opciones son .net o .es (si quieres dirigir tu web a usuarios de España).

En este caso, el dominio que hemos buscado está disponible, así que podemos contratarlo.

A continuación haz clic en el símbolo del carrito y luego selecciona View Cart.

UNAVIDAONLINE.COM
Luego deberás elegir si quieres comprar el dominio para 1, 2 o más años. Mi recomendación
es que lo compres por un año y marques la casilla de renovación automática para evitar
cualquier riesgo de perderlo si se te olvida renovarlo.

También puedes seleccionar la privacidad de tus datos (WhoisGuard). Esto significa que
nadie podrá ver el nombre de quien ha registrado ese dominio si lo consulta en la base de
datos Whois.

Namecheap ofrece gratis el primer año de privacidad, pero luego tiene un coste adicional de
entre 5 y 10 euros al año. No es realmente necesario ocultar tus datos (a no ser que tengas
razones para hacerlo), así que lo mejor es desmarcar la opción y clicar en Confirm Order.

En el siguiente paso te pedirá que crees una cuenta en Namecheap si no tienes una.
Deberás introducir tu nombre, dirección, número de contacto y email.

Luego deberás introducir los datos del propietario del dominio, contacto administrativo y
técnico, y los datos de facturación. Si en todos los casos eres tú, simplemente selecciona la
opción User default account contact y clica en Continue.

UNAVIDAONLINE.COM
Ahora te toca introducir tus datos de pago, ya sea con tarjeta o Paypal. Acepta los términos
y acuerdos y procede al pago.

Después te aparecerá la pantalla de confirmación. ¡Y ya está! Ya eres el propietario de un


dominio.

Pero te queda un último paso: ve a la cuenta de correo que has usado al hacer el registro y
haz clic en el email de confirmación que te habrá llegado.

En ese email encontrarás un enlace que deberás clicar para verificar que tu cuenta de
correo es correcta. ¡No lo olvides o tu dominio se desactivará en 2 semanas!

2. Contrata un hosting

El siguiente paso es contratar el servidor donde alojarás tu web. Como te he comentado


antes, yo recomiendo el plan Inicio del Hosting WordPress Alto Rendimiento de
Webempresa, pero eres libre de elegir cualquier otro.

Si te decides por este plan de Webempresa, recuerda que con el cupón “vidaonline25” (sin
comillas) conseguirás un 25% de descuento durante el primer año.

Contratar tu hosting es muy sencillo: haz clic en Contratar y en la pantalla siguiente


selecciona Ya tengo un dominio registrado. Escribe en el cuadro el nombre del dominio que
has registrado en Namecheap. Luego clica en Usar este dominio.

UNAVIDAONLINE.COM
En este punto podrás usar tu cupón de descuento “vidaonline25”. Luego haz clic
en Confirmar pedido.

En la siguiente pantalla deberás introducir tus datos para crear una cuenta y seleccionar la
forma de pago. Una vez lo hagas ya tendrás tu hosting activado.

Ahora comprueba tu email porque te llegará un correo con los datos de acceso a tu hosting.

Aquí lo importante son dos cosas: los nombres de tu servidor (DNS) y tus datos de
acceso a cPanel (es el panel desde donde instalarás WordPress, que es lo que te permitirá
gestionar tu web). Veamos qué hacer con cada uno.

3. Redirige los DNS

El servidor que acabas de contratar es donde se alojarán todos los archivos (textos,
imágenes, etc) de tu web. Ahora debes hacer que, cada vez que alguien escriba tu dominio
en su navegador, sea redirigido hacia ese servidor y así se cargue tu web en su navegador.

Es muy sencillo. Primero copia los DNS (nombres de servidor) del email que has recibido:

UNAVIDAONLINE.COM
En este caso deberías copiar ns281.webempresa.eu y ns282.webempresa.eu.

Luego vuelve a Namecheap, logueate en tu cuenta y haz clic en Domain List de la barra
lateral izquierda. Allí encontrarás el dominio que has registrado antes. Selecciona Manage.

En la siguiente pantalla, baja hasta la opción Nameservers, y en el desplegable


selecciona Custom DNS.

Aquí es donde deberás copiar los DNS que te ha enviado Webempresa. Una vez lo hayas
hecho haz clic en el tic verde para guardarlos.

¡Ya tienes tu dominio apuntando a tu servidor! Seguramente te aparecerá un aviso de que


este cambio puede tardar hasta 48 horas en ser efectivo, pero no te preocupes porque
normalmente tarda menos de 30 minutos.

4. Instala WordPress

Ahora es el momento de entrar en tu cPanel con los datos que te ha enviado Webempresa
por email para instalar WordPress en tu web y así poder gestionarla cómodamente.

Simplemente haz clic en el enlace e introduce el nombre de usuario y la contraseña (hay


una opción para cambiarla si quieres).

UNAVIDAONLINE.COM
Una vez dentro del cPanel, solo tienes que seleccionar la opción Crear WordPress.

Nota: si has contratado otro hosting, esa opción puede estar en la parte inferior del cPanel,
en la sección de Softaculous o Aplicaciones.

El siguiente paso que te pedirá es escribir el nombre de tu web, y que selecciones en qué
dominio quieres instalar WordPress.

Haz clic en el desplegable y elige el nombre del dominio que has registrado antes. Deja
vacía la casilla de Ruta de instalación, escribe un email y nombre de usuario para acceder al
WordPress de tu web, y elige una contraseña aleatoria o escríbela tu mismo.

UNAVIDAONLINE.COM
Te llegará un email con los datos para acceder al WordPress de tu web. ¡Pero espera! Antes
hay un paso que es importante que completes porque te puede dar muchas ventajas.

5. Haz segura tu web (opcional)

No sé si te has fijado que, según la web que visites, en la barra de tu navegador aparece el
símbolo de un candado junto a “Es seguro”, mientras que en otras páginas no.

Estas webs utilizan un certificado de seguridad (llamado SSL) que añade una s al final
del http de su dirección web. Es una forma de reforzar la seguridad y privacidad de nuestros
datos mientras navegamos.

Las webs que no tienen este certificado aparecen marcadas como “No seguras” en los
navegadores web, y eso puede asustar a muchos usuarios. Además, Google se plantea
priorizar las webs seguras en sus resultados, por lo que es bastante recomendable que la
tuya lo sea.

Existen certificados de seguridad de pago y gratuitos, según el hosting que hayas


contratado. Además, la instalación puede ser complicada si nadie te ayuda.

Afortunadamente, Webempresa te ofrece un certificado gratuito y el proceso para


instalarlo es automático. Este es otro de los motivos por los que son mi hosting favorito.

UNAVIDAONLINE.COM
Para instalar el tuyo, vuelve a la página principal de Webempresa y entra en el área de
clientes. En la barra superior, despliega Hosting y selecciona Certificados.

A continuación, haz clic en el hosting donde quieres instalar tu certificado. Cuando te


aparezca los dos tipos de certificado disponibles, Let’s Encrypt y Comodo, haz clic
en Habilitar AutoSSL al lado de Let’s Encrypt.

Una vez habilitado, debajo te preguntará en qué dominio quieres activar el certificado.
Selecciona el tuyo, marca las dos casillas para aceptar que tu WordPress sea https (seguro)
en lugar de http y haz clic en el botón.

Aparecerá un listado lleno de archivos, ¡pero eso significa que ya tienes tu certificado
activado!

6. Elige tu plantilla

¡Genial! Ahora ya puedes ir al WordPress de tu web para configurarla a tu gusto. Deberás


haber recibido un nuevo email de Webempresa con los datos para acceder:

UNAVIDAONLINE.COM
Normalmente, la dirección para acceder al panel de WordPress de tu web
es elnombredeweb.com/wp-admin.

Importante

Si te aparece un error o te dice que la conexión no es privada, no te preocupes. Sucede


porque tu certificado de seguridad todavía no ha terminado de instalarse. Dale 15 minutos
más y vuelve a intentarlo.

Introduce tu usuario y contraseña en la pantalla de acceso a WordPress, ¡y ya estarás en el


gestor de tu web!

Esta pantalla es el escritorio de WordPress, el lugar desde donde gestionas todos los
contenidos y configuraciones de tu web.

En la barra lateral izquierda tienes todas las opciones de WordPress. Primero vamos a
configurar la apariencia de la web con una plantilla.

En Apariencia –> Temas encontrarás todas las plantillas a tu disposición que puedes
activar directamente.

UNAVIDAONLINE.COM
Si seleccionas Añadir nuevo podrás buscar entre un montón de plantillas gratuitas,
instalarlas y activarlas en tu web.

Las plantillas gratuitas suelen estar bastante limitadas o dejan de actualizarse con el tiempo,
así que mi recomendación es que uses una de pago. Son más fiables, tienen más opciones
y suelen costar entre 20 y 50 euros. En mi opinión, los temas de Genesis son los mejores
por su facilidad de uso y simplicidad del código, es por eso que los utilizo en todas mis
Webs.

7. Configurar el diseño

Es el turno de terminar de ajustar el resto de opciones de diseño de la web. Para entrar en la


pantalla de personalización, selecciona Apariencia –> Personalizar.

En la barra de la izquierda tienes todas las opciones, mientras que en la derecha verás
como queda tu web según los cambios que vayas haciendo.

UNAVIDAONLINE.COM
Lo primero es cambiar el título si todavía no está el que quieres. Selecciona Identidad del
sitio, y escribe el nombre de tu web. Escribe también en 6 o 7 palabras una descripción
para tu web.

En Imagen de cabecera puedes cambiar el título en texto de tu web por una imagen con el
logo. Si quieres un logo decente por menos de 10 euros, te recomiendo Fiverr.

Los Widgets son unas secciones de tu web que puedes configurar a tu gusto con varias
funcionalidades, como un feed de Twitter, los iconos de tus redes sociales o una descripción
de autor.

En Ajustes de portada podrás seleccionar si quieres que la página de inicio de tu web


tenga las últimas entradas, o solo muestre una página en concreto. Para empezar, puedes
seleccionar Últimas entradas.

En Ajustes del tema encontrarás la opción Diseño del sitio, que es importante. Aquí
podrás elegir si quieres que muestre tu contenido a la izquierda y una barra lateral a la
derecha, que también incluya una barra a la izquierda o que lo muestre sin ninguna barra,
por ejemplo.

UNAVIDAONLINE.COM
En Comentarios y referencias podrás seleccionar si quieres que la gente pueda dejar un
comentario en tus artículos y páginas.

Cuando lo tengas todo a tu gusto, simplemente haz clic en Publicar.

8. Configura los enlaces

El siguiente paso es volver al escritorio de WordPress y ajustar un par de opciones


importantes para que tu web funcione como debería.

Primero ve a Ajustes –> Lectura. Allí quizás te encuentres con que está marcada la casilla
de “Disuade a los motores de búsqueda de indexar este sitio”. Si es así, desmárcala y
guarda los cambios o de lo contrario los buscadores como Google no mostrarán nunca tu
web.

Luego, ve hasta Ajustes –> Enlaces, marca la casilla Nombre de la entrada y guarda los
cambios. De esta forma, la dirección web de los artículos que escribas incluirá el nombre del
artículo en lugar de un número aleatorio.

¡Ya casi estás! Ahora solo te queda instalar unas pocas funciones importantes más.

10. Configura los plugins

Los plugins son pequeños programas que se instalan en tu web y que le confieren
posibilidades adicionales, como la función de crear formularios de contacto, tablas,
calendarios o filtros anti-spam.

UNAVIDAONLINE.COM
En tu escritorio de WordPress, ve a Plugins. La mayoría de los que encontrarás por defecto
podrás borrarlos, porque por ahora solo vas a necesitar cinco:

• Akismet: evita el spam en los comentarios de tu web

• Contact Form 7: te permite crear formularios de contacto

• Yoast SEO: te da más opciones de posicionamiento

• BackWPup: para hacer copias de seguridad automáticas de tu web

• Jetpack (opcional): ofrece varias opciones útiles a tu web

Para instalar cada uno de estos plugins, haz clic en Añadir nuevo que encontrarás en la
parte superior e introduce su nombre en la caja de búsqueda.

Haz clic en Instalar ahora, y luego actívalo.

Para activar Akismet deberás conseguir tu clave API creándote una cuenta en
WordPress.com. Una vez lo hayas hecho, te aparecerán los planes de Akismet.

Selecciona el Plan Personal, y entonces te preguntará cuánto quieres pagar al año. Como
todavía no estás ganando dinero por Internet (tranquilo, todo llegará), mueve la barra hacia
la izquierda hasta los 0 euros, y así te saldrá gratis.

UNAVIDAONLINE.COM
Una vez creada la suscripción, te pedirá que actives tu dominio. Hazlo y te proporcionará la
clave API para proteger tu web del spam.

BackWPup sirve para crear copias de seguridad de tu web de forma automática en una
cuenta de Dropbox. Una vez activado, verás que aparece la opción BackWPup en la barra
izquierda de tu escritorio de WordPress.

Selecciona Añadir nuevo trabajo y en General –> Destino de trabajo marca Respaldo a
Dropbox para que las cree allí. Luego tendrás que elegir con qué periodicidad debe hacer
las copias y darle acceso a tu Dropbox.

Yoast Seo te permite configurar las opciones SEO de tus artículos y páginas. Por ejemplo,
cuando estés escribiendo una nueva entrada, verás que debajo tienes la caja de opciones
de Yoast.

Allá podrás elegir qué título y descripción quieres que aparezcan en los buscadores como
Google cuando muestren los contenidos de tu web.

Jetpack es, en realidad, varios plugins en uno. Tiene muchas funciones, como la de
compartir automáticamente tus nuevos artículos en redes sociales, crear galerías de
imágenes o la opción de visualizar el número de visitas de tu web. Pero a veces puede
enlentecer el tiempo de carga. Si te das cuenta de que eso ocurre, desactívalo.

Finalmente, Contact Form 7 te permitirá añadir formularios de contacto en tus páginas de


forma muy sencilla.

UNAVIDAONLINE.COM
10. ¡Empieza a escribir!

Ya está todo preparado para que empieces a escribir contenidos en tu web.

Para ello, solo tienes que ir a Entradas –> Añadir nueva, escribir su título y ponerte a
redactar el contenido, añadiendo las imágenes que necesites mediante la opción Añadir
objeto.

Nota: si ves que hay algunas entradas ya publicadas puedes borrarlas; suelen estar
simplemente de muestra.

También puedes escribir páginas en lugar de entradas. Las únicas diferencias son:

• Las entradas pueden clasificarse en categorías, y las páginas no. Esto es útil para
organizar tus contenidos (cámaras, grabadoras, auriculares, etc).
• Las páginas pueden depender de páginas superiores, como por ejemplo
elnombredetuweb.com/paginasuperior/paginainferior.

Las entradas están pensadas para un formato tipo blog, mientras que en las páginas suele
ponerse contenido evergreeen, es decir, todo el contenido más estático y menos temporal.
Pero en general no te preocupes demasiado por esto ahora.

Para escribir páginas, ve a Páginas –> Añadir nueva. A la hora de crear los contenidos el
proceso es el mismo que para las entradas.

¡Y ya lo tienes todo listo! Ahora solo tienes que empezar a crear los contenidos de tu web.

UNAVIDAONLINE.COM