Guía de Creacion Web Para Novatos Spanish

Gua sencilla, paso a paso, para crear tu propio sitio web profesional

Truc

os

y

cons

ejos

Gua rpida de creacin

web para novatos

2

Para ms informacin, leer www.websitetooltester.com/es

Acerca de este ebook

Este libro digital fue creado para cualquier persona interesada en crear un nuevo

sitio web. Tanto si tienes un sitio web antiguo que necesite una renovacin

completa, como si vas a empezar desde cero, este pequeo manual es lo que

necesitas.

Queremos ensearte a crear tu propio sitio web sin que tengas que aprender a

programar y sin que te cueste una fortuna.

Por qu deberas leer lo que te queremos contar?

Pues porque ya hemos ayudado a cientos de personas a crear sus

propios sitios web a travs de WebsiteToolTester.com/es. Este

ebook se basa en todo lo que hemos aprendido de esas

experiencias y hasta ahora ya se ha descargado ms de 4.000

veces.

Te prometemos que si te lees todo el libro de cabo a rabo,

acabars teniendo una idea clara de cmo crear tu propio sitio

web de forma econmica. Y por aadidura, es muy probable que te diviertas en el

proceso.

Deseando que te lo pases muy bien en la creacin de tu sitio web, recibe un saludo

de:

Robert Brandl

Josep Garcia

PD: Si te apetece puedes compartir este ebook con amigos y colegas.

3


Sumario

Acerca de este ebook .......................................................................................................... 2

1. Lo bsico ...................................................................................................................... 4

6 buenas razones para tener un sitio web para tu negocio ............................................... 4

Cmo crear tu sitio web ...................................................................................................... 5

Qu es un creador de sitios web? ..................................................................................... 6

Pros y contras de los editores de sitios web. ...................................................................... 8

Qu conocimientos necesito? ........................................................................................... 9

2. Planifica tu sitio web .................................................................................................. 11

Establece objetivos ........................................................................................................... 11

Crear contenido ................................................................................................................ 12

Ejemplo de mapa mental para la pgina web de una zapatera ...................................... 13

Analiza otros sitios web .................................................................................................... 14

3. Escoger las herramientas adecuadas para la creacin web ...................................... 15

Qu hacer cuando el creador web no nos sirve para el trabajo? ................................... 17

4. Crear tu sitio web con un editor web ........................................................................ 18

Vamos a empezar .............................................................................................................. 19

Importante tener en cuenta, antes y despus de publicar .............................................. 21

Gracias ............................................................................................................................ 25

4


1. Lo bsico

6 buenas razones para tener un sitio web para tu negocio

Ya que ests leyendo este ebook imaginamos que tienes al menos una buena razn

para crear un sitio web. Aqu hay algunas ms:

- Mostrar toda la gama de tus productos

Muchas empresas tienen mucho ms de lo que creen para ofrecer a sus clientes. Tu

autoescuela ofrece tambin cursos de conduccin deportiva? Tal vez tu empresa de

traduccin ha aadido recientemente el coreano a sus combinaciones de idiomas?

Interesante verdad?... Usa tu sitio web para no perder de vista a tus clientes y

generar ventas adicionales.

- Pnselo fcil a tus clientes.

Lo normal es que los clientes no tengan ganas de coger el telfono o visitar tu tienda,

as, por las buenas. Por el contrario, suele ser mejor que al principio los clientes te

vayan conociendo a su ritmo. Tu presencia online puede permitirles precisamente

esto.

- Annciate de forma ms eficaz

Cmo haces tu publicidad ahora? Los folletos, las llamadas en fro o el correo

pueden bombardear a tus clientes sin que el mensaje llegue ante sus narices en el

momento adecuado. Pero cuando tu cliente te encuentra a travs de Google es muy

probable que tenga una necesidad especfica en mente y que espere que t se la

puedas satisfacer. Y esto es lo que convierte a tu pgina web en uno de los mtodos

de publicidad ms rentables que existen.

5


- Toda la informacin sobre tu empresa en el mismo sitio.

Pnselo fcil a tus clientes; deja que puedan encontrar toda tu informacin en el

