Un proyecto web de 0 a 100

Un proyecto Web…de 0 a 100

11 de Febrero de 2014

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

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

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

Elección de la plataforma Gestores de contenido

Elección de la plataforma Ecommerce

Elección de la plataforma

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

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

En las páginas de resultados

Análisis de la competencia

Análisis de la competencia

Análisis de la competencia

http://www.seoquake.com

Análisis de la competencia

http://www.semrush.com

Video manual: http://youtu.be/nU0SSWN2fAo

Estructura del sitio Web

Fase de producción

SUERTE

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

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

WPO CDN (Content Delivery Network)

http://norfipc.com/web/servicios-cdn-gratis-internet-para-acelerar-blog-sitio-web.html

• 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

WPO Herramientas

http://tools.pingdom.com/fpt/

Pingdom Tools Google PageSpeed Insights

https://developers.google.com/speed/pagespeed/insights/

Conseguir tráfico

• Tráfico orgánico SEO • Tráfico de pago

SEM Redes de display Retargeting

• Redes sociales • Email marketing

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

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/

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

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

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?

SEO off page Link Building - Herramientas

http://www.opensiteexplorer.org/ http://www.majesticseo.com/ https://ahrefs.com/

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

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

SEM (Search Engine Marketing) Hasta que llegue el tráfico orgánico

Redes de display

Retargeting

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

Redes sociales

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

Email Marketing

http://mailchimp.com

Gratis hasta 2.000 suscriptores y 12.000 mails mensuales

Ya tenemos tráfico, y ahora…

¿Qué pasa en mi Web?

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

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

Usabilidad Test de usabilidad

• 5 second test • Mapas de calor • Grabaciones • Chat on-line • Encuestas

Usabilidad Herramientas

http://www.luckyorange.com/?z=9

15 días gratis

Ya entiendo a mis usuarios, y ahora…

¿Por qué no convierten?

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

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

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

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

CRO Herramientas para test

https://developers.google.com/analytics/devguides/platform/experiments-overview

CRO Herramientas para test

http://www.landerapp.com/ https://www.optimizely.es/

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

Antonio González - @seoito

Twitter: @seoito http://seoito.com

seoito@seoito.com

MUCHAS GRACIAS

La crisis no empieza cuando dejas de vender, empieza cuando se te acaban la ideas.