Elaboración y Administración de Sitios Web

7/17/2019 Elaboración y Administración de Sitios Web

http://slidepdf.com/reader/full/elaboracion-y-administracion-de-sitios-web 1/7

¿Qué se debe saber antes de crear un sitio web?

- Los inicios- Dominio y servidor- Los Estilos CSS- Los CMS y las Plantillas- SEO- edes Sociales- Sitio web- P!"ina #eb- $$DD- SEO- ¿Cuáles son sus objetivos para crear un sitio web?- ¿Qué prestador de servicios elegir?- ¿Cuánto cuesta?- Cree usted mismo su sitio web- ¿Cuáles son las obligaciones legales?- Consulta también: Que se debe hacer con el internet

Para comenzar en este maravilloso e!tenso mundo de las páginas web te vo a

ense"ar c#mo crear una web desde cero$ Cuando comencé a hacer mi primera páginaweb no ten%a conocimientos de nada$ &ra como los ni"os como un juguete nuevo'rompiéndolo todo para saber c#mo (unciona$ )espués de darme golpe tras golpe detrásde la pantalla del ordenador a he aprendido sigo aprendiendo$ *hora te vo a ense"aro a ti comenzaré por enumerarte básicamente los pasos +ue ha +ue seguir paracrear una web desde cero$

%& Los inicios*ntes de +ue se dise"aran los actuales programas de dise"o todo se hac%a a mano$ &l(amoso predominante lenguaje de programaci#n ,./' ,pere!t .ar0up /anguage1lenguaje de marcado hiperte!tual2' era el +ue se usaba para dar el (ormato a unapágina web estática +ue era lo +ue hasta entonces se pod%a hacer$ .ediante este c#digo'

los programadores ten%an +ue crear la web en su cabeza luego plasmarla en elordenador mediante c#digos indesci(rables para cual+uier humano$

Con el tiempo' uno de los primeros programas +ue recuerdo (ue el 3ront Page' de.icroso(t' +ue ven%a incluido en el pa+uete de 45ce cuando se usaba 6indows78 9P$&staba bien para empezar los resultados' con un poco de imaginaci#n' eransatis(actorios$

Con el pasar de los a"os' otras empresas' como es el caso de .acromedia +ue dise"#una inter(az llamada )reamweaver 1actualmente ad+uirida por *dobe2 es una de lasaplicaciones más utilizadas para la programaci#n de páginas web entre otras$

*demás de ,./' +ue es el lenguaje madre; para toda página web' e!isten otroslenguajes de programaci#n complementarios +ue son los +ue audan a +ue las páginaswebs actuales no parezcan un mimo$ <no de estos lenguajes es el P,P +ue es el utilizadopor los C.= o gestores de contenido; 1wordpress' joomla' drupal2 es un lenguaje deprogramaci#n de uso general dise"ado para el desarrollo web de contenido dinámico$

'& Dominio y Servidor&l dominio es el nombre +ue tendrá tu página web una vez la haas programado$ &s dela (orma www$midominio$com en la <>/ del navegador se visualiza comohttp:www$midominio$com o http:midominio$com seg@n como preAeras$&l servidor es el lugar donde alojaremos todo el contenido de nuestra página web$ &ste

es un ordenador con mejores prestaciones +ue el t%pico +ue tenemos en casa conmaor seguridad para proteger el contenido de nuestra página web e impedir +ue se noscuelgue en cual+uier momento$

4=6*/)4 )<>*B DB>4)<CCDEB PFGDB*= 6&H I

D>3&J*/ &>C&>4 )& H*C,D//&>*4



