El sitio corporativo www.bienvenidosamicasa.com

1. El sitio corporativo www.bienvenidosamicasa.com Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

2. 100 portales más populares en el mundo ¿Dónde están las organizaciones? Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

3. Para empezar… • 1.Cuáles son lasmetas del sitio? • ¿Quiénes van a estarinvolucrados en el proyecto? • Empezarporpreguntárse: • - Cuáles la misión y visión de la organización, • - Cuáles son lasmetas con el sitio • Cuáles son lasmetas a corto y largo plazo • Porqué la genteva a ir a mi sitio Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

4. Diseño Web Navegabilidad Accesibilidad Usabilidad Interactividad Arquitectura de la información Al pensar en nuestro portal, debemos tener en cuenta todos estos aspectos. Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

5. Diseño Web Navegabilidad Accesibilidad Usabilidad Interactividad Arquitectura de la información • Estética • Técnica • Imagen corporativa Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

6. Diseño Web Navegabilidad Accesibilidad Usabilidad Interactividad Arquitectura de la información • Facilidad y rapidez en la navegación • Ubicación • Poca profundidad Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

7. Diseño Web Navegabilidad Accesibilidad Usabilidad Interactividad Arquitectura de la información • Adaptado a diferentes dispositivos • Facilidad para personas con discapacidad Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

8. Diseño Web Navegabilidad Accesibilidad Usabilidad Interactividad Arquitectura de la información • Facilidad de uso • Experiencia de usuario • El usuario no necesita conocimiento previo Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

9. Diseño Web Navegabilidad Accesibilidad Usabilidad Interactividad Arquitectura de la información • Interacción directa • Relacionar al cliente • Soporte Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

10. Diseño Web Navegabilidad Accesibilidad Usabilidad Interactividad Arquitectura de la información • Cómo se plantea el contenido Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

11. + y - Ejemplos + Buenos! Mail Chimphttp://mailchimp.com/ OnehubWorkspaceshttp://onehub.com/ Media Temple Hosts http://mediatemple.net/ Office VP http://www.officevp.com/ ProductPlannerhttp://productplanner.com/ • - Pésimos • Your New dotcomhttp://www.yournew.com/ • Government of Zimbabwehttp://www.gta.gov.zw/ • Yale Art Schoolhttp://art.yale.edu/ • George'sTownship Civil Defense • Zinc bistrohttp://www.zincbistroaz.com/ Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

12. Calltoaction… Propósito: En web, hacer que el usuario haga algo al entrar a nuestra página, que realice una acción. Puede ser añadir el producto a su carrito de compras, descargar un programa, solicitar información, dar información. Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

13. Calltoaction… Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

14. El MiniSite Extensión y ampliación del sitio corporativo Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

15. El MiniSite ¿Qué es un Minisite? “Un microsite web es una web pequeña en contenido y muy orientada a un objetivo muy específico, generalmente vinculado a un segmento de mercado bien definido o a una acción o evento promocional puntual.” Ricardo Tayar Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

16. El MiniSite Cubren 3 necesidades: *Ricardo Tayar orientar contenidos o promociones a grupos de usuarios Cada producto tiene un segmento de mercado diferenciado y hay que dirigirse a ese segmento utilizando el lenguaje adecuado, los medios adecuados y la imagen adecuada. Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

17. El MiniSite 2. Apoyar acciones de comunicación o de promoción puntuales (como lanzamientos, eventos) 3. hacer posicionamiento web para determinadas keywords e intentar así captar cuota de mercado en base a las búsquedas realizadas para una determinada consulta Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

18. El MiniSite Un minisiteDEBE tener Header con logo y slogan Footer que coincida Incluir “Calltoaction” Claridad sobre el producto/Mensaje VerVueling Ver MiniSite Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

19. Search Engine Optimization Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

20. SearchEngineOptimization SEO es el acrónimo de SearchEngineOptimization o SearchEngineOptimizer. Actividad que forma parte de las estrategias on-line de generación de tráfico a un sitio Web por vía natural (orgánica) a partir de los resultados que generan los motores de búsqueda. Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

