UNAVIDAONLINE.COM

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 M 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 ahora la protección de privacidad gratis, así que puedes marcar esa

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

comprueba si has recibido un email de verificación.

Si lo has recibido, en ese email encontrarás un enlace que deberás clicar para verificar que

tu cuenta de correo es correcta. ¡Que no se te olvide!

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 M del Hosting WordPress 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 en

Aplicaciones Webempresa.

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 elnombredetuweb.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 30 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.

Consejo: si quieres usar un editor de texto más simple (y parecido a lo que sería un

documento de Word tradicional), te recomiendo que instales el plugin Editor Clásico de la

misma forma que has instalado los anteriores.

Para crear tus primeros contenidos, solo tienes que ir a Entradas –> Añadir nueva, escribir

su título y ponerte a redactar, 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.