mismo sitio, desde nmeros de telfono y direcciones de E-mail a instrucciones para

llegar a tu local. Tus clientes te lo agradecern.

- Vende tus productos o servicios online.

Si vendes un servicio o producto que se puede enviar por correo electrnico o por

mensajera, no hay razn por la que no puedas montar una tienda online. As puedes

incrementar instantneamente el nmero de clientes potenciales y expandir tu

mercado a todo el pas, o incluso internacionalmente, si as lo deseas.

- Capta a tus clientes.

Actualmente existen varios sistemas excelentes para captar clientes. Por qu no

probar una newsletter (e-mail marketing)? O una pgina de Facebook, o un blog

todos esos sistemas de comunicacin con los clientes son realmente econmicos y

estn ah para ser usados Pero lo primero es lo primero: hablemos de tu sitio web.

Cmo crear tu sitio web

Seguro que hay muchas razones por las que te gustara probar a tener tu pgina

web, desgraciadamente muchos novatos se ahogan enseguida en un mar de siglas

como HTML, CSS y Php. Aprender a utilizar lenguajes como el HTML para crear tu

propia pgina de cero es algo loable e interesante. Adems existe abundante

informacin sobre el tema en sitios como: developer.mozilla.org.

Pero si no quieres convertirte en un creador profesional de pginas web, ni tener tu

sitio parado varios meses hasta que domines los detalles ms complicados del

desarrollo web, puedes optar por alguna solucin ms fcil. No sera estupendo

poder crear un sitio web con la facilidad que se crea y edita un documento Word?

6


Pues eso es exactamente lo que representa la ltima generacin de creadores online

de sitios web. Con estas plataformas de creacin web puedes tener un website ms

que decente, listo y operativo en poco tiempo y sin tener que aprender nada de

programacin.

Qu es un creador de sitios web?

Los creadores o editores web son ideales para proyectos de sitio web pequeos o

medianos, con una estructura de pginas web relativamente sencillas. Hasta ahora

ese tipo de herramientas no era demasiado potente y sus resultados parecan de

aficionados, sin embargo, en los ltimos aos han avanzado considerablemente.

Echa un vistazo a estos ejemplos y mira cuntos sitios web comerciales, tiendas

online y blogs privados hay por ah: http://tooltester.de/ejemplos-sitios-web.

Imagen 1: http://www.rockonut.com Imagen 2: www.josmasportgol2000.com

Los creadores de sitios web te ofrecen en un paquete todo lo que necesitas: registro

de dominio (p. ej. tunombre.com), espacio de almacenaje online (espacio web) y a

menudo tu propia cuenta de correo electrnico (p. ej. [email protected]).

Tambin suelen proporcionar algn tipo de apoyo tcnico si te quedas atascado. En

el paquete se incluyen, adems, plantillas de diseos, varios elementos diferentes (p.

ej. galera de imgenes, formularios de contacto, blog, etc) y un editor de textos.

Echmosle un vistazo a algunos de los elementos tpicos de un creador de sitios web.

7


Diseos listos para ser usados (plantillas).

Imagen 3: Plantillas de Weebly

Los creadores de sitios web te permiten escoger y cambiar fcilmente entre una

gama de diferentes diseos ya hechos. Se puede hacer en cualquier momento,

incluso despus de haber aadido a tu sitio web tu contenido, ya que el diseo del la

pgina web y su contenido se gestionan separadamente. Si tu compaa tiene un

logotipo o unos colores corporativos, estos se pueden incorporar fcilmente a una

plantilla. Si no encuentras una que te guste tambin es posible crear un diseo ms

personalizado, aunque ello supone tener conocimientos de HTML y CSS, los

lenguajes de programacin de la web.

Elementos

Imagen 4: Jimdo

8


Un sitio web puede incluir textos imgenes, videos, formularios de contacto y

productos para una tienda online. Un creador de sitios web te permite decidir qu

elementos pueden incluirse en tu pgina web... simplemente arrastra y suelta el

elemento en el lugar que quieras, despus personalizarlo con un par de clics.

Editor

Imagen 5: Weebly

El editor se usa para gestionar el contenido de tus pginas. Para editar un bloque de