&l dominio el servidor se relacionan entre s% mediante direcciones DP +ue sonestablecidas en el servidor para +ue puedan (uncionar en internet$ &stas direcciones DPse asignan al dominio para +ue apunte a este servidor de esta manera cuandotecleamos en el navegador www$midominio$com podremos ver nuestra página webonline$

&n la red podemos encontrar servidores dominios gratis de pago$ &n las seccionesdominios hosting habrán algunos art%culos para +ue sepas como empezar sin tener +ue

pagar$ ¿* +ue suena raro? Pero si los ha o los uso$ Dgualmente e!isten empresas dehosting para 6ordPress mucho más pro(esionales Aables +ue son de pago pero +uepara proectos de importancia vale la pena invertir un poco pero estar seguro de +ue tupágina web estará en buenas manos$

(& Los Estilos CSS&sta es la parte +ue más nos gusta a todos por+ue a+u% es donde le daremos vida; alcontenido +ue estamos creando para nuestra página web desde cero$ /o haremosmediante estilos C== 1hojas de estilo es cascada2 aun+ue también es mediante c#digos'una vez +ue te haces con los más básicos' todo cobra sentido$

.ediante este lenguaje podremos asignar el (ormato de nuestro contenido en la página

web +ue estamos creando desde cero$ Podemos dar color' tama"o' margen hastaanimaci#n compaginado con el nuevo lenguaje de programaci#n ,./K +ue es elsustituto del archiconocido odiado 3lash 1para los =&42$

)& Los CMS y las PlantillasComo te he mencionado al Anal del punto I' los C.= son gestores de contenido +ue nos(acilitan el trabajo a +ue estos se encargan en su maor%a de crearnos el c#digo ,./ algunas veces el C== de nuestra página web$ <no de los C.= más conocidos usados es6ordPress por su (ácil uso atractivo dise"o$

/as plantillas son un complemento de los C.=$ =on un pa+uete de archivos dise"osmediante reglas para +ue sean compatibles con los C.=$ &stas a tienen incorporado elc#digo ,./ C== +ue aparecerá en nuestra página web$ =e pueden personalizar sisabes un poco de ,./' C== P,P pero normalmente vienen predise"adas para instalar usar' Las% de (ácilM

Puedes encontrar plantillas gratuitas googleando un poco también de pago$ <na de mis(avoritas son las de Jooheme heme(orest$ Jooheme es una empresa de dise"o deplantillas alemanas +ue dan un to+ue mu pro(esional a nuestras páginas web

heme(orest es una tienda online de plantillas pro(esionales creadas por varios autores$

*& SEOCon lo +ue te he contado hasta ahora 1recuerda: básicamente2 podr%amos tener un

dominio' un servidor una página web creada desde cero$ Pero' ¿ en +ue parte de losKN$NNN$NNN de resultados de Google está mi página web?

*+u% viene lo divertido del asunto' el =&4$ &ste es el procedimiento manual; +uedebemos hacer para +ue nuestra página web se posicione en Google pueda aparecercomo resultado de una b@s+ueda$ &n la secci#n de cursos online le veremos más aldetalle$

+& edes SocialesPor @ltimo no está de más decir +ue con la auda de las redes sociales nuestra páginaweb creada desde cero comenzará a ganar relevancia en el sector +ue nos +ueramosen(ocar$

* partir de ahora a tienes una idea de c#mo puedes comenzar a crear tu web desdecero$ &n la secci#n de cursos te iré dando las claves más al detalle de los pasos parahacerlo$ ambién tienes una secci#n de trucos' herramientas Google de las +ue iremos

4=6*/)4 )<>*B DB>4)<CCDEB PFGDB*= 6&H O

D>3&J*/ &>C&>4 )& H*C,D//&>*4



hablando durante el curso como complementos para crear la página web$ /o @nico +uenecesitas es tener muchas ganas no desistir$ &n este mundo habrá imágenes +ue no seven' letras de otros tama"os colores' (ormularios +ue no se env%an pero tran+uil +uecon mi auda la de =an Google haremos +ue tu web (uncione$ L* por elloM

,& S.O #E$/ &s un coNnjunto de páginas web' normalmente enlazadas entre s% 0& P1234 #E$/ <n documento escrito en alg@n lenguaje de programaci#n'generalmente ,./$ <n sitio web generalmente está (ormado por páginas web$

5& $$DD/ Hase de datos es un gran almacén donde nosotros podemos guardarin(ormaci#n como imágenes contenido en (ormato te!to$

¿Qué es el SEO?

&l posicionamiento en buscadores u 4ptimizaci#n de motores de b@s+ueda es el procesode mejorar la visibilidad de un sitio web en los resultados orgánicos de los di(erentesbuscadores$ ambién es (recuente nombrarlo por su t%tulo inglés' =&4 1=earch &ngine4ptimization2$&l =&4 es una de las disciplinas; +ue más ha cambiado en los @ltimos a"os' solotenemos +ue Ajarnos en la gran cantidad de actualizaciones +ue ha habido de Penguin Panda' c#mo éstas han dado un vuelta de I8N grados a lo +ue se entend%a por =&4

hasta hace poco$ *hora con el =&4 se persigue lo +ue el propio .att Cutts caliAca como=earch &!perience 4ptimization; o lo +ue es lo mismo' todo por el usuario$

*un+ue e!isten miles de (actores en los +ue un motor de b@s+ueda se basa paraposicionar una página u otra se podr%a decir +ue ha dos (actores básicos: la autoridad la relevancia

La 4utoridad es básicamente la popularidad de una web' cuanto más popular sea unapágina o una web más valiosa es la in(ormaci#n +ue contiene$ &ste (actor es el +ue unmotor de b@s+ueda tiene más en cuenta dado +ue se basa en la propia e!periencia delusuario' cuanto más se comparta un contenido es +ue a más usuarios les ha parecido@til$La elevancia es la relaci#n +ue tiene una página (rente a una b@s+ueda dada' esto noes simplemente +ue una página contenga un mont#n de veces el termino buscado 1enlos comienzos era as%2 si no +ue un motor de b@s+ueda se basa en cientos de (actoreson-site para determinar esto$

'& ¿Por 6ué es el SEO im7ortante?

/a raz#n más importante por la +ue es necesario el =&4 es por+ue hace más @til tupágina web tanto para los usuarios como para los motores de b@s+ueda a +ue' aun+ueestos @ltimos cada d%a son más soAsticados a@n no pueden ver una página web como lohace un humano' el =&4 es necesario para audar a los motores de b@s+ueda a entender

sobre +ue trata cada página si es o no @til para los usuarios$

*hora pongamos un ejemplo para ver las cosas más claras:

enemos un comercio electr#nico dedicado a la vente de libros in(antiles' pues bien' parael término dibujos para colorear; ha unas RS$NNN b@s+uedas mensuales' si contamoscon +ue un OOT de las visitas para ese término se las lleva la primera posici#n' lo +ueser%an unas IU8$NNN visitas al mes$

*hora bien ¿cuánto valen esas IU8$NNN visitas? Pues si para ese término el gasto mediopor clic0 es de N'ONV estamos hablando de más de O7$NNNV al mes$ &sto solo en &spa"a'si tenemos un negocio orientado a varios pa%ses' cada hora se realizan I'U billones de

b@s+uedas en el mundo' de esas b@s+uedas' un RNT de los clic0s son en los resultadosorgánicos el RKT de los usuarios no llegan a la segunda páginaW si tenemos en cuentatodo esto son muchos clic0s al mes para el primer resultado$

4=6*/)4 )<>*B DB>4)<CCDEB PFGDB*= 6&H S

D>3&J*/ &>C&>4 )& H*C,D//&>*4



&l =&4 es la mejor manera de +ue tus usuarios te encuentren en b@s+uedas en las +ue tupágina web sea relevante' estos usuarios buscan lo +ue tu les o(reces la mejor manerade llegar a todos esos usuarios a través de un motor de b@s+ueda$

(& ¿C8mo 9uncionan los motores de b:s6ueda?

&l (uncionamiento de un motor de b@s+ueda se puede resumir en dos pasos: rastreo e

inde!aci#n$astreo/ <n motor de b@s+ueda recorre la web rastreando con lo +ue se llaman bots'estos bots recorren todas las páginas a través de los enlaces 1de ah% la importancia deuna buena estructura de enlaces2 al igual +ue har%a cual+uier usuario al navegar por elcontenido de la 6eb' pasan de un enlace a otro recopilan datos sobre esas páginasweb +ue proporcionan a sus servidores$ &l proceso de rastreo empieza con una lista dedirecciones web de rastreos anteriores de sitemaps proporcionada por otras páginasweb$ <na vez acceden a estas web' los bots buscan enlaces a otras páginas paravisitarlas$ /os bots se sienten especialmente atra%dos por los sitios nuevos a loscambios en las web e!istentes$

=on los propios bots los +ue deciden +ue páginas visitar' con +ué (recuencia cuantotiempo van a rastrear esa web' por eso es importante tener un tiempo de carga #ptimo un contenido actualizado$

&s mu com@n +ue en una página web se necesita restringir el rastreo de algunaspáginas o de cierto contenido para evitar +ue estas aparezcan en los resultados deb@s+ueda$ Para esto se le puede decir a los bots de los motores de b@s+ueda +ue norastreen ciertas páginas a través del archivo robots$t!t;$

nde;aci8n/ <na vez +ue un bot ha rastreado una página web ha recopilado lain(ormaci#n necesaria' estás páginas se incluen en un %ndice donde se ordenan seg@nsu contenido' su autoridad su relevanciaW de este modo cuando hagamos un consulta almotor de b@s+ueda le resultará mucho más (ácil mostrarnos los resultados +ue esténmás relacionados con nuestra consulta$

*l principio los motores de b@s+ueda se basaban en el n@mero de veces +ue se repet%auna palabra en una página' al hacer una b@s+ueda rastreaban en su %ndice esos términospara encontrar +ue páginas los ten%an en sus te!tos posicionando mejor la +ue másveces lo ten%a repetido$ * partir de ese momento los motores de b@s+ueda se vuelvenmás soAsticados basan sus %ndices en cientos de aspectos di(erentes como la (echa depublicaci#n' si contienen (otos v%deos' etcW a +ue seguramente si estás buscando lapalabra casa; no +uieras ver un página con la palabra casa; miles de veces$

<na vez +ue las páginas son rastreadas e inde!adas llega el momento en el +ue act@a elalgoritmo del motor de b@s+ueda: los algoritmos son (#rmulas procesos in(ormáticos+ue convierten las preguntas en respuestas' estos algoritmo buscan en el %ndice lasrespuestas +ue mejor se adecuen a la pregunta +ue hemos hecho' esto lo hacenbasándose en cientos de se"ales como los términos de los sitios web' la actualidad delcontenido' nuestra regi#n o el Page>an0$

I$ >egistrar un dominio: ,a multitud de empresas dedicadas al registro de dominios$*lgunas de ellas incluso o(recen el registro del dominio gratis si alojas tu sitio web conellos$

O$ Contratar hosting 1alojamiento u hospedaje2: Consiste en poner tu sitio web en un

servidor' desde el +ue tus páginas serán descargadas por los visitantes +ue entren a tusitio web$

4=6*/)4 )<>*B DB>4)<CCDEB PFGDB*= 6&H U

D>3&J*/ &>C&>4 )& H*C,D//&>*4



S$ )ise"o del sitio web: consiste en la creaci#n de un dise"o la ma+uetaci#n de los te!tos'imágenes' v%deos sonido$

U$ Programaci#n: consiste en XtraducirX el dise"o a un c#digo +ue pueda ser le%do entendido por los navegadores$

=ervicios opcionalesI$ .antenimiento: actualizaci#n de te!tos' imágenes' etc$O$ Control de resultados optimizaci#n: visibilidad por el motor de b@s+ueda'

implementaci#n de la accesibilidad usabilidad' etc$S$ Posicionamiento web u optimizaci#n para los motores de b@s+ueda$U$ Publicidad' promoci#n emar0eting: alta en buscadores' google adwords' overture' etc$

&star presente en Dnternet se ha vuelto importante para las empresas$ /a web es unavitrina con mucha visibilidad' pero no solamente eso$ )e hecho' Dnternet es también unespacio donde encontramos o(ertas demandas para hacer negocios$ Por lo tanto' esl#gico +ue los pro(esionales las empresas hagan este tipo de inversi#n$ =in embargo'crear su sitio web puede volverse rápidamente un dolor de cabeza para un empresario+ue no tiene los conocimientos espec%Acos para hacerlo$ * continuaci#n se responderána las preguntas +ue debe plantearse para poder crear un sitio web pro(esional$

¿Cu!les son sus ob<etivos 7ara crear un sitio web?

=e trata de Ajarse objetivos de establecer una estrategia en Dnternet$ /as decisionestomadas en el momento de la (ase de dise"o condicionan todas las etapas de la creaci#nde un sitio web$

Ser visible

&n comunicaci#n' es indispensable posicionarse bien$ =i un potencial cliente e(ect@ab@s+uedas en la web' debe poder encontrarle o sino encontrará a uno de suscompetidores$ =e puede ser accesible al mundo entero las OU horas al d%a con unposicionamiento relevante$ &l sitio web es una vitrina +ue presenta las actividades de laempresa sus productos$ &ste tipo de página web es (ácil rápido de realizar$

=acer contactos y constituir una base de datos

/os contactos por Dnternet son indispensables para la venta$ /os visitantes de su sitioweb tienen un interés por su actividad$ Por eso' es indispensable anotar sus datos através de un (ormulario de contacto$ &sto puede hacerse a través del pedido de env%o deun (olleto' de un presupuesto o simplemente para una inscripci#n a la newsletter$ /osdatos recogidos le audan a en(ocar mejor sus acciones de mar0eting directo$

>ender

ambién se puede vender online$ &sto re+uiere un sitio más elaborado con un m#dulo deencargo de pago$ ambién es necesario adaptar la log%stica de la empresa paragarantizar las entregas$ /a gesti#n de e!istencias es (undamental si no se +uiere perderclientela o imponer plazos demasiado largos a sus clientes$ =e trata de un trabajo máscomplejo sobre todo más largo +ue para un simple sitio web$

4lo<ador web

&legir su alojador web es esencial$ &l alojador web es un prestador de servicios deinternet +ue garantiza +ue las páginas de su sitio web sean accesibles en Dnternet$ <nmal alojador web es sin#nimo de gastos intempestivos de sitios web (recuentementeinaccesibles' lo +ue puede ser mu perjudicial para su negocio$ =u agencia web o sudesarrollador independiente sabrán aconsejarle$

¿Cu!nto cuesta?

/os costos de realizaci#n son mu variables en (unci#n de la naturaleza de su proectoen primer lugar' pero también del prestador de servicios +ue usted elija$ &n todos casos'es bueno hacer varias demandas de servicio comparar los precios$

4=6*/)4 )<>*B DB>4)<CCDEB PFGDB*= 6&H K

D>3&J*/ &>C&>4 )& H*C,D//&>*4



<n buen dise"ador cobra más cuando su proecto es más complejo visualmente máselaborado$ &l análisis de los costos también debe tener en cuenta lo +ue su sitio web vaa retribuirle en potenciales clientes' clientes o ventas directas$ <n sitio web es unainversi#n$

Podemos encontrar sitios web completos para SNNV$ Pero' atenci#n' a este precio' setrata más bien de un 0it gráAco$ &sto signiAca +ue' como para un blog totalmente hecho'se tiene la elecci#n entre varios dise"os' varias ar+uitecturas a establecidas para llenarcon su in(ormaci#n$ &sta soluci#n puede eventualmente ser interesante para un sitio webvitrina pero no para un sitio web completo original$

Bo olvide tomar en consideraci#n los gastos de gesti#n del sitio web' de actualizaci#n' deanimaci#n de posicionamiento web' si no están incluidos en la o(erta de los prestadoresde servicios$

.u a menudo' es tentador +uerer acudir a prestadores de servicios cuos precios sonmu atractivos' pero no se deje enga"ar: un sitio eAcaz bien concebido es mucho más+ue un simple Xdise"oX$ ,a muchos (actores +ue ha +ue tomar en consideraci#n unverdadero pro(esional pasará tiempo pensando sobre c#mo crear su sitio web la mejorestrategia a realizar para ma!imizar el retorno de su inversi#n$ &ste tipo de servicio tieneun alto valor agregado cuesta más$

*+uellos +ue proponen precios más atractivos son generalmente aAcionados odesarrolladores poco e!perimentados +ue se inician en este campo +ue puedeno(recerle un sitio web incompleto' mal dise"ado o inadecuado a sus necesidades di(%cilde hacer evolucionar$

&n resumen' crear un buen sitio web +ue sea capaz de garantizar su presencia eninternet de manera eAcaz es un verdadero trabajo' tanto intelectual como técnico$ Por lotanto' no procure ahorrar en la creaci#n de éste' véalo como una inversi#n importante+ue' de todos modos' le traerá un retorno positivo de su inversi#n si el sitio web es biendesarrollado$

Cree usted mismo su sitio web

/a aparici#n de herramientas de C.=' especialmente los metabuscadores de blogs cadavez más potentes simples de utilizar' permite en cierta medida crear uno mismo susitio web$

6ordpress es el C.= de blogs +ue tiene más é!ito debido a su desempe"o a susnumerosas posibilidades de ejecuci#n' además de ser mu (ácil de utilizar$ ambién sepuede mencionar a )otclear +ue es también mu popular$

&stas herramientas se presentan bajo la (orma de scripts para ser instalados en suservidor$ /a operaci#n es mu simple e intuitiva' por lo general' toma menos de unminuto$

<sted dispone entonces de un blog (ácilmente personalizable' +ue podrá llenar a sugusto es ideal para +uien desea o(recer un sitio web' con poco gasto$

=in embargo' si usted desea posicionar bien su sitio web para recibir muchos visitantes'deberá usar los servicios de pro(esionales del webmar0eting de las técnicas deposicionamiento$

&sta soluci#n interesará sobre todo a +uienes tienen pe+ue"os presupuestos +ue +uierengarantizar su presencia en internet' +ue no necesitan un sitio web mu especializado omu posicionado a +uienes un sitio web discreto' pero bien dise"ado' es suAciente$

¿Cu!les son las obli"aciones le"ales?

&n algunos pa%ses e!isten obligaciones legales +ue deben cumplirse al crear un sitio webcomo las presentadas a continuaci#n$

&!hibir las menciones legales del sitio web:

4=6*/)4 )<>*B DB>4)<CCDEB PFGDB*= 6&H

D>3&J*/ &>C&>4 )& H*C,D//&>*4



Bombre del responsable editorial$Bombre e in(ormaci#n del alojador web$Bombre del webmaster$B@mero de certiAcaci#n$Bota sobre la propiedad intelectual$

Para guiarse en la redacci#n de sus menciones legales' los ejemplos no (altan eninternet$ Por lo general' las menciones legales son accesibles en la parte in(erior de los

sitios web$¿Por +ué poner las menciones legales en su sitio web?

Por+ue es le: es obligatorio indicar las menciones legales en su sitio web en algunospa%ses' bajo pena de sanci#n si se omite las menciones legales$

Para inspirar conAanza a los visitantes de su sitio web: =i el internauta no puedeidentiAcar al propietario o responsable del sitio web' su sitio web perderá credibilidad más si se trata de una tienda online$

Para proteger su sitio web: a"adiendo en sus menciones legales un párra(o sobre losderechos de autor el copright' protegerá el contenido de su sitio 1logo' marca'

imagen' te!to$$$2$)espués de considerar todos estos puntos' podrá crear su sitio web$

4=6*/)4 )<>*B DB>4)<CCDEB PFGDB*= 6&H R

D>3&J*/ &>C&>4 )& H*C,D//&>*4

Elaboración y Administración de Sitios Web

Documents

Transcript of Elaboración y Administración de Sitios Web