Creacion web

MANUALPARALACREACIONYADMINISTRACIONDELOSSITIOS

MANUALPARALACREACIONYADMINISTRACIONDELOSSITIOSWEB

INDICEPlaneacióndeSitioWeb........................................................................................................3Generales:.........................................................................................................................3InformaciónGeneral.........................................................................................................3TipodeNegocio:............................................................................................................3

PresenciaenLínea.............................................................................................................4Website.........................................................................................................................4

SocialMedia......................................................................................................................4WebSiteMetasyNecesidades:........................................................................................5

GapAnálisis...........................................................................................................................6EstructuradelSitio................................................................................................................7MapadelSitio...................................................................................................................7LlamadadeAtención:........................................................................................................7Páginas..............................................................................................................................7PaginasAdicionales...........................................................................................................7

ListadeAplicaciones.............................................................................................................8EstructuradelaPágina..........................................................................................................8EstructuradePágina:........................................................................................................8Encabezados......................................................................................................................8Pies:...................................................................................................................................8Imágenes:..........................................................................................................................9

PlandeContenido...............................................................................................................10ContenidodelaPagina........................................................................................................12GlosariodeTérminosGenerales.........................................................................................14Auditoria..............................................................................................................................17

PlaneacióndeSitioWebGenerales:Nombre:________________________________________________

DireccióndeEmail:________________________________________

NúmerodeTeléfonodeContacto:____________________________

InformaciónGeneralNombredelNegocio:______________________________________

Slogan:__________________________________________________

Dirección:_______________________________________________

Zip:_________________

TipodeNegocio:

o LugarFísicoo TiendaenLíneao Serviciosfueradelíneao ServiciosenLíneao ÁreadeServicio(LocaloInterdepartamental,Internacional)o MétodosdePago:(Efectivo,Cheque,Tarjeta,Etc.)o Horariodeatención:o ¿Quisierasqueaparecieratuhorarioenlapágina?o Idiomasquesepuedecomunicar:o AñodeCreacióndelacompañía.o MarcasqueOfreceno ProductosyServiciosqueofrecen:o Actualmenteconcuantosclientescuenta:

PresenciaenLíneaWebsite¿TienesSitioWeb?:_____________________Sitieneseldominioes:_____________________________________¿Queteagradayquetedesagradadelsitio?¿Queesaloqueotroagradaodesagradadelsitio?¿Quetegustaríaincluirentusitio?SocialMediaFacebook-Si/No,TwitterSi/No,YouTubeSi/No,Google+Si/No,PinterestSi/NoInstagramSi/No,LinkedInSi/No,BlogSi/No.Otros¿QuienActualizasuSocialMedia?:_____________________________¿CadaCuanto?:_____________________________________________

DirectoriosenLínea:Ejemplopáginasamarillas,Guatemala.net,bienchilero.netWebSiteMetasyNecesidades:¿CuálessonlasMetasdemisitioWeb?

o Quisieraclientespotencialesqueencuentrenminegocioenlínea.o Queobtenganminúmerodeteléfono.o Queminombreaparezcacomounexperto.o Atraeraclientesamitiendafísica.o QuevendamisproductosyserviciosenLínea.o Quierounacomunidadalrededordemimarca.o Otro:__________________________________________________________

1. ¿Quieneseltargetuobjetivodemisitioweb?:___________________________2. Darleunllamadodeatenciónamisclientes.3. ¿QuedeseaquelagentehagadespuésdevisitarmisitioWeb?

:_____________________________________________________________4. ¿QuevisitenmisitioWeb?5. ¿Actualizarelcontenidodemisitioregularmente?6. Siesvender¿cuantosartículoslesgustaríavender?:_______________________7. CuantoTiempotienesunegocio:____________________VisiónySentir:¿Cualquiercolorestábien?Sinoquedesearía:_________________________________________TienesLogo?:______________________________Listalasempresasquesonsimilaresalatuyayexplicaquetegustayquenotegustadelossitios:__________________________________________________________________________________________________________________________________________________

GapAnálisisComosepromocionatunegocio:

• Periódico• Radio• AdSense• AdWords• Panfletos/Brochures• SeñalesenlaVía• CampañasdeMarketing• Otro:________________________________________________________

EstructuradelSitioMapadelSitioEnnecesariocrearprimerolaconcepcióndelmapadelsitio,estoayudaráapodervisualizardeunaformagráficacomosedeseaqueelsitioesteconfigurado,elnúmerodepáginasquesedeseanyhaciaadondeapuntaranlosenlaces.LlamadadeAtención:Unallamadadeatenciónquebusqueatraeralclientealapáginaconelfindeincentivarloacontinuarnavegando.