texto basta con hacer clic sobre l para que se abra la ventana de edicin. A partir de

ah resulta tan fcil como trabajar con Microsoft Word. Ah mismo puedes aadir

links a sub-pginas o a otros sitios web.

Pros y contras de los editores de sitios web.

Si ests pensando en utilizar un creador de sitios web es mejor que conozcas sus

ventajas e inconvenientes.

Ventajas de los creadores de sitios web.

x Fciles de usar: no es necesario saber programacin. Tambin tus empleados se familiarizarn pronto con ellos.

x Todo lo que precisas est en un solo lugar: dominio, espacio de almacenaje, direcciones de email, etc.

x Costes: muy razonables, con precios que empiezan a unos 5 US$ o 4 al mes.

x Actualizaciones de seguridad: tu proveedor se ocupar de instalar

9


todas las actualizaciones necesarias sin que debas preocuparte de ello. Por otro lado, los sistemas de gestin de contenido de cdigo abierto te obligan a instalar peridicamente esas actualizaciones.

x Soporte tcnico: si en algn momento te quedas atascado podrs encontrar ayuda tcnica por medio de emails y foros.

Inconvenientes de los editores de sitios web

x Flexibilidad limitada: y este es el quid de la cuestin: A cunta flexibilidad ests dispuesto a renunciar? Por ejemplo, si tienes que usar un determinado formato de pgina puede que encuentres un creador de pginas web demasiado limitado aunque la nica manera de saberlo es probarlo.

x Depender de un solo proveedor: resulta evidente aqu la importancia de que tu proveedor est bien gestionado desde un punto de vista empresarial, porque puedes perder tu sitio web si tu proveedor desaparece. Por eso es mejor empezar con uno de probada solvencia.

x Proyectos de gran envergadura en la web: los creadores web seguramente no son adecuados para proyectos web complejos.

Qu conocimientos necesito?

Los conocimientos son los mismos que se necesitan para usar Microsoft Office

(especialmente Word). Sin embargo cuando se trata del aspecto del sitio web puede

resultar muy til tener un conocimiento bsico de diseo. Por supuesto no es

necesario ser diseador profesional, pero deberas al menos ser capaz de identificar

los colores o estilos que pueden resultar ms atractivos a tus clientes.

Es importante tener un programa de diseo grfico a

mano. Adobe Photoshop es el ms completo y

profesional pero hay otras alternativas ms sencillas y

Imagen 6: gimp.org

10


econmicas: http://tooltester.de/ps-alternativas.

Prueba Gimp (www.gimp.org) si te sientes ambicioso, pero Sumopaint

(www.sumopaint.com) te da las funciones bsicas sin demasiado esfuerzo, por lo

que es ideal para principiantes. Desgraciadamente slo est disponible en ingls.

Para trabajar bien con imgenes deberas conocer la diferencia sus diferentes

formatos como .jpg, .gif, .png y .bmp: http://tooltester.de/formatos-imagenes.

Tambin, lgicamente, tendrs que preparar unos textos. Ten en cuenta estos

consejos cuando escribas para la web: http://tooltester.de/escritura-para-la-web.

Pide siempre a amigos o colegas que revisen tu texto para asegurarte de que queda

claro, est bien redactado y no tiene errores gramaticales ni ortogrficos.

Si el diseo grfico o la redaccin no son tu fuerte, considera utilizar a un

profesional. Un buen diseador o redactor garantizar que tu sitio proyecte una

imagen profesional. Puedes encontrar expertos y hacerte una idea de sus precios en

Twago o en Freelancer.

Los sitios web que te acabamos de indicar te permitirn anunciar tu proyecto y

solicitar un presupuesto de distintos profesionales. Te recomendamos tratar

directamente con el proveedor del servicio siempre que puedas, pues los

intermediarios suelen hacer ms difcil la comunicacin. Y sobre todo asegrate de

leer las opiniones de otros usuarios antes de escoger proveedor.

A estas alturas ya deberas saber si te sientes tcnicamente capacitado para utilizar

un creador para construir tu propio sitio web. En la seccin siguiente te guiaremos a

travs del proceso de planificar tu sitio desde el principio hasta el final.

