Creacion web

MANUALPARALACREACIONYADMINISTRACIONDELOSSITIOS

WEB

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

Home

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:[email protected],[email protected],[email protected]: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