Páginas

Sedebendecrearunmínimode4páginas,lascualesdebendeincluircomolasiguienteinformación:

1. Home:Bienvenidaalsitio,algunodelosserviciosoproductosqueseofrecen,yqueesperardelsitio.

2. Acerca(About):Informaciónmásespecíficadelapáginaquesomos,quienessomosadondevamosylomásimportanteadondevausted.

3. Servicios o Productos: Servicios o Productos que se ofrecen, de forma clara ydetallada,siseutilizanfotosqueseandealtacalidad,siesunproductotodaslasespecificacionesposibles(presentación,tamaño,materiales,color,etc.)

4. Contáctanos:Indispensable,esnecesariosabercuálessonlasformasocanalesdecomunicación con nuestro negocio o persona. (Horarios de Atención, UbicaciónFísicasisecuenta,correo)

PaginasAdicionales1. Videos:Muestravideosquenosinteresequeelpúblicoveaquetenganrelacióncon

nuestromodelodenegocio.2. Blog: Información escrita relacionada con temas de interés para el público,

(consejos,tips,noticia,conocimientos).3. ÁlbumdeFotos:Aquísepuedeincluir informacióndealgunaactividadqueseha

realizado,algunasmuestras.4. FormulariodeSuscripción:Estepuede ir incluidodentrodecontactos,perosi se

desea apuntar a una suscripción especial se puede realizar un formulario conmayoresespecificaciones.

ListadeAplicaciones

AlimentaciónInstagram CalendariodeEventos AlgúnChatHorariodeAperturaNegocio CuentaRegresiva Festividad

AlgúnHorarioEspecial ClubdeCumpleañeros SlidedePromociónVideoInteractivo RedesSociales NavegacióndeWaze

EstructuradelaPáginaEstructuradePágina:

1. Quétipodepáginasevaatrabajar:Negocios,Blog,TiendaenLínea,Comida,Reservaciones,Exposiciones,Marca,Etc.

2. Imágenes:Quétipodeimágenessevanaescoger.3. Letra:Quétipodeletradeseamosutilizarenelsitio.4. Colores:Loscoloresquesecreenquecorrespondanalapágina.5. Botones:Esimportanteescogerelformatodelosbotonesqueseutilizaránen

todoelsitio.6. ElementosExtra:Localizacióndebotones,textoeimágenes,efectos.7. Reglas:UtilizacióndeReglasoguías,estoseutilizaparacolocarloelementosde

unamaneraadecuadaenlapáginayquelastransicionesqueserealicendentrodelsitioseaagradable.