Vale la pena leerse el resto de secciones antes de tomar la decisin final sobre cul

es el creador web ideal para ti. Es importante entender los requisitos exactos de tu

sitio web antes de tomar una decisin sobre la herramienta que necesitas.

11


2. Planifica tu sitio web

Una buena planificacin suele ser la clave del xito, especialmente cuando se trata

de crear un sitio web.

Establece objetivos

Si no estableces unos objetivos con claridad, cmo puedes saber si tu inversin

resulta amortizada algn da? Considera lo siguiente:

Qu es lo que quiero conseguir con mi sitio web?

Esta es la pregunta ms importante. Cuanto ms claro tengas tus metas y

expectativas ms posibilidades tendrs de triunfar. Imaginemos, por ejemplo, las

metas que pueda tener una zapatera en Barcelona:

Atraer nuevos clientes: haciendo que los clientes conozcan la oferta de productos. El

xito de este objetivo se podr medir a travs de encuestas peridicas entre los

clientes y con estadsticas de internet.

Aumentar la afluencia de clientes en los perodos ms flojos: la herramienta

principal sera una newsletter (email marketing). Esto permitira recordar al cliente

los horarios en das de fiesta, aniversarios y otras ocasiones especiales. El nmero de

subscriptores a este boletn de noticias sera un indicador de su xito.

Crear un nuevo canal de ventas independiente de la tienda fsica: se trata de crear

una tienda online. Su xito podr medirse fcilmente por las ventas.

Echmosle un vistazo a las necesidades de algunos negocios y veamos cmo se

pueden aplicar aqu.

12


Necesidades del negocio - solucin

Nuevos clientes Optimizar el sitio web para motores de bsqueda

usando las palabras clave zapatera barcelona

paseo de gracia. Crear una entrada en la lista

Google My Business (www.google.com/business) y

una pgina Yelp.

Aumentar el nmero de clientes en

las pocas ms flojas.

Busca un editor web que facilite la inclusin de un

formulario de subscripciones a un boletn para que

puedas comunicarte fcilmente con tus clientes.

Crear un nuevo canal de ventas

independiente de la tienda fsica.

Asegurarse de que el editor web te permite crear y

gestionar una tienda online.

Crear contenido

Una vez conozcas tus requisitos, ya tendrs una buena idea de tus objetivos.

Organizar el material para tu sitio web te ayudar a concretar tu plan. Prepara papel

y lpiz y organiza todas tus ideas, incluyendo el contenido y cosas como los

formularios de contacto, galeras de fotos, etc.

Los mapas mentales resultan muy tiles en esta fase porque te permiten capturar

tus ideas apenas aparecen en tu mente, sin tener que organizarlas jerrquicamente

antes de tenerlo claro del todo. Comienza escribiendo la idea clave en el centro de la

pgina y ve aadiendo ideas, expresadas con una palabra clave, alrededor de la idea

central. Pronto tendrs una representacin grfica de tus reflexiones.

Lo puedes realizar con papel y lpiz o con software especfico como Mindmeister

13


