A poco que hayas leído este blog ya sabrás como importante es tener un portafolio online si quieres vivir de tu arte. Mientras no tengas página web simplemente no existes, ni que decir que las personas que no existen trabajan poco.
En este post voy a explicar qué hay que hacer para publicar tu primera página web online. No me detendré en el diseño web propiamente dicho, para eso hay miles de tutoriales y libros.
Aquí os dejo el índice del post completo, si quieres saltarte algúna parte simplemente haz click en el punto que te interese:
- Elegir un nombre para nuestro dominio web
- Contratar alojamiento web
- Comprobar si tu dominio está disponible
- Registra tu dominio
- Apunta los name servers de tu dominio hacia tu cuenta de hosting
- Sube los archivos de tu página al servidor
1.- Elige un nombre para tu página web
Un dominio es un nombre que sirve para dirigir a los usuarios de Internet a tu página web. Por ejemplo, mi dominio es www.sosnewbie.com. Parece obvio, pero encontrar un buen dominio es un paso fundamental y para ello tenemos que hacernos estas preguntas:
- ¿Quién es nuestra audiencia objetivo?
- ¿Cuál es el objetivo de nuestra Web?
- ¿Quiero resultados a corto o largo plazo?
- ¿Cuál es la visión y misión de mi proyecto Web?
Lo ideal es crearte una lista de posibles nombres, ya que muchos de ellos no estarán disponibles. Aquí te dejo una serie de recomendaciones:
Nombres fáciles de recordar. Los nombres cortos son más fáciles de recordar y de escribir, aunque también hay nombres largos fáciles como divideteporcero.com o quepasaportucasa.com.
Relacionado con tu actividad… o no. Existen dos posturas, los que consideran que tu dominio web debe estar relacionado con tu actividad (ej: diseñoweb.com) o los que apuestan por la creación de una marca (ej: sosfactory.com). En el primer caso tendrás ventajas a la hora de posicionarte en Google para las palabras "diseño web" pero hay dos inconvenientes: normalmente estos dominios son dificiles de encontrar y al ser tan genéricos es difícil imprimirles personalidad.
Si quieres crear un portafolio donde la cantidad es más importante que la calidad, y lo que necesitas es muchos clientes de bajo presupuesto, posiblemente "diseñoweb.com" sea la mejor alternativa. Yo opto por la segunda opción, la creación de una marca indenpendiente, a largo plazo es mucho mejor.
Venta local vs Internacional. Si piensas vender tus diseños en tu ciudad puedes usar algo como "diseñowebmadrid.com" lo que te dará casi instantaneamente el primer puesto en Google para busquedas como "diseño web Madrid". Como digo, esto depende de tu estrategia de venta. Yo personalmente prefiero vender a nivel internacional ya que hay muchos más clientes potenciales.
Extensiones. Es recomendable usar el .com aunque no te perjudicaría registrar el .net y la extensión de tu país (.es en España).
Cuidado con caracteres especiales. Por ejemplo la letra Ñ si eres español, o la letra ß si eres alemán. Si optas por un mercado local no hay problema, pero si quieres vender tus diseños a nivel internacional, automáticamente estás descartado.
Cuidado con los números, guiones, abreviaturas. Cuidado con los números, al transmitirlo por boca a boca puede llevar a confusiones (ej: adsl4u.com ¿adslfouryou.com o adslforyou.com o adslfouru?…). No uses guiones ni abreviaturas.
Cuidado con la pronunciación. Si planteas una clientela internacional investiga como suena tu dominio al menos en inglés, y si hay palabras que se le parezcan y puedan ser problemáticas.
Cuidado con las coincidencias. Investiga el mercado, no vaya a ser que eligas un nombre para tu negocio que ya lo use otra compañía (o sea muy similar) y desempeñe la misma tarea que piensas hacer tú. Esto es denunciable, en el futuro incluso podrías perder el dominio.
Registra todas las posibilidades relacionadas con tu dominio. Esto puede ser costoso pero a la larga puede es muy beneficioso, se trata de registrar tu dominio y todas aquellas variaciones que pueden escribirse por error (ej: google.com, gogle.com, gooogle.com, gugle.com…).
2.- Contrata alojamiento web
El alojamiento web o hosting es el sitio físico donde se encuentra tu página web, cada vez que alguien visite tu página web un servidor (un ordenador) se encargará de mostrárla. Así que imagínate lo importante que es contratar los servicios de una buena empresa de hosting.
Si miras por internet te volverás loco de la cantidad de ofertas que hay, miles de empresas grandes y pequeñas luchando por vender su producto. Yo tengo mi red de páginas alojadas en Downtownhost.com y estoy encantado, si no tienes mucha experiencia lo más importante a la hora de contratar hosting es buscar una empresa con un buen servicio de atención al cliente. Si tu página empieza de cero, no te compliques, con el plan de alojamiento más bajo (5-8 US$ al año) tendrás de sobra para un tiempo.
Ni se te ocurra ir con mega-empresas de hosting que para cualquier cosa tienes que pasar por 4 departamentos diferentes. Tampoco uses alojamientos gratuitos, normalmente tienen montones de publicidad, son lentos y muy poco profesionales.
Si decides contratar hosting en Downtownhost.com pero no sabes inglés no te preocupes, Jorge, el propietario, habla español y muy amablemente te atenderá por messenger.
Contratar tu plan de hosting no tiene mucho misterio sólo necesitas Paypal o una tarjeta de crédito e ir siguiendo las instrucciones. Al final del proceso te debería llegar a un email con tu usuario y contraseña para acceder al panel de control de tu cuenta de hosting, y tus nombres de servidores (name servers), más adelante veremos para que sirve esto.
***MUY IMPORTANTE!!! antes de contratar investiga en google sobre la compañía. No vaya a ser que des con empresas como HostingLMI o Fenixer que por una pelea conyugal dejó durante meses a más de 4.000 clientes (yo entre ellos) sin servicio técnico y sin posibilidad de recuperar sus dominios… con denuncias, menores de por medio, maridos ex-convictos… un espectáculo digno de telenovela.
3.- Comprueba si tu dominio está disponible
Bueno, ya tenemos contratado nuestro hosting y una lista de posibles nombres de dominio para nuestro portafolio online, ahora tenemos que averiguar que dominios de esa lista estan disponibles. Para eso hay miles de utilidades si quieres comprobar si tu dominio está libre… si está disponible corre a registrarlo.
4.- Registra tu dominio web
Para registrar tu dominio existen dos vías, una es hacerlo mediante tu empresa de hosting (no recomendable, si quieres saber por qué lee más abajo) o mediante empresas de registro propiamente dichas, yo uso Godaddy, si no sabes inglés busca un registrador en tu idioma mediante Google.
El registro de un dominio .com sale a unos 10 US$ al año, lo ideal es comprarlo por varios años, así sale más barato… además parece que Google lo tiene en cuenta a la hora de posicionarte en sus resultados.
Registrar un dominio no es demasiado complicado, sólo necesitas Paypal o una tarjeta de crédito e ir siguiendo las indicaciones. Si todo va bien, al final del proceso te llegará un email con tu usuario y contraseña para acceder al panel de administración de tu dominio (no lo confundas con el panel de administración de tu cuenta de hosting, son cosas diferentes).
***MUY IMPORTANTE!!! muchas compañías de alojamiento web ofrecen un dominio gratuito a la hora de contratar el alojamiento. Nunca uses este dominio para tu negocio, ¿por qué?:
- Normalmente no te dejan acceso al panel de control de tu dominio web, así que para cualquier gestión tienes que pasar por el servicio de atención al cliente de la compañía… lo que puede ser desesperante en algunos casos.
- En caso de que no estés contento y quieras cambiar de compañía, todo serán obstáculos a la hora de recuperar tu propio dominio (ej: poner los name servers hacia tu nueva empresa de hosting).
Ten en cuenta que el registro de un dominio .com vale unos pocos dolares, lo que realmente vale mucho dinero es el trabajo que vas a invertir en su promoción. Así que mejor ser dueño de tu dominio en todo el sentido de la palabra.
5.- Apunta los name servers de tu dominio hacia tu cuenta de hosting
Pues ya tenemos un dominio registrado y una cuenta de hosting, lo siguiente es decir al dominio que apunte a nuestra cuenta de hosting. Así cada vez que alguien escribe en internet nuestro nombre de dominio, verán lo que tenemos en nuestro servidor.
Lo primero es conocer los name servers (DNS) de nuestro hosting, normalmente vienen en el email de confirmación al contratar tu cuenta de hosting, deberían ser dos, uno primario y otro secundario, algo como ns1.domainname.com y ns2.domainname.com. Si tienes alguna duda lo más rápido es contactar a tu empresa de hosting (por eso es tan importante el servicio de atención al cliente) y preguntarles directamente. Los DNS pueden tardar hasta 48 horas para renovarse dependiendo de quien lo registre. Pero están listos generalmente entre 2 y 3 horas.
Ahora tenemos que meternos en el panel de administración de nuestro dominio, dependiendo del registrador puede variar, lo que tienes que buscar es como modificar los nombres de servidores por defecto, y sustituirlos por los tuyos ns1.domainname.com y ns2.domainname.com.
Si todo salió bien tu domino ya está apuntando a tu cuenta de hosting, ahora se trata de subir nuestra página web al servidor.
6.- Sube los archivos de tu página al servidor
Para subir tus archivos al servidor puedes hacerlo vía Cpanel de tu cuenta de hosting o mejor aún mediante un cliente ftp, es decir mediante software.
Hay cientos de clientes ftp gratuitos y de pago, te aconsejo que por ahora no eligas programas muy complejos. Yo uso uno muy sencillo llamado FlashFXP, es de pago.
Para conectarte a tu servidor necesitarás una serie de datos que deberían aparecer en el email que te enviaron al contratar tu cuenta de hosting:
- IP Address: dirección de tu sitio web. Algo como: 209.62.60.132 o también puedes poner tu nombre de dominio.
- Nombre de usuario.
- Contraseña.
Una vez metes estos datos deberías poder conectar a tu servidor. Si te fijas es como navegar por tu disco duro, tienes que ir hasta la carpeta /public_html/ y ahí es donde debes subir los archivos de tu página web.
Es muy importante que la página principal de tu sitio web se llame index.html.
Y eso es todo amigos, he intentado explicarlo lo mejor y más detallado posible, si tienes algún problema o duda escribe un comentario e intentaré explicartelo 
23 Noviembre 2007 at 21:02
Un post genial, francamente útil ya que estoy en proceso con mi página, se agradece que nos ayudes, a nosotros, a los newbies…
Un saludo desde Bilbao.
PD:Actualizar mas a menudo estaría genial… pero me imagino que no tendrás tampoco mucho tiempo.
23 Noviembre 2007 at 21:28
Hola Kristian, muchas gracias, me encata que te haya sido de utilidad.
Ya me gustaría actualizar más a menudo, en realidad hago milagros para escribir posts tan largos sin dejar clientes de lado.
Saludos y suerte con tu página.
24 Noviembre 2007 at 5:38
Gracias por los consejos…
Yo, como Kristian, tambien estoy con mi web.. lo que pasa es que estoy tardando más tiempo en saber donde enfocarla.. que en hacerla.. xD
24 Noviembre 2007 at 8:35
Como tiene que ser, hay que diseñar con fundamento
11 Diciembre 2007 at 13:13
so, via FTP i can upload the .fla files – or swf or htm so that I can do the design of the page? — great tutorial!
12 Diciembre 2007 at 0:27
Hello Hector, to publish flash sites you need to insert the .swf file into the html file and then name it index.html.
Of course you have to upload the .swf files to the server.
12 Diciembre 2007 at 16:03
Saludos, si quiero instalar la pagina en mi propia red, con apache que debo hacer ? darle hospedaje yo..??? gracias
12 Diciembre 2007 at 17:12
Hola Osvaldo, supongo que lo que quieres es montarte tu propio servidor, ¿verdad?
Si es así necesitas un ordenador que funcione como servidor, ten en cuenta que necesitarás tenerlo andando las 24h del día.
Si no estás muy familiarizado te sugiero que empieces con hosting compartido, sobretodo por temas de seguridad y demás complicaciones que te surgirán.
15 Diciembre 2007 at 23:23
Hey Hector.
To do what you are asking is simple.
Open notepad and enter the following code:
Then save the file as index.html.
^ This is just an example and I’m sure if that will work, but it is basically just to show you that your task is really only about 5 lines of code
.
Google for “how to embed flash into a website”
15 Diciembre 2007 at 23:25
The code I entered was:
Just remove the spaces in the tags and it should work.
15 Diciembre 2007 at 23:26
Hmm it doesnt seem to want to let me post the code snippet for you.
Just google it
29 Diciembre 2007 at 17:54
Hola ami me aparace no encontro el servidor index.html. como hago todo puse bien debemos tener algun puerto abierto ?
agregreme mimsn pliz ayudenem cristhian@dkfsoft.com
30 Diciembre 2007 at 17:49
Hola Peter, comprueba que el index.html no esta en mayusculas. Comprueba tambien que lo pones en la carpeta adecuada (algo como public_html o algo parecido al nombre de tu dominio), prueba a renombrar el archivo a index.htm… asi a bote pronto es lo unico que se me ocurre.
A ver si hay suerte, si no posiblemente lo mas rapido sea contactar a tu empresa de hosting… aunque no deberias tener problemas.
Saludos.
14 Enero 2008 at 1:26
yo estaba con downtownhost pero no se lo recomiendo a nadie! en cuanto tu sitio se hace grande y recibe muchos hits te estan jodiendo por el uso del CPU
14 Enero 2008 at 9:05
Hola Richard, ¿cómo de grande era tu sitio? ¿Y cómo de rápido creció?
Yo te puedo decir que mi red ha llegado a tener 180.000 visitas al mes y todo ha ido como la seda.
También supongo que dependerá del plan contratado, por favor danos más datos.
Saludos.
16 Enero 2008 at 19:30
great info here, thanks.. but i still got a prob,, im all new to this flash websites, i have built a website from a template in flash 8. i have a fla, swf, and a html file after working on the project. my question is what file do i upload and where and what name, i have uploaded it all but nothing works.. i might be lame but the index file is a .doc??? if so i dont have how can i make it.
thanks u all
16 Enero 2008 at 21:44
Hello Mike,
A .doc is a Office document. I suggest you use Dreamweaver to do the coding. Is not hard, but its a bit complex to explain here… you should take a look to the help.
At the end of the procces you should have a html file, in some part of that html file you do a call for your swf movie (in html language).
Notice the structure of the site need to be the same in the server as in your hard drive, if you change any folder in the server, the html file wont find the swf movie.
I hope it helps.
Cheers.
Sergio
24 Febrero 2008 at 9:44
me gusto lo de el nombre del dominio; creo que un nombre corto es lo mejor aunque con tantas webs que hay actualmente es dificil hacer un nombre web facil :s
7 Marzo 2008 at 16:36
Te agradeceria si me pudieras dar algún consejillo para que mi web tuviera exito en los buscadores.
Gracias.
7 Marzo 2008 at 18:29
Hola Xabi, para eso está el artículo.
25 Marzo 2008 at 10:24
Me gustaria manejar una base de datos en mysql codifico en php,
25 Marzo 2008 at 11:59
Hola Adrianno, lo siento de base de datos no tengo ni idea, mejor pregunta por foros de programación.
Saludos.
17 Abril 2008 at 17:07
Interesante informacion, voy a tomar en cuenta tus consejos.
Saludos.
21 Junio 2008 at 21:52
hola Sergio, es bueno lo que haces, pero veo que a los principiantes nadie le da demasiada importancia, creo que hay egoísmo, o que tratan de que no aprendamos nada, siempre se la complican mucho mas, gracias.
se que no me vas a publicar este comentario.
pero igual te mando un abrazo de Uruguay
22 Junio 2008 at 6:43
Hola Julio, sólo censuro comentarios que insulten o falten al respeto… que no es tu caso.
Lo que dices es verdad, hay muchos profesionales que no quieren compartir sus conocimientos para que nadie pueda hacerles la competencia, o por simple inseguridad. De todas maneras, están en su derecho.
Yo creo que el que es bueno lo es porque practica mucho, los tutoriales son un 1% del trabajo. Además siempre viene bien un poco de competencia… así no nos acomodamos.
Saludos.
10 Marzo 2009 at 23:39
Hola, Sergio, muy útil el artículo, mi pregunta es ¿Qué opinas de la página freewebs.com? sé que haz mencionado lo de la publicidad y que no es conveniente, pero la verdad por ahora no puedo pagar ese dominio. Mencionaste en otro artículo que tu primera contratación fue por medio de Deviantart.com, pero creo q no es tan serio,dame tu opinión.
Saludos.:)
11 Marzo 2009 at 5:40
Hola Diana,
¿sabes que un dominio cuesta 8€ al año?
¿y que una cuenta de hosting menos de 10€ al año?
honestamente, ¿no puedes gastar unos 20€ al año? No necesitas nada más.
Freewebs está bien para la página del barrio. Deviantart es diferente, es una red social de artistas, muy recomendable.
Saludos.
12 Marzo 2009 at 18:09
Jeje, tienes razón, el problema está en tratar de convencer a mis padres la importancia de un sitio web, no saben para qué rayos quiero uno, por más barato que sea.
14 Marzo 2009 at 13:07
Sergio, Deviantart es recomendable, ¿Pero no para mostrarla a un cliente potencial mientras consigo un dominio? Creo q para algunas personas que no entienden el inglés DA puede resultarles confuso. Saludos.
15 Marzo 2009 at 12:19
Diana, para mostrarla a un cliente lo único recomendable es comprar tu propio dominio.
Puedes mandar tu portafolio en pdf, tener una cuenta en deviantart, behance o cualquier otra web parecida que se verá muy amateur.
15 Marzo 2009 at 12:47
Gracias. ¿Mandar el portafolio en pdf se ve amateur? no entendí…me dices puedes mandarlo, o ¿no debo hacer eso?
15 Marzo 2009 at 14:36
Me refería a meter varios archivos en JPG dentro de un PDF y mandarlo por correo electrónico.
16 Marzo 2009 at 17:24
ok, ya debe estar aburrido de preguntas tontas, jeje. Gracias por contestarlas.
19 Marzo 2009 at 1:01
Hey, I really love this post
Helped me a lot, thanks!
25 Marzo 2009 at 12:48
Mencionaste en un artículo q Dreamweaver es para diseño web, pero qué dices de Firefox, ciertamente sé muy poco de este.
25 Marzo 2009 at 12:50
Perdón, no es Firefox, jaja, es FIREWORKS…
26 Marzo 2009 at 10:06
http://www.adobe.com/products/fireworks/
27 Marzo 2009 at 13:45
Quería saber tu opinión, si lo has utilizado. Saludos.
27 Marzo 2009 at 19:28
Lo siento, nunca lo usé en profundidad.
28 Marzo 2009 at 13:36
¿Para diseñar la web SoSFactory utilizaste Dreamweaver, entonces?
9 Abril 2009 at 23:26
Hi, I think this can be helpful
http://www.aiga.org/content.cfm/standard-agreement
This agreement allows you to create customized terms and conditions for different types of design engagements. Updated in May 2007, it is now modular to meet the needs of a growing design community involved in various disciplines.
18 Abril 2009 at 15:58
Sergio una pregunta, es mejor alojar o comprar un dominio en una empresa como godaddy que una empresa local, en mi país hay una q cobra varios paquetes desde 50USD o más, la verdad te parece que es mejor q sea local o extranjera como godaddy?
9 Julio 2009 at 0:54
Acabo de leer que solo he hecho unas preguuntas tontas, jaja, pero he aprendido mucho desde entonces, y me preguntaba, una vez que tienes el diseño o layout de tu página, si no sabes programación de sitios web, habrá q contratar un servicio, como el llamado You PSD We HTML, y eso es más caro, ¿Tú programaste tu sitio web? si no, a quienes me recomiendas para eso. Saludos
10 Julio 2009 at 7:04
Hola Diana, para diseñar mis webs uso Photoshop, Dreamweaver y el bloc de notas.
El host es mejor buscarlo en el país en el que quieras vender tus servicios, por ejemplo, si quieres vender en EEUU mejor contratar hosting en ese país. Por lo visto los buscadores lo tienen en cuenta.
Yo suelo codificar mis webs, si requieren programación compleja (como este blog) busco amiguetes o conocidos que me puedan orientar.
Saludos.
10 Julio 2009 at 12:02
Hola Sergio, soy un seguidor de tus tutoriales y tus amables consejos, antes de nada enhorabuena por tus alucinantes diseños y por compartir tanto conocimiento!
Verás tengo una consulta…estoy intentando reducir un poco mis gastos y tengo una duda sobre el alojamiento web en DowntownHost, llevo tres meses con mi web alojada con ellos (SHARED BRONZE), y he pagado 38, 85$ por estos tres meses, y pensaba contratar 3 años más lo que supone 178,20 $ según sus tarifas, (http://www.downtownhost.com/shared.html),
He visto en tus comentarios que una cuenta de hosting cuesta menos de 10 € al año?
¿He elegido mal el plan de hosting? Pensé que SHARED BRONZE era el más barato con DowntownHost…
Por otro lado ¿Sabes si me puedo beneficiar de los cupones? (http://www.retailmenot.com/view/downtownhost.com)
He intentado contactar hoy con Jorge Catena en el Live Support Chat pero no he dado con él, el otro día sí hablé con él para el cambio de plan a 3 años y me pareció muy amable.
De todas formas me ha parecido mejor idea consultarte antes a ver si existe una solucion más económica
Muchas gracias por tu atención, espero tu respuesta
Un saludo,
Jaime.
13 Julio 2009 at 14:30
Hola Jaime, ya te contesté por email.
13 Julio 2009 at 22:31
Hola, Sergio, gracias por tu respuesta.
18 Septiembre 2009 at 20:15
Hola! ¿qué opinas de Edicy? al menos como un portafolio provisional
sé que tener un sitio oficial es importante, pero debe ser mejor mostrar algo en edicy que en deviantart , ¿no? Saludos!
27 Septiembre 2009 at 11:53
Hola Sergio, me pasa como a Jaime, tengo registrado ya un dominio, y me falta ya solo el hosting… pero en Downtownhost, se me escapa de presupuesto. Contratar Shared Bronze por 3 años son 178.20$.
¿Existe otro plan más barato? ¿O hay algún otro servicio de hosting fiable?
Muchas gracias por adelantado.
27 Septiembre 2009 at 20:02
Hola Luis,
¿por qué no contactas con Jorge the Downtownhost y le preguntas tú mismo (jorgecatena@msn.com)? Dile que vas de mi parte, quizás pueda hacerte algún descuento o recomendarte otra compañía.
Saludos.
28 Septiembre 2009 at 7:17
Gracias por la respuesta
7 Enero 2010 at 2:19
Hola, Sergio, una pregunta (otra más
) me habías dicho que un dominio cuesta unos 8 euros al año, pero noté que al querer registrar uno me da un subtotal de $150 ya que me incluye otros productos como Deluxe Email, Private Registration services, etc, sé que si lo regtistro por varios años (en realidad 4) cuesta menos esto es con Godaddy asi que me confunde un poco lo del subtotal. ¿algún consejo sobre esto porfavor?
Saludos
7 Enero 2010 at 13:32
Hola Diana, esa es una de las malas costumbres de Godaddy, elimina absolutamente todos los extras, en realidad no los vas a necesitar.
Saludos.
7 Enero 2010 at 23:19
Hey, Gracias, Sergio