Un proyecto web de 0 a 100

2,268 views

Published on

Mi charla para los alumnos de masanz.es sobre todo lo que interviene en un proyecto Web - Marketing Online - SEO - Analytics - Usabilidad - CRO

Published in: Education

Un proyecto web de 0 a 100

  1. 1. Un proyecto Web…de 0 a 100 11 de Febrero de 2014
  2. 2. Antonio González Consultor de marketing on-line CEO en Marco Estil sl 1998 – Hago mi primera Web con hosting USA 2002 – Web profesional hosting en USA 2003 – Analítica web (del pleistozeno) 2004 – Creo mi primer ecommerce
  3. 3. EL PROYECTO WEB • • • • • • • Nombre del dominio Hosting Elección del CMS Búsqueda de palabras clave Análisis de la competencia Definir la estructura del sitio Fase de producción
  4. 4. Nombre del dominio ¿Branding o EMD? • Branding • Reconocimiento de marca • No limitado por Keywords • EMD (Exact Match Domain) • Posicionamiento rápido • Limitado a la palabra clave del dominio Consejo: Compra todos los EMD que puedas, los vayas a usar o no, así evitas que los compre tu competencia
  5. 5. Elección de la plataforma Gestores de contenido
  6. 6. Elección de la plataforma Ecommerce
  7. 7. Elección de la plataforma Elijas la plataforma que elijas, asegúrate que sea RESPONSIVE (Que se adapte a dispositivos móviles)
  8. 8. Búsqueda de palabras clave Las páginas de resultados ¿Qué encontramos aquí? • Sugerencia de palabras clave en la caja de búsqueda • Principales competidores orgánicos • Principales competidores de pago • Principales competidores en imágenes
  9. 9. Análisis de la competencia En las páginas de resultados
  10. 10. Análisis de la competencia
  11. 11. Análisis de la competencia http://www.seoquake.com
  12. 12. Análisis de la competencia http://www.semrush.com Video manual: http://youtu.be/nU0SSWN2fAo
  13. 13. Estructura del sitio Web
  14. 14. Fase de producción SUERTE
  15. 15. WPO (Web Perfomance Optimization) La velocidad de carga • La velocidad de carga es un factor de posicionamiento • Una velocidad de carga rápida proporciona una mejor experiencia de usuario • 2 segundos de retraso en la carga de una página supone un 87% de aumento del abandono de carro • El 46% de los usuarios indican la velocidad de carga como factor para no volver a un sitio
  16. 16. WPO Cosas simples para mejorar la velocidad de carga • Tener un buen hosting • Eliminar el código sobrante de tu CMS (páginas principales) • Entre el 50-60% de la velocidad de carga corresponde a las imágenes • Optimizar las imágenes • Modificar el CMS para que las sirva a su tamaño • Habilitar la compresión Gzip • Habilitar la caché para los elementos que cambian poco: imágenes, CSS, JS, etc… • Evitar los errores 404
  17. 17. WPO CDN (Content Delivery Network) http://norfipc.com/web/servicios-cdn-gratis-internet-para-acelerar-blog-sitio-web.html
  18. 18. WPO Cómo crear un CDN casero • Necesitas otro dominio • Colocamos este código en el .htaccess para que no sirviera cookies para el contenido estático <FilesMatch ".(ico|gif|jpg|png|flv|pdf|mp3|js|css|xml)$"> Header set Cache-Control "max-age=2592000" Header always unset Set-Cookie Header unset ETag FileETag None </FilesMatch>
  19. 19. WPO Herramientas Pingdom Tools Google PageSpeed Insights http://tools.pingdom.com/fpt/ https://developers.google.com/speed/pagespeed/insights/
  20. 20. Conseguir tráfico • Tráfico orgánico SEO • Tráfico de pago SEM Redes de display Retargeting • Redes sociales • Email marketing
  21. 21. SEO (Search Engine Optimization) Posicionamiento en buscadores: El SEO es una disciplina que consiste en la aplicación de diferentes técnicas orientadas a mejorar la posición de una página Web en las páginas de resultados de los buscadores • • • • • La mejor receta: Contenido original y de calidad Es SEO no es hacerle trampa a Google Mucho cuidado con las vías rápidas El SEO es sobre todo SENTIDO COMÚN Los experimentos siempre con gaseosa
  22. 22. SEO on page • Contenido ORIGINAL y escrito para el usuario • Meta etiquetas • Título • Meta etiquetas • Keywords • Description • Correcta estructura y etiquetado del texto • H1,h2,h3 negritas, itálicas, etc… • URL’s amigables (http://misitio.com/index.php?id=98) • Breadcrumbs ( Inicio > Arandelas > Arandelas metálicas ) • Enlaces internos y externos • Utilización de sitemaps http://www.adrenalina.es/seo-on-page-factores-importantes/
  23. 23. SEO on page Imágenes • • • • • • • • Imagen ORIGINAL Nombre del archivo de la imagen descriptivo Optimización de la atributo ALT Optimizar tamaños y resoluciones Especificar el tamaño de la imagen Colocar la imagen en el contexto adecuado URL de destino Mucho cuidado con los bancos de imágenes
  24. 24. SEO off page Link Building Los enlaces son la moneda de Internet • • • • • Más calidad que cantidad Temáticas relacionadas Sitios de confianza Enlaces dofollow y nofollow Redes sociales
  25. 25. SEO off page Link Building ¿Cómo conseguir enlaces? • • • • • Contenido de calidad Alta en directorios Participación en Foros y Blogs Pedir (clientes, proveedores, colaboradores) Redes sociales
  26. 26. SEO off page Link Building - Herramientas http://www.majesticseo.com/ http://www.opensiteexplorer.org/ https://ahrefs.com/
  27. 27. No intentes engañar a Google Fuente: http://www.zoiseo.es/wp-content/uploads/2011/08/google-panda.jpg Fuente: http://www.constant-content.com/blog/wp-content/uploads/2012/04/penguin1.jpg
  28. 28. Cómo medir tu éxito en SEO Seguimiento del ranking de tus palabras claves en los buscadores http://tools.seobook.com/firefox/rank-checker/ http://www.cleverstat.com/es/google-monitor-query.htm Aumento del tráfico de tu sitio Documenta todas tus acciones SEO y las reacciones provocadas No hagas más de una acción SEO a la vez. No sabrás cual ha funcionado y cual no
  29. 29. SEM (Search Engine Marketing) Hasta que llegue el tráfico orgánico
  30. 30. Redes de display
  31. 31. Retargeting http://www.freshtraffic.ca/remarketing-retargeting-ads/
  32. 32. Redes sociales
  33. 33. Email Marketing Algunos consejos • • • • • • Bases de datos depuradas y actualizadas Gestión exquisita de bajas Ofrecer cosas que le interesen al destinatario Consistencia mail / landing page Aplicar técnicas de CRO (Conversion Rate Optimization) Etiquetar y medir todas las campañas
  34. 34. Email Marketing Gratis hasta 2.000 suscriptores y 12.000 mails mensuales http://mailchimp.com
  35. 35. Ya tenemos tráfico, y ahora… ¿Qué pasa en mi Web?
  36. 36. Analítica Web NO se puede optimizar lo que no se puede medir ¿Qué podemos y debemos medir? • • • • • • • • • Tráfico Tráfico de marca y no de marca Fuentes del tráfico (Orgánico, SEM, Email, etc…) % de rebote Objetivos (leads, ventas, descargas, etc…) % de conversión Embudos de conversión Tiempo de carga Casi todo lo que se te ocurra
  37. 37. Usabilidad y Experiencia de usuario «La usabilidad es un atributo de calidad que mide lo fáciles que son de usar las interfaces Web» Jakob Nielsen Claves de usabilidad • • • • • Rapidez Simplicidad Localizable y entendible Compatibles Actualizada
  38. 38. Usabilidad Test de usabilidad • • • • • 5 second test Mapas de calor Grabaciones Chat on-line Encuestas
  39. 39. Usabilidad Herramientas 15 días gratis http://www.luckyorange.com/?z=9
  40. 40. Ya entiendo a mis usuarios, y ahora… ¿Por qué no convierten?
  41. 41. CRO Conversion Rate Optimization Optimización de la tasa de conversión La conversión se produce cuando el usuario realiza la acción primaria para la cual lo hemos traído a nuestra Web (una venta, un registro de usuario, una descarga, etc…) % Conversión: Nº objetivos x 100 Visitas El CRO es la aplicación de una serie de técnicas con el objetivo de mejorar la tasa de conversión
  42. 42. CRO Cómo mejorar la conversión • • • • • • • Definir claramente el objetivo de la página Una única llamada a la acción Llamada a la acción clara y con diseño diferenciado La información importante sin hacer scroll Reducir la fricción (distracciones) Optimizar los formularios (solo los datos imprescindibles) Optimización del proceso de compra en ecommerce
  43. 43. CRO Test A/B Un test A/B consiste en presentar a unos usuarios una versión de una página Web (que llamaremos control) y a otros otra versión (que llamaremos variación) y analizar los datos de mejora o deterioro de la conversión . Ciclo del test • • • • Formulación de hipótesis Implementación Análisis Vuelta a Formulación de hipótesis When you test: You win or you learn
  44. 44. CRO Cosas que puedes testear • • • • • Titulares Imágenes Contenido largo / Contenido corto Tamaño, color y posición de la CTA (Call To Action) No hay límites, lo que se te ocurra
  45. 45. CRO Herramientas para test https://developers.google.com/analytics/devguides/platform/experiments-overview
  46. 46. CRO Herramientas para test http://www.landerapp.com/ https://www.optimizely.es/
  47. 47. Resumen Final • • • • Definición y planteamiento del proyecto Elección de la plataforma Web adecuada Desarrollo y optimización WPO Implementación de la herramienta de analítica Web (Google Analytics) • Traer tráfico (SEO, SEM, Email Marketing) • Análisis de usabilidad y Experiencia de usuario • Hacer que ese tráfico convierta - CRO
  48. 48. Antonio González - @seoito La crisis no empieza cuando dejas de vender, empieza cuando se te acaban la ideas. MUCHAS GRACIAS Twitter: @seoito http://seoito.com seoito@seoito.com

×