(http://www.mindmeister.com/es). Por favor, mira el diagrama que hemos creado

para nuestra tienda de zapatos.

Ejemplo de mapa mental para la pgina web de una zapatera

Imagen 7: Mapa mental de la pgina web de una tienda de zapatos

En este momento ya debes tener una idea clara del contenido de tu futuro sitio web.

En nuestro ejemplo se puede apreciar como algunas caractersticas adicionales como

galera de imgenes, formulario de contacto, direcciones va Google Maps y tienda

online.

14


Analiza otros sitios web

Este sera el paso siguiente tras el ejercicio inicial de

recopilar datos. Pero no te apresures a copiar lo

primero que veas de tus competidores pues ello

podra afectar a esa originalidad imprescindible si

realmente quieres destacar.

Puedes mirar en otros sitios web, incluso de otros sectores, para ver qu es lo que

realmente te llama la atencin y toma nota de ello en tu diagrama. Analiza, por

supuesto, lo que hacen tus competidores pero no tengas una visin miope del tema;

recuerda que la calidad de los sitios web en tu sector podra estar por debajo de la

media general.

No pares de aadir nuevas ideas a tu diagrama y ve dibujando lneas para crear

nuevas conexiones entre tus ideas. Seguramente llegars a la conclusin de que tus

principales palabras clave podran ser un buen punto de partida para el men de

navegacin de tu sitio web. Toma nota de todo esto y recuerda que siempre es una

buena idea pedir la opinin de gente en la que confes. Sus crticas te pueden abrir

los ojos en temas muy importantes. Es muy fcil perder la visin del conjunto cuando

uno trabaja solo y concentrado en el detalle.

15


3. Escoger las herramientas adecuadas para la

creacin web

Despus de la fase inicial de preparacin vers como progresas rpidamente y

enseguida podrs dar pasos concretos. En esta fase has de decidir cul es el creador

de sitios web capaz de solucionar todas tus necesidades. Estas herramientas son

ideales porque resultan la forma ms econmica y rpida de crear tu sitio web, como

adems te permiten actualizar contenidos por ti mismo, al final, resultan todava

ms econmicas.

Con mucho gusto te ofrecemos unas cuantas sugerencias que quizs te ayuden a

encontrar el creador de sitios web ms adecuado.

Imagen 7: www.websitetooltester.com/es

Mira esta comparativa de creadores de sitios web:

http://tooltester.de/creadores-sitios-web, incluye informacin

actualizada de cada herramienta.

A la hora de escoger un creador de sitios web recomendamos:

1. Usa anlisis para encontrar la herramienta ms adecuada

http://tooltester.de/creadores-sitios-web (aqu podrs encontrar varios

creadores de sitios web y herramientas de comercio electrnico).

2. Crea una cuenta gratis y prueba si te gusta el sistema. Asegrate de

16


que encuentras una plantilla con el diseo que necesitas.

3. Cuando ests cmodo al 100% con tu eleccin contrata el plan de

pago que ms te convenga

Qu hay de los sitios web gratis?

Actualmente hay muchos proveedores que te permiten crear tu sitio web gratis. Los

puedes encontrar en tooltester.de/creadores-gratuitos. Pero claro, estos paquetes

suelen financiarse con varias clases de publicidad, dependiendo del proveedor.

Otros proveedores solo te permiten usar un nombre de dominio poco profesional,

como tunombre.creadorweb.com, en lugar de tunombre.com, .org, .es, .mex, etc.).

Los sitios web gratis, pueden estar bien para particulares, pero normalmente no

sirven para negocios.

Hoy en da es posible conseguir un sitio web completamente libre de publicidad, con

nombre de dominio de verdad y cuenta de email, por apenas 5 6 US$ mensuales,

lo cual queda mucho ms profesional de cara a tus clientes.

Tienes ya un nombre de dominio registrado?

Bien hecho! Ya nadie te lo puede robar. En este caso, si quieres usar

un creador de sitios web tienes dos opciones:

1. Puedes transferir el dominio a tu creador de sitios web (p ej. Jimdo o

Weelby) y terminar el contrato con tu proveedor anterior de nombre

de dominio, (lo ms fcil) o bien:

2. Te puedes quedar con tu proveedor actual de nombre de dominio y

re-direccionar dicho dominio a tu cuenta del creador de sitios web. Ello

requiere ciertos conocimientos tcnicos, puesto que debers cambiar

los ajustes del servidor del nombre de dominio, pero tu proveedor

actual de dominio puede que te ayude.

Podrs leer ms detalles en http://tooltester.de/creadores-sitios-web.

En la seccin nombres de dominios de cada anlisis.

17


Qu hacer cuando el creador web no nos sirve para el trabajo?

Si tus necesidades sobrepasan la capacidad de un creador web, tienes varias

posibilidades. Si te sientes animado y capaz, te recomendamos que eches un vistazo

a WordPress.org. Algo que comenz como sistema de blogs, con el tiempo ha

evolucionado hasta convertirse en una plataforma plural que permite realizar casi

cualquier tipo de proyecto web. Si necesitas que tus visitantes puedan extraer

informacin de una base de datos (p. ej. el sitio web de una inmobiliaria donde los

visitantes han de buscar propiedades), necesitars una solucin ms avanzada.