8. Fondos:Esimportanteconsiderarlosfondosdelaspáginasnoserecomiendocambiardemasiadosfondosparamantenerlauniformidad,salvoqueestemuybientrabajadoelsitioyseveaagradable.(recuerdaqueentremásimágenesaparezcanelsitioserámáslento.

EncabezadosEnestapartesedebedeescogerqueesloquesedeseaqueaparezcaencadaunadelaspaginas,yaseaqueseanigualesoquecambien.

1. Menú:enestapartesedebedeescogeruntipoacordealnúmerodepáginasquesemanejaran,yaquemuchasvecessehacenbotonesdisfuncionalesoquenocreanningúnlinkporloqueelbotónaparece,peronofunciona.

2. Logo:Ellogodebedeversedeunamaneraprofesional,esnecesarioquesecontrateosefabriqueunlogoendiferentesformatos.(Vectorial,jpg,pdf,etc.).

3. Redes:Enelcasoquesedeseenutilizariconosdelasredessocialesdebendeestarmuybienconfiguradosydebendeserhomogéneosentresí.

Pies:Piesdepáginasuniformes,debendeserensumayoríaigualesentodaslaspaginasydeberándecontenerlasiguienteinformación:

1. Creadopor….2. RedesSociales.3. FechadeCreación.4. AlgúnLogo5. InformaciónBásica.6. DominiodelSitio7. CuentadeCorreo.

Imágenes:Esnecesariocontarconimágenesdecalidad,sisedeseaqueelsitiotengaunaaparienciaprofesional,sinocontamosconimágenespropias,sepodrácolocarimágenescompradasoensudefectofotografíasgratis.Lasfotosdebenserde:

• FrentedelNegocio• Interior(limpioyOrganizado)• Clientesadentro• Fotodelequipodetrabajo(siempremuestrafotossonrientesoalegres)• Fotosdelosproductososervicios.

PlandeContenidoElplandecontenidoeslaprimeraparteparalacreacióndesitioswebdebidoaquedeesteplandependequees loquenecesitamosque seael sitio, el ¿porqué?del sitiowebessumamenteimportantetenerclaroslossiguientespuntos:

• TipodeNegocio.o TiendaenLínea.o VisitaFísicao InformacióndeProductosoServicios.

• Metasquesequierendelsitio.o ¿Quesedeseaquehagaelsito?o ¿Quétipodesitiosevaacrear?o ¿Quétipodecontenidovaatener?

• LlamadasdeAtenciónparalosVisitantes:

o Comoincentivaralpúblico.o CrearDeseo

• RealizarunSiteMapomapadesitio:

o Estructuragraficadelsitio.o ÁrboldelaEstructura

• ContenidoInteligente:

o Contenidointeractivodelcualelpúblicosentiráunaatracciónparanavegarenél.

• Contenidoadicional:o Fabricarloo Comprarloo Copiarlo

• DiseñoPersonalizado:

o Quétipodediseñonecesitaelsitioweb,o tipodecontenidoo audienciaalaquevadirigido.

• HacerelSitioFácilalPublico:

o Queelcontenidopuedaserfácildemanejarparaelpúblico.o AccesosInmediatoso LinksConfigurados

• HerramientasAdicionales:

o Aplicacioneso Formularioso Chatso Blogs

Tabla1RelaciónMetasconSitio

MetasdelNegocio TipodeSitioWeb MetasdelUsuario CalltoActionVentadeProductos TiendaenLínea

(eCommerce)ComprarProductos

VentadeServicios ProveedordeServicios RequerirunProducto

Visitaalugarfísico Proveedor de servicios

enpropiolugarfísicoInformacióndelTienda

MapadeSitio1TiendaonLine

Acerca Tienda

DamasCaballeros

Galeria

Colecciones

InviernoVerano

Blog Contactanos

CompraAhora

¡Cotiza!!

ObténunCupón

ContenidodelaPaginaParacrearunbuencontenidodelapáginaesnecesarioserelmásadecuadoparalosvisitantes.Sebasaen4puntosesenciales.

1. Interesante:a. Sedebeevitarqueelclientesesalgadelsitiob. VisiteelLinkSiguientec. Seolvidedeestavisita.

2. Limpio:a. SitioOrdenado.b. Paginascoherentesc. ImágenesdelaMismaCalidadd. TextoEquilibrado.

3. Consistente:a. Bienredactadab. Ordenadac. Concisa

4. AlPunto:a. Noredundarb. Queesexactamenteloqueseofrecec. Loqueelclientenecesited. ComunicaciónClarayDirecta

TeniendoClarolospuntosanterioresesnecesarioempezaracrearlospuntosestratégicosparalaelaboracióndelapágina.ConoceratuAudiencia:Quétipodeaudienciaseestábuscando,edad,sexo,profesión,oficio,necesidad.

Hacerclaroyconsistenteelmensaje:dequéformaselehablaraalaaudiencia,emotiva,seria,etc.,quetipodebeneficiosselesestáofreciendo.ConductadelInventariodeContenido:Queelementos seutilizaran, que tan fácil es encontrar el contenidoenel sitio,menús,servicios,descripciones,acercadeuno,historiadelacompañía,listadetodoslosproductos,informacióndelosproductos.Paraellosedebedetomaruninventariodecadaunodeloselementos que conformaran el sitio web. Que es lo que tenemos y que es lo quenecesitamos.

Tabla2EjemplodeInventariodeContenido

id Pagina Ítem Tipo TamañooResolución

Acción Status

1 Logo Logo de laEmpresa

Jpg 1,200o2.3mb Ensitio Levantado

2 Acercade Información delaempresa

Texto Pedir aFernando

Espera

3 Staff Biografía Texto Listo Levantado

4 Producto Camisa JPg 350x480o324kb PedirRenato

Espera

Tomarloconresponsabilidad:En esta parte intervienen 3 elementos principales que son el creador, el dueño, y losterceros.

Creador: La responsabilidad de las imágenes de un buen mapa, los links y elcontenidoesresponsabilidaddelqueesacreandolapágina.

Dueño:Muchasveceselcreadornoeselmismodueñoporloqueeldueñodelsitiotienelaobligacióndefabricarelcontenidoidealparaelmismo,tantolasimágenes,descripciones,blog,ofertas,descuentos,etc.Todoelcontenidoescritodelsitioweb.

Tercero: En caso que se requiera utilizar información de tercero, debe de serdebidamenteautorizadaparaevitar caer enproblemasdeautoría, en imágenes,textos,promociones,etc.

GlosariodeTérminosGeneralesWebBrowser:Esunprogramaquepermiteelaccesoainternetypodervisitarsitioseninternetejemplo:Firefox,Safari,Edge,InternetExplorer,Chrome.IPAddress:Cadacomputadoraycadasitiowebtienesupropia ip.Una ipesunadireccióncomoelnúmerodeteléfono,yestesirveparacomunicarsedeunadirecciónaotra,yestaseparadaporpuntos.122.112.201.001DomainName:Llamadocomúnmentedominioyesta loquehaceesdescribir ladireccióndelsitioweb.Amazon.com,Facebook.com,altaestrategia.com,vidapremier.comURL:Uniform Resource Locator, in la dirección del sitio web o de la pagina web.www.altaestrategia.com.Esunnombreespecifico.DomainHost/DomainRegistry:Esellugardondenosotroscompramoseldominio,losmáspopulares,goddady,networksolutions,dreamhost,google.SiteHost/HostingSolution:EsteeslugardondesealmacenaráelsitioWeb.Aquísecontienentodoslosarchivosyloscódigosdelsitioasícomolaspaginas,imágenes,formularios,etc.EmailHost/EmailProvider:Es donde se encuentra almacenado el correoque se utiliza, la direcciónde correo estáconformadadedospartes:Elrecipiente(personaquerecibeelmail),yelhospedajeohost(eselquevieneseguidodelsignode@),queregularmenteeselsitiodeldominio.Ejemplo:info@altaestrategia.com,info@vidapremier.com,renato@carcuz.comNavigation:Se refiere a la navegación dentro del sitio, como el usuario se mueve atreves del,regularmenteestesemoveráapartirdelmenúprincipalydelosbotonesentrelaspaginasinternas.Whitespace:Cuandosehabladeestetérminoserefiereapartesenblancodentrodeunapáginaweb,elsitiodebeposeerespaciosenblancoentresecciones,iconos,imágenes,paraqueesteseveaorganizado.

Fonts&TypographyLasletrasytipografíaserefierenalasutilizadasdentrodelsitioyaseaenlosencabezados,pies,oenelcuerpodelcontenido,puedenvariartamañosydiseño,perosiempredebedeserlegibleylomásuniformeposibleyaqueestocrearalapersonalidaddelamarca.Resolution:Estodescribealacalidadylaclaridaddelaimagen.Estadirectamenterelacionadoconeltamañodelaimagenyalnúmerodepixelesquecontiene.Entremáspixeles,laclaridadserámayor. Es necesario dominar este tema ya que todos los dispositivos cuentan condiferentescalidadesdepantallas.Content:Todo el contenido que aparecerá en el sito, paginas, texto, imagines, videos, botones,menús,testimonios,productos.Inventory:Estoserefiereatodolorelacionadoconelcontenidodelapaginaperoenumerado,sedebesaberconlacantidadquesecuentadeimágenes,paginas,testimonios,videos,etc.DNS:DomainNameServer(nombredeservidordedominio),esteconectaelnombredeldominioalhospedajedeldomino.FTP:FileTransferProtocol,inunprogramaqueadministralosarchivosdetusitio.Apps:Eseltérminoutilizadoparadescribirunprogramaoherramienta.Existenappsdediferentestipos,entretenimiento,finanzas,utilidades,productividad,chat,compras,etc.eCommerce/OnlineStore:Tiendaenlínea,esdondeseofrecenproductosyserviciosvíainternet.Noseutilizaunlugarfísico,Estapuedeestarabierta,24horas,7díasalasemana.Amazon,EBay,etc.LiveChat:EsteserefierecomocuandoseofrecenserviciosdechatenlapáginaparapoderrealizarcontactoinmediatoconelclienteSearchEngine:EsunsoftwarequeayudaalsistemaabuscarlainformaciónenlaRed,regularmenteestánpresentadoslosresultadosenunlugarquesellamaSERPs(PopularSearchEngines).

GoogleAnalytics:SearchEngineOptimization(SEO):ElSEOserefierealaacciónquetienequetomarelsitiowebenelRankdebúsquedasdegoogleyBing.Lossitiosquemarcanelrankingmásaltosuelentenermásvisitasquelosqueestánmenosrankeados.Pay-Per-ClickAdvertisingOmejorconocidocomo“PPC”,esuntipodepublicidadquegeneratraficoespecificohaciaalgúnlugarositioweb.Estapublicadespagadaenbasealacantidaddeclicsrecibidos.LaCTA(¨CalltoAction”):eslaacciónpretendequeelusuariodeseeingresaralrestodetusitiocomopodríaser“compraahora”,“suscríbeteygana”,“Ingresaparacupones”.AnálisisGap:Despuésderealizarelinventariodecontenido,esnecesariorealizarelanálisisgapquenosmostraracualeselcontenidoquesenecesitaracrearparaelsitioWeb.Estoespartedetuestrategia.DorianCarcuzRenato@carcuz.com

AuditoriaEsteejercicioestádiseñadoparapoderevaluarlapresenciaenlínea.NombreyDireccióndelNegocio:________________________SitioWebyllamadadeAtención:Link:_____________________________¿Sielsitiowebexiste,esestosuficiente?

• Si,sevemuybien• Si,Esfuncional,peropodríasermejor.• Sí,peroestadesactualizado.• NoencuentroelsitioWeb

¿Siexiste,quétipodellamadadeaccióntiene?

• Compraahora.• Visítanosen.• Inscríbeteparaestaraldía.• Usaestecupón.• MegustaenFacebook.• Notienellamada.• Noestoyseguro.

SEO-VisibilidadenSearchEnginesyAnálisisdecompetidorCuálessonlosprimeros10resultadosqueaparecencuandocolocamoselnombreylaubicación.FrasedeBúsqueda:____________________________1._______________________

2._______________________

3._______________________

4._______________________

5._______________________

6._______________________

7._______________________

8._______________________

9._______________________

10.______________________

Conclusiones:

• Lamayoríaderesultadosnosllevanalnegocioyredessociales• Lamayoríaderesultadosnoaparecenenlabúsqueda,perosiendirectorios• Lamayoríaderesultadosnoestánrelacionadosconelnegocio• Otros_______________________________________________________________

___________________________________________________________________

Piensaahoracomocliente,silabúsquedasequisieradealgúnmodoespecialcomodeberíadeserlabúsqueda.Porejemplo:”negociosdebicicleta”,“lugaresparacomprarropa”,etc.Frasedebúsqueda:____________________________1._______________________

2._______________________

3._______________________

4._______________________

5._______________________

6._______________________

7._______________________

8._______________________

9._______________________

10.______________________

• Lamayoríaderesultadosnosllevanalnegocioyredessociales• Lamayoríaderesultadosnoaparecenenlabúsqueda,perosiendirectorios• Lamayoríaderesultadosnoestánrelacionadosconelnegocio• Otros_______________________________________________________________

___________________________________________________________________

Quienessontusprincipalescompetidoresdeacuerdoatubúsquedaanterior.

1. ______________________________________

2. ______________________________________

3. ______________________________________

SocialMedia:Silossitiostienenlamayoríaderedessociales,enumerarlosseguidores/suscriptoresolikes.Ylaúltimafechadepublicación.Ejemplo:Facebook32likesenlapágina,últimapublicaciónhace3días.

• Facebook_______________________

• Twitter_________________________

• YouTube________________________

• LinkedIn________________________

• Instagram_______________________

• Tumblr_________________________

• Pinterest_______________________

• Etsy___________________________

• Flickr__________________________

• Blog___________________________

• Otro___________________________

Conclusiones:

• Algunasactividadesestánadministradasenelsocialmedia.• Tienesocialmediaperonoestáactualizado• Elnegocionotienesocialmedia

Otro:_____________________________________________________________________________________________________________________________________________________________________________________________________

Creacion web

Internet

Transcript of Creacion web

Creacion de Una Pagina Web de Topografia

Taller Creacion Web Blog

Creacion de paginas web en wix

creacion web

Creacion sitio web

Creacion de un Servicio Web con .NeT.pdf

Presentacion de creacion de cuentas web

creacion pagina web

Creacion de pag web clase 29.08.13

CREACION DE UNA PAGINA WEB ...

J creacion paginas-web-html-6844-completo

TALLER: CREACION PAGINA WEB Integrantes: - Jorge Suarez - Gabriela Vivar.

Creacion de paginas web con html (Diana Lopez)

DiseñO, Creacion E Implementacion De Sitios Web

Diseño y creacion de sitios web

Creacion y Diseño WEB

Creacion Paginas Web

Creacion de Sitios Web

Creacion de sitios web revista users

04 - Creacion de un Sitio Web - Las Herramientas