21. SearchEngineOptimization 1. Que el cliente nos encuentre 2. Desplazar hacia abajo los resultados negativos Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

22. SearchEngineOptimization El incumplimiento de las reglas de los buscadores es considerado ilegal y las páginas que las incumplen son sancionadas y no aparecen en el índex del buscador. Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

23. SearchEngineOptimization Técnicas SEO White hat: técnicas permitidas y recomendadas por los motores de búsqueda. Estas buscan beneficio a largo plazo. Black hat: técnicas penalizadas y no aprobadas por los motores de búsqueda. Estas buscan beneficio a corto plazo pues los sitios pueden ser removidos de los índices. Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

24. SearchEngineOptimization Técnicas SEO Algunas técnicas Black hat: - Keywordsstuffing: uso de palabras clave no relacionadas - Hiddenor invisible text: texto oculto, invisible no relacionado o en capas ocultas - Metatagstuffing: metags no relacionados - Gateway ordoorwaypages: páginas con contenido poco relacionado - Scrapersite: sitios creados con contenidos de otras partes Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

25. Meta Datos Títulos Descripciones Keywords Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

26. Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

27. Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

28. Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

29. Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

30. Crear títulos únicos La etiqueta “Título” le dice al usuario y al motor de búsqueda cuál es el tema de la página. Lo ideal es crear títulos únicos para cada página. Estos deberían tener el nombre de la empresa, la actividad y la ubicación física de la misma. Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

31. Buenas prácticas - Describa y comunique el contenido de la página con precisión - Evite usar títulos vagos como Untitled o page 1 - Evite usar títulos que no tienen relación con el contenido - Evite usar un título único para todo el portal - Use palabras útiles. No se exceda de los 56 caracteres (54 caracteres en esta frase) Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

32. <META NAME="Description" CONTENT="informativedescriptionhere“> Use la etiqueta “Description” Una frase, dos o un párrafo corto que describe el contenido de la página, de qué se trata de la misma. No se deben usar más de 160 caracteres Google puede usarlo como Snipet o no Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

33. Buenas prácticas • Escriba un resumen que describa e interese al usuario • Evite usar descripciones que engañen al usuario • Evite usar descripciones únicas, muy similares o genéricas para todo el portal • - No llene la descripción de palabras claves • - No se exceda de los 165 caracteres Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

34. “Keywords” Keywords: Revelan la estructura de un contenido Insightforsearch – Ad Words Fórmula para generar keywords: Acción – concepto – lugar Mercadeo – optimización- BogotáTítulo: 56 palabras Descripción: 165 Palabras Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

35. “Keywords” Búsqueda con una sola palabra: 13-20 % Búsqueda con dos palabras: 30-33 % Búsqueda con tres palabras: 24-28 % Búsquedas con cuatro palabras: 8-9 % Fuente: onestat.com, citado por Mario Fisher –Web Site Boosting Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

36. Otras etiquetas Existen numerosas etiquetas que se incluyen dentro de la etiqueta <head>que proveen información sobre una página. Algunas de ellas son: <meta name=“keywords” content=“xxxx”> Etiquetas Geo <meta name=“city” content=“Bogotá”> <meta name=“country” content=“Colombia”> <meta name=“state” content=“DC”> <meta name=“geo.position” content=“48.7;21.5167”> (latitud y longitud) Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

37. URL´s amigables La URL (uniqueResourceLocator) ya habla del contenido de la página Éstas deben ser amigables, es decir, describir el contenido de la misma: Las palabras apelan más al usuario que un número de ID Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

38. Buenas prácticas • Es mejor usar palabras en las URL´s • Evite usar URL´s excesivamente largas o con palabras o números innecesarios • Crear una estructura simple de directorios que le permita al usuario saber dónde se encuentra. • - Es recomendable tener un SiteMap en HTML y uno en XML Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

39. Recursos http://www.checkpagerank.net/ http://www.keyworddensity.com/ Buscar: site:misitio.com Google Analytics Google insightforsearch Google ad wordstool Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

40. Recursos Google Analytics Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

41. Caso Rick Santorum Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

42. Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano