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

1. Un proyecto Web…de 0 a 100
11 de Febrero de 2014

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. 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. 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. Elección de la plataforma
Gestores de contenido

6. Elección de la plataforma
Ecommerce

7. Elección de la plataforma
Elijas la plataforma que elijas, asegúrate que sea RESPONSIVE
(Que se adapte a dispositivos móviles)

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. Análisis de la competencia
En las páginas de resultados

10. Análisis de la competencia

11. Análisis de la competencia
http://www.seoquake.com

12. Análisis de la competencia
http://www.semrush.com
Video manual:
http://youtu.be/nU0SSWN2fAo

13. Estructura del sitio Web

14. Fase de producción
SUERTE

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. 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. WPO
CDN (Content Delivery Network)
http://norfipc.com/web/servicios-cdn-gratis-internet-para-acelerar-blog-sitio-web.html

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. WPO
Herramientas
Pingdom Tools
Google PageSpeed Insights
http://tools.pingdom.com/fpt/
https://developers.google.com/speed/pagespeed/insights/

20. Conseguir tráfico
• Tráfico orgánico SEO
• Tráfico de pago
SEM
Redes de display
Retargeting
• Redes sociales
• Email marketing

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. 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. 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. 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. 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. SEO off page
Link Building - Herramientas
http://www.majesticseo.com/
http://www.opensiteexplorer.org/
https://ahrefs.com/

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. 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. SEM (Search Engine Marketing)
Hasta que llegue el tráfico orgánico

30. Redes de display

31. Retargeting
http://www.freshtraffic.ca/remarketing-retargeting-ads/

32. Redes sociales

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. Email Marketing
Gratis hasta 2.000 suscriptores
y 12.000 mails mensuales
http://mailchimp.com

35. Ya tenemos tráfico, y ahora…
¿Qué pasa en mi Web?

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. 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. Usabilidad
Test de usabilidad
•
•
•
•
•
5 second test
Mapas de calor
Grabaciones
Chat on-line
Encuestas

39. Usabilidad
Herramientas
15 días gratis
http://www.luckyorange.com/?z=9

40. Ya entiendo a mis usuarios, y ahora…
¿Por qué no convierten?

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. 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. 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. 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. CRO
Herramientas para test
https://developers.google.com/analytics/devguides/platform/experiments-overview

46. CRO
Herramientas para test
http://www.landerapp.com/
https://www.optimizely.es/

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. 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