El problema con WordPress es que no resulta tan fcil como un creador de pginas

web. Ponerlo en marcha requiere ciertos conocimientos tcnicos y exige adems

actualizaciones peridicas. Si quieres saber ms sobre el tema, aqu tienes nuestra

gua para principiantes: http://tooltester.de/wordpress-especial (artculo en ingls).

Pero quizs a estas alturas hayas decidido que necesitas encontrar un profesional. Lo

malo es que es ms fcil de decir que de hacer: mucha gente se autodefine como

desarrolladores web sin tener una formacin slida en el tema. Suelen ser baratos

(unos 200 US$ o 150 ), pero no suelen tener mucha idea de programacin o de

diseo.

Un buen lugar para encontrar un experto de verdad sera una plataforma como

Twago o Freelancer.com. En estos sitios web podrs exponer tu proyecto y pedir un

presupuesto. Pero recuerda, antes de contratar a alguien lee las opiniones de sus

clientes anteriores.

Otro consejo: Si quieres tener la opcin de hacer cambios en el futuro,

no escojas un sitio web en el que se edite solo con HTML, porque

necesitaras un especialista cada vez que quisieras realizar algn

cambio. En lugar de eso busca sitios que funcionen con Sistemas de

Gestin de Contenidos (o CMS), como WordPress y, claro, consigue

alguien que te ensee a manejarlo.

18


4. Crear tu sitio web con un editor web

Si has seguido todos los pasos para llegar hasta aqu seguramente ya tienes una idea

de cul va a ser el contenido de tu sitio web. Tambin habrs abierto una cuenta con

tu creador de sitios web preferido. Y aqu es donde empieza la parte

verdaderamente divertida!

4 consejos para escoger tu nombre de dominio

- Olvdate de los dominios gratis como tunegocio.creadorweb.com.

Queda muy poco profesional. Tarde o temprano necesitars un nombre

de dominio de verdad, como tunegocio.com.

- Cdigo de pas: Si tu audiencia target es internacional busca un

dominio .com, si no es as utiliza una terminacin del pas que te

interese: .mx, .es, .ar, .co, etc. Tambin sirven los dominios .net, .eu y

.org. Pero evita otros como .cc, o .tk, que tienen mala reputacin pues

suelen ser utilizados por spamers. Con estos dominios es difcil

conseguir buen posicionamiento web en los motores de bsqueda.

- Nombre: Ya tienes nombre para tu compaa, as que tu eleccin de

nombre de dominio debera de ser relativamente fcil. Es una buena

idea aadir una palabra clave al nombre de la compaa; por ejemplo

Talleres Nieto Chapa y Pintura podra ser nieto-chapaypintura.com.

Tu nombre de dominio es un factor importantsimo para tu

posicionamiento en los motores de bsqueda y eso significa quedar

ms arriba en Google.

- Evita nombres propiedad de otras compaas: Por ejemplo, si quieres

crear un sitio web sobre iPhones ms te vale no utilizar la palabra

iPhone en tu nombre de dominio, a no ser, claro, que tengas ganas

de desafiar a la gente del departamento legal de Apple.

19


Vamos a empezar

1. Lo ms bsico

Trata de ver tu sitio web como una tienda nueva. Querrs

que tus clientes estn a gusto en ella, as que tendrs que

pintar las paredes y colgar tu cartel con tu logo

(figuradamente, claro). Escoge el color de fondo y el tipo,

tamao y color de letra en el men de estilo tu creador

de sitios web.

Desde este momento vale la pena hacerse notar ya en el

sitio web, incluso si tus imgenes no estn listas todava.

Un consejo para nuestros lectores varones: Un poco de asesoramiento

esttico desde una perspectiva femenina puede ser muy til en esta

fase. Tambin puedes echarle un vistazo a la aplicacin online Adobe

