Un proyecto web de 0 a 100
-
Upload
antonio-gonzalez -
Category
Education
-
view
1.031 -
download
2
description
Transcript of Un proyecto web de 0 a 100
![Page 1: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/1.jpg)
Un proyecto Web…de 0 a 100
11 de Febrero de 2014
![Page 2: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/2.jpg)
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
![Page 3: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/3.jpg)
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
![Page 4: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/4.jpg)
Nombre del dominio
• Branding • Reconocimiento de marca • No limitado por Keywords
• EMD (Exact Match Domain)
• Posicionamiento rápido • Limitado a la palabra clave del dominio
¿Branding o EMD?
Consejo: Compra todos los EMD que puedas, los vayas a usar o no, así evitas que los compre tu competencia
![Page 5: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/5.jpg)
Elección de la plataforma Gestores de contenido
![Page 6: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/6.jpg)
Elección de la plataforma Ecommerce
![Page 7: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/7.jpg)
Elección de la plataforma
Elijas la plataforma que elijas, asegúrate que sea RESPONSIVE (Que se adapte a dispositivos móviles)
![Page 8: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/8.jpg)
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
![Page 9: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/9.jpg)
En las páginas de resultados
Análisis de la competencia
![Page 10: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/10.jpg)
Análisis de la competencia
![Page 11: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/11.jpg)
Análisis de la competencia
http://www.seoquake.com
![Page 12: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/12.jpg)
Análisis de la competencia
http://www.semrush.com
Video manual: http://youtu.be/nU0SSWN2fAo
![Page 13: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/13.jpg)
Estructura del sitio Web
![Page 14: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/14.jpg)
Fase de producción
SUERTE
![Page 15: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/15.jpg)
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
![Page 16: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/16.jpg)
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
![Page 17: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/17.jpg)
WPO CDN (Content Delivery Network)
http://norfipc.com/web/servicios-cdn-gratis-internet-para-acelerar-blog-sitio-web.html
![Page 18: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/18.jpg)
• 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>
WPO Cómo crear un CDN casero
![Page 19: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/19.jpg)
WPO Herramientas
http://tools.pingdom.com/fpt/
Pingdom Tools Google PageSpeed Insights
https://developers.google.com/speed/pagespeed/insights/
![Page 20: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/20.jpg)
Conseguir tráfico
• Tráfico orgánico SEO • Tráfico de pago
SEM Redes de display Retargeting
• Redes sociales • Email marketing
![Page 21: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/21.jpg)
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
![Page 22: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/22.jpg)
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/
![Page 23: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/23.jpg)
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
![Page 24: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/24.jpg)
SEO off page Link Building
• Más calidad que cantidad • Temáticas relacionadas • Sitios de confianza • Enlaces dofollow y nofollow • Redes sociales
Los enlaces son la moneda de Internet
![Page 25: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/25.jpg)
SEO off page Link Building
• Contenido de calidad • Alta en directorios • Participación en Foros y Blogs • Pedir (clientes, proveedores, colaboradores) • Redes sociales
¿Cómo conseguir enlaces?
![Page 26: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/26.jpg)
SEO off page Link Building - Herramientas
http://www.opensiteexplorer.org/ http://www.majesticseo.com/ https://ahrefs.com/
![Page 27: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/27.jpg)
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
No intentes engañar a Google
![Page 28: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/28.jpg)
Cómo medir tu éxito en SEO Seguimiento del ranking de tus palabras claves en los buscadores
http://www.cleverstat.com/es/google-monitor-query.htm http://tools.seobook.com/firefox/rank-checker/
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
![Page 29: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/29.jpg)
SEM (Search Engine Marketing) Hasta que llegue el tráfico orgánico
![Page 30: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/30.jpg)
Redes de display
![Page 31: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/31.jpg)
Retargeting
http://www.freshtraffic.ca/remarketing-retargeting-ads/
![Page 32: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/32.jpg)
Redes sociales
![Page 33: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/33.jpg)
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
![Page 34: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/34.jpg)
Email Marketing
http://mailchimp.com
Gratis hasta 2.000 suscriptores y 12.000 mails mensuales
![Page 35: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/35.jpg)
Ya tenemos tráfico, y ahora…
¿Qué pasa en mi Web?
![Page 36: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/36.jpg)
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
![Page 37: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/37.jpg)
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
• Rapidez • Simplicidad • Localizable y entendible • Compatibles • Actualizada
Claves de usabilidad
![Page 38: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/38.jpg)
Usabilidad Test de usabilidad
• 5 second test • Mapas de calor • Grabaciones • Chat on-line • Encuestas
![Page 39: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/39.jpg)
Usabilidad Herramientas
http://www.luckyorange.com/?z=9
15 días gratis
![Page 40: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/40.jpg)
Ya entiendo a mis usuarios, y ahora…
¿Por qué no convierten?
![Page 41: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/41.jpg)
CRO Conversion Rate Optimization
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
Optimización de la tasa de conversión
El CRO es la aplicación de una serie de técnicas con el objetivo de mejorar la tasa de conversión
![Page 42: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/42.jpg)
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
![Page 43: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/43.jpg)
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
![Page 44: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/44.jpg)
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
![Page 45: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/45.jpg)
CRO Herramientas para test
https://developers.google.com/analytics/devguides/platform/experiments-overview
![Page 46: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/46.jpg)
CRO Herramientas para test
http://www.landerapp.com/ https://www.optimizely.es/
![Page 47: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/47.jpg)
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
![Page 48: Un proyecto web de 0 a 100](https://reader033.fdocuments.ec/reader033/viewer/2022051616/5538add85503469f338b4882/html5/thumbnails/48.jpg)
Antonio González - @seoito
Twitter: @seoito http://seoito.com
MUCHAS GRACIAS
La crisis no empieza cuando dejas de vender, empieza cuando se te acaban la ideas.