Color CC (http://color.adobe.com/) si no ests seguro de qu colores

combinan mejor.

2. Navegacin: crear mens

Gracias a tu organigrama y otras notas ya conoces los

elementos claves de tu sitio web. Esto ser la base para

desarrollar mens y sub-mens.

Si esta parte te parece difcil, trata de ponerte en el lugar

del visitante potencial. Qu edad tiene? Cmo es? En

qu trabaja y qu necesita de tu web?

Repite este ejercicio con un par de tipos diferentes de visitante ficticio. Esto te

ayudar a conocer mejor lo que buscan tus clientes y decidir sobre los elementos de

navegacin de tu sitio web.

Imagen 9: Cambiando la letra

Imagen 10: Navegacin

20


Echemos un vistazo de nuevo a tu zapatera.

Cliente 1: Una madre necesita calzado para sus nios. Adems de una gran seleccin

de zapatillas deportivas necesita una tienda donde el aparcamiento sea fcil. Le

podras proporcionar esa informacin en tu sitio web?

Cliente 2: Un estudiante necesita unas buenas botas de senderismo para una

excursin. Las podra comprar online, pero tambin necesita la opinin de un

experto. Queda claro en la pgina que en tu tienda se le puede asesorar bien?

3. Pasar del esbozo de las pginas al contenido final.

Una vez tienes los mens de navegacin definiendo la estructura bsica del sitio

puedes poner puntos en negrita (vietas) y dividir en secciones cada pgina (p. ej.

creando lneas bsicas). Este ya es un buen momento para aadir cualquier idea

sobre imgenes, de esta forma el mismo sitio web se convierte en el punto donde se

van guardando todas las ideas.

Esta podra ser la lnea general de nuestro sitio web de ejemplo:

Imagen 11: Lneas bsicas de un sitio page

21


Este enfoque tiene varias ventajas, en lugar de escribir todas las ideas en un solo

documento hasta que decidas sobre la versin final.

x Cuando las lneas generales estn definidas, podrs ver mejor todo el conjunto, lo cual te ayudar a decidir sobre los textos finales.

x Si decides contratar un copy (redactor), podrs enviarle un enlace del sitio sin terminar, pero con las lneas generales razonablemente definidas, as el redactor tendr una idea ms clara de lo que necesitas.

Poco a poco, tu sitio web tendr las paredes pintadas y el rtulo colgado y el

contenido se ir aadiendo en forma de textos, imgenes y vdeos.

Importante tener en cuenta, antes y despus de publicar

Antes de publicar

Legislacin vigente

Todos los propietarios de un sitio web deben tener en cuenta las leyes que les

puedan afectar. Eso depende principalmente del pas en el que est basado el sitio.

En la mayor parte de los casos debers, como mnimo, incluir un Aviso legal en el

que proporcionars informacin general y bsica sobre el sitio web y su propietario.

Este link proporciona informacin sobre el marco legal que afecta a Espaa:

http://tooltester.de/info-legal-es. Puedes usar esta prctica herramienta para

generar tu propio Aviso legal: http://tooltester.de/aviso-legal-es. Ten en cuenta

que si recoges datos personales de tus visitantes debers registrar tus archivos en la

Agencia Espaola de proteccin de datos.

Si creas tu sitio web en Argentina, puedes ver los diferentes requisitos legales que

has de tener en cuenta en: http://tooltester.de/info-legal-ar.

Sobre la legislacin aplicable en Colombia puedes echar un vistazo a este

completsimo enlace: http://tooltester.de/info-legal-co.

22


Instalar Google Analytics

Esta herramienta estadstica de Google es la mejor en su clase y adems es gratis. Te

permite, entre otras cosas, saber el nmero de visitantes, las pginas que se han

visto, desde que pas te han visitado y, mucho ms.

Igualmente importante es la informacin del nmero de visitantes que han usado los

diferentes motores de bsqueda (como Google o Bing) y las palabras clave usadas.

Una vez instalado, Google Analytics funciona siempre sin que tengas que

preocuparte de nada. Te puedes registrar y conseguir una cuenta gratis en;

www.google.com/analytics.

Tambin podrs instalar Google Analytics desde la seccin de soporte tcnico de tu

creador de sitios web.

Es posible que la legislacin a la que tu sitio web est sujeta te pida incluir

informacin sobre el uso de Google Analytics, ya sea por una exigencia legal sobre la

proteccin de datos o por las condiciones de uso de Google de tu pas. Para saber

ms, consulta: http://tooltester.de/analytics-es.

Crea un favicon o icono de pgina favorita.

Los favicon son las pequeas imgenes que puedes

ver a la izquierda de la barra de direccin de tu

navegador. Le dan un toque personal y simptico a tu

sitio web. Son fciles de conseguir con el generador de iconos genfavicon.com.

Sbelo en tu sitio web desde el men de favicon de tu editor web.

Lista final con 6 cosas importantes

9 Si quieres usar una direccin de email en tu nuevo dominio no te olvides de tenerla perfectamente operativa antes de publicar tu sitio web.

9 Asegrate de que tu formulario de contacto tambin funciona. Es una buena idea rellenar uno con datos inventados a modo de simulacro.

9 Asegrate de que has escogido los trminos adecuados para los ttulos de tus

Imagen 12: Favicon

23


pginas y sus descripciones (meta descripciones). Debern contener las palabras clave que usarn tus clientes. Esta es la informacin que usarn los motores de bsqueda.

9 Lee y relee bien los textos de tu sitio para evitar errores gramaticales y ortogrficos. Que lo revisen tambin otras personas.

9 Puedes buscar los enlaces rotos con herramientas como Xenu. (http://tooltester.de/xenu-linkchecker)

9 Comprueba tu sitio web con otro ordenador o dispositivo (Smartphone, Tablet. etc) y un navegador diferente. Podras descubrir problemas de renderizacin (rendering) que no se notan desde tu ordenador o navegador.

Despus de publicar

Registra tu sitio en los motores de bsqueda.

Los principales son:

Google: http://www.google.com/addurl/?continue=/addurl

Bing: http://www.bing.com/webmaster/SubmitSitePage.aspx

De todas formas no esperes que los visitantes comiencen a entrar en tu pgina

inmediatamente a travs de estos motores de bsqueda. Pueden pasar das o

semanas hasta que tu sitio est perfectamente indexado y comprobado que la

informacin que tiene es realmente til.

Note: Los backlinks (vnculos externos de respaldo) valen muchsimo a la hora de

posicionarse en la web. Los backlinks de otros sitios de calidad te harn aparecer

ms alto en los motores de bsqueda. Pero no te aconsejamos que los compres o

utilices otros mtodos de dudosa seriedad para subir en el ranking. Si Google se da

cuenta te puede incluso bloquear para que no aparezcas en sus resultados.

Recuerda: Google lo sabe todo!

24


Otra informacin til.

Consejos, herramientas y tutoriales:

http://tooltester.de/informacin-adicional

25


Gracias

por haberte tomado la molestia de leerte este humilde manual. Deseamos

sinceramente que hayas aprendido un montn de cosas interesantes y que hayas

disfrutado con ello. Si consideras que esta informacin te ha sido til y quieres

mostrarnos que la valoras hay un par de cosas sencillas que podras hacer.

x Visita a los creadores de sitios web a travs de los links de WebsiteToolTester.com. Si decides contratar a uno de ellos desde nuestro sitio web nosotros obtenemos una comisin y esta es nuestra nica fuente de ingresos, ya que no nos gusta colgar banners publicitarios en nuestras pginas. Por supuesto, el precio para ti sera exactamente el mismo.

x Tambin nos encantara tener un link en tu nuevo sitio web. Y ya, para hacernos felices del todo, puedes visitar nuestra pgina de Facebook y darnos un like.

Otra cosa que puede interesarte: cuando ests creando tu pgina, si en algn

momento te encuentras perdido, por favor, no tengas reparo en contactarnos

directamente en [email protected].

Por ltimo, estaremos encantados de que compartas este pequeo manual con

amigos y colegas si crees que les puede resultar til.

Acerca de este libro digital:

Primera edicin, Junio 2012. ltima actualizacin, febrero 2015. Copyright 2014 ToolTester Network

Crdito por las Imgenes:

robu_s - Fotolia alain wacquier - Fotolia moonrun - Fotolia Roslen Mack - Fotolia.com Sylviii - Fotolia.com

Documents

Guía de Creacion Web Para Novatos Spanish