Está en la página 1de 75

Marketing Digital para la Pyme

domestika.com

ndice
Y todo por un embudo

intro

Radiografa del xito de una web

10 claves
arquitectura
diseo grfico

Conceptos de diseo web: diseo


grfico, arquitectura de informacin y
usabilidad, contenidos, maquetacin
y accesibilidad.
Recomendaciones bsicas

conceptos
diseo
web

dominio / URL
contenidos
accesibilidad
SEO
elementos bsicos

web efectiva
promocin web

Difundiendo la buena nueva:


marketing online, posicionamiento y
publicidad en buscadores, email
marketing, social media.
domestika.com

marketing
online

SEO
SEM
email mkt
medios sociales

Los objetivos de mi web


s
Aumentar mi?
o
beneficios, n

Ya, pero definir objetivos es la


clave. (Es casi ms dficil que
cumplirlos)
domestika.com

0- Y todo por un embudo

domestika.com

El embudo de conversin
Usuarios de Internet
Encuentran nuestra web

Marketing

Navegan por nuestra web


Encuentran nuestro formulario, Diseo
tienda online
Web +

Usabilidad
= Diseo
de
Interacci
n

Los que empieza


un proceso
Los que lo terminan
Los que nos recomiendan
Los que vuelven

Servicio,
claro

El embudo de conversin surge de la Analtica Web


domestika.com

Embudo de Conversin

Estrategia
Parte 1

Estrategia
Parte 2

domestika.com

Concien
cia
considera
cion
Objetivo

Una estrategia general:

SEO

+
SOCIAL MEDIA

domestika.com

SEM

+
+

Analtica Web

Atraer Trfico

Una estrategia general:

Diseo Orientado

+
Usabilidad

domestika.com

Accesibilidad

+
+

Analtica Web

Conversin

La clave:

Atraer Trfico

domestika.com

Conversin

xito Online

I.- 10 claves para el xito de una


web corporativa

domestika.com

1.- Prstale la
importancia
que merece

La primera clave es el cario.

Una web es un proyecto que


empieza, pero no acaba.

Dinero y esfuerzo. Ms de lo
que parece inicialmente.

La imagen de la empresa en
juego.

domestika.com

Para ver esta pelcula, debe


disponer de QuickTime y de
un descompresor .

2.- Fijemos los


objetivos de la
pgina

Informacin corporativa.

Informacin sectorial.

Venta online?

Catlogo online amplio o


monoproducto?

domestika.com

3.- La casa en orden:


la estructura web

Definicin de layouts /
wireframes.

Sitemap / mapa de la web

Tipo de navegacin

Niveles de navegacin

domestika.com

IMAGEN

4.- Si queremos que


la usen, hagmosla
usable

El Diseo no es slo esttico.

Establecer criterios de
navegacin.

Especialmente importante si
queremos vender online.

domestika.com

IMAGEN

5.- Hacer una web


fea cuesta casi igual
que una bonita

La esttica tiene una utilidad


funcional.

La imagen de nuestra
empresa

Las tendencias existen, como


en la moda, y las webs se
quedan obsoletas.

Ojo con el flash y las webs


sobrecargadas

domestika.com

IMAGEN

6.- Buen contenido y


bien actualizado

El contenido es el rey.

Actualizacin peridica de los


contenidos.

Estilo directo y conciso.

Uso de contenidos multimedia

domestika.com

IMAGEN

7.- Posicinate en
buscadores

Haciendo una web accesible.

Generando buen contenido.

Relacionndote en el mundo
virtual y fsico.

Consiguiendo enlaces
entrantes.

domestika.com

IMAGEN

8.- Publicita tu web a


los cuatro vientos

Alta en buscadores, directorios


locales y sectoriales.

Contrata campaas de
publicidad CPM.

Campaas publicidad en
buscadores (SEM)

Web 2.0 y medios sociales

domestika.com

IMAGEN

9.- Medir, medir y


volver a medir

Cuntas visitas, cuntos visitantes


nicos, cuntas pginas vistas.

Contenido ms visto y tasa de


rebote.

Enlaces entrantes.

Keywords en buscadores.

xito de campaas publicitarias.

domestika.com

IMAGEN

10.- Identidad digital:


tu imagen en la red.

Se mezcla la publicidad, la
comunicacin y la imagen de
marca.

Quin eres, quin trabaja en tu


empresa

Imagen profesional

domestika.com

IMAGEN

II.- Conceptos de diseo web

domestika.com

Arquitectura y usabilidad web

Estructura acorde con los objetivos de la web. La home se


estructura para lograr los objetivos de comunicacin: informativos,
comerciales, atencin al cliente, producto, etc.

URLs claras y nicas. Cada pgina, una URL descriptiva, nica y


permanente.

Informacin de contacto clara. Destacada y bien ubicada, fcil de


encontrar desde cualquier punto de la web.

Rtulos significativos y estndar. Las palabras elegidas como men


de navegacin deben ser simples y descriptivas.

Navegacin completa y descriptiva. Donde ests, dnde has estado,


dnde puedes ir. Un sistema de navegacin consistente. Mximo 4
domestika.com
niveles de navegacin.

Arquitectura y usabilidad web (II)

Mximo 7 items de navegacin.

Breadcrums o migas de pan. Muestra el camino hacia atrs.

Enlace a la home en el logo. Recurso sencillo para facilitar la vuelta a


la pgina de inicio.

Enlace a la pgina de inicio desde todas las pginas.

Enlaces claros y bien identificados en todo el site. Con estilo


propio y bien visibles.

Aprovechar la jerarqua visual para estructurar informacin.


Estableciendo niveles de importancia del contenido y ponindolos en
los sitios ms visibles.

domestika.com

Arquitectura y usabilidad web (III)

Evitar sobrecarga informativa. No ms de 7 2 elementos por


pgina.

Ayuda contextual y mensajes de error. Para tareas complejas,


ayudas con globos de texto, informacin sobre tamao y formato de un
documento, etc., evitando secciones independientes de ayuda.

Informacin de estado. En tareas complejas (como una compra),


informar de dnde se est y lo que falta para terminar.

Evitar flash innecesario. No usar intros en


flash, no construir pginas completamente
flash. Usar elementos flash para introducir
toques de dinamismo en la web (cabecera,
banners, etc).

domestika.com

Conversin

vs

domestika.com

Diseo grfico para la web

domestika.com

La esttica juega un valor importante


en la utilidad de un site.
Est demostrado que un diseo esttico
resulta ms fcil de usar y fomenta
actitudes positivas

domestika.com

Diseo grfico en la web

Look & feel adaptado a los objetivos y al sector. Los colores y la


imagen del site debe mantener una mnima correspondencia con la
actividad de la empresa.

La cabecera marca la pauta. En trminos de estilo, tono, calidad,


actividad de la empresa. Puede llegar a definir el tono cromtico del
resto de la web.

El logotipo de la empresa debe integrarse. En ocasiones se puede


modificar ligeramente en color o forma el logotipo para evitar
disonancias visuales.

Evitemos ruido visual. Lograr un balance en peso grfico y en


estructura: esttica, contenidos y usabilidad. Ojo con las imgenes de
fondo (slo en partes externas). Animaciones mnimas.

domestika.com

Diseo grfico en la web (II)

Jugando con los espacios en blanco. Pueden existir, pero en


Internet tienen un coste mayor. Ayudan en el equilibrio visual.

La jerarqua visual. El peso grfico de los elementos debe establecer


una jerarqua segn la estructura web. La cabecera, logo y claim
ganan peso, pero podra hacerlo tambin una imagen de producto.

Uso tipogrfico adecuado. El tamao, tipo, resaltados, ancho de


lnea, alineaciones, etc de los textos son clave para la legibilidad y la
organizacin de la informacin. Hacer uso de negritas, cursivas,
titulares para facilitar la lectura.
Contraste entre fuente y fondo. Buscar un
efecto positivado, de letra oscura sobre fondo
claro.

domestika.com

Diseo grfico en la web (III)

Evitar el sonido ambiental. Salvo que la actividad lo requiera, el


sonido o msica no aporta nada. A veces, puede estar incorporado en
un flash. En todo caso, se debe poder apagar el sonido.

Uso o abuso de ornamentos o recursos grficos. Pueden aportar


equilibrio, belleza, pero deben usarse adecuadamente. Pueden estar
bajos de tono, no son protagonistas.

Proporciones de los elementos de la web. En funcin de la


actividad, el objetivo de la web, el tamao de la cabecera, por ejemplo,
puede variar.
La paleta cromtica. Definir paletas
cromticas corporativas y mantener los tonos
en toda la web, incluyendo imgenes,
ilustraciones o fotos en la medida de lo posible.

domestika.com

Dominio / URL de la web

domestika.com

Cmo elegir un buen dominio?

Representativo de nuestra empresa. Debe introducir el nombre, o


una de las palabras del nombre o marca. Tambin debera ser
descriptivo de nuestra actividad. Ejemplo: ceramicaslopez.com

Fcil de recordar. Mejor corto que largo, aunque algunos giros o


expresiones pueden ser llamativos y mnemotcnicos.

Evitar nmeros y guiones. Para poder decir y deletrear fcilmente el


dominio.

domestika.com

Contenidos web: texto y multimedia

domestika.com

El contenido es el rey.
Un contenido excelente y la frecuencia de
actualizacin del mismo es un factor
crtico del xito de una web corporativa.

domestika.com

Contenidos web

Estilo de redaccin claro y conciso. Escribir de forma simple,


evitando el lenguaje pomposo tpico de la comunicacin corporativa.
Un mensaje/idea por prrafo. Ojo con los errores gramaticales y
ortogrficos.

Estructura del texto. Ordenar por importancia, resaltar con negritas,


cursivas, vietas y ttulos.

Imgenes. Usar imgenes (fotos y diagramas) para reforzar las ideas


de forma visual.

El imparable ascenso del vdeo. Cada vez se usa ms el vdeo


(corto y conciso) para explicar una idea o presentar una empresa.

domestika.com

Accesibilidad y maquetacin web

domestika.com

Accesibilidad web

Accesibilidad web: Capacidad de acceder a una web y sus


contenidos independientemente de la discapacidad de un usuario o de
su contexto de uso (dispositivos, etc).
Aumenta el nmero de visitantes a nuestra web.
Disminuye los costes de desarrollo.
Reduce el tiempo de carga de la web.

XHTML y CSS. Hoy da, casi ya un estndar de maquetacin web,


separa los contenidos del diseo, y facilita la accesibilidad.
Visible en cuntos navegadores? A
principios de 2009, Internet Explorer 6, IE7 y
Firefox tienen un ratio de uso en Espaa de un
4/4/2 aproximadamente.

domestika.com

Elementos de posicionamiento (SEO)

domestika.com

Elementos SEO

Meta tags: para resumir la descripcin de la pgina en buscadores.

Title: muy importante para el posicionamiento. No ms de 7-10


palabras relevantes para la bsqueda. Title nico por cada pgina.

Keywords: utilizar palabras clave dentro del contenido. Las keywords


de html prcticamente no son usadas por los buscadores. Usar
enlaces internos.

URL: importancia que sean descriptivas y tengan palabras clave.

Redundancia: de etiquetas descriptivas en


imgenes, flash y elementos multimedia.

domestika.com

IV.- Elementos para hacer una web


efectiva

domestika.com

Consejos para hacer una web efectiva

Creando un concepto y una marca. Debe existir una historia, un eje


vertebral.

Planifica con antelacin y ten claros los objetivos, asociando una


estructura a esos objetivos.

Fomenta la accin. Haz llamadas a la accin, despertando inters


para que el visitante haga click y se mantenga en nuestra pgina.

Humaniza la web. No hables mucho de ti, pero si vas a hacerlo, pon


cara al equipo, habla de forma natural.

Usa un gestor de contenidos, para mantener tu web


permanentemente actualizada.

domestika.com

V.- Visibilidad para nuestra web


corporativa

domestika.com

Promocin web en tiempos de crisis

domestika.com

Si no dispones de efectivo,
emplea tiempo y esfuerzo
La creacin de contenidos y su
actualizacin continua, el networking
fsico y virtual, y los medios sociales se
convierten en tus aliados.

domestika.com

Promocin web en tiempos de crisis

Tu URL visible en todos sitios. Tienda, folletos, firmas de correo, etc.

Directorios locales y sectoriales. Darse de alta no cuesta dinero, y


asegura un cierto trfico y posicionamiento.

Date un bao de web 2.0. Leer y conversar en Internet est a la


orden del da. Comenta y firma con enlace a tu web.

Escribe en tu web. Generando un contenido amplio y profundo que


se indexe en buscadores, y que sea de inters para los visitantes.

Posicinate en buscadores. Mediante un


esfuerzo tcnico, en contenidos y relaciones
pblicas, podrs mejorar poco a poco los
resultados naturales frente a bsquedas clave.

domestika.com

Promocin web en tiempos de crisis (II)

Vigila los metadatos de tu web. Keywords, titles, metatags, etc.

Haz networking. Para dar a conocer tu negocio y tu web.

Enva un newsletter a tus socios y conocidos. Estableciendo con


buenos contenidos de utilidad, una relacin peridica con ellos.

Enlaza mucho desde tu web. Para dar a conocer tu sitio y conseguir


que con el tiempo, alguien te devuelva un enlace.

Genera contenido multimedia y difndelo.


Fotos, christmas de navidad, un vdeo y
envalos a los servicios y redes sociales que
existen hoy en Internet.

domestika.com

Posicionamiento natural en
buscadores (SEO)

domestika.com

Posicionamiento buscadores (SEO)

Resultados Orgnicos
domestika.com

Posicionamiento buscadores (SEO)


1. Factores internos web (tcnicos): gestor de contenidos optimizacin de ttulos, meta-tags, XHTML y CSS, URLs.
2. Factores internos web (contenidos): optimizacin de
contenidos, palabras clave, BUEN CONTENIDO.
3. Factores externos: enlaces entrantes (link building, SMO).

Resultados a largo plazo.


No se puede garantizar la primera posicin por la palabra
que deseamos.

domestika.com

Marketing en buscadores (SEM)

domestika.com

Marketing en buscadores y directorios


Enlaces
patrocinados en
buscadores y
comparadores de
precios
Directorios
locales

Directorios
sectoriales

domestika.com

Enlaces patrocinados en buscadores

Enlaces Patrocinados
domestika.com

Enlaces patrocinados en buscadores


1.

Slo se paga por cada visita recibida: desde 0,01 /visita


y en funcin de la competencia.

2.

Resultados inmediatos: en menos de 2 das la campaa


est en marcha y se reciben visitas.

3.

Planificacin y Vigilancia:

Es necesario trabajar las palabras clave compradas, los anuncios dinmicos y el coste por
click.

Puntos clave: presupuesto mximo diario, cpc medio, publicidad contextual, horarios,
concordancia, palabras negativas

domestika.com

TASA DE CONVERSIN

Directorios locales

1.
2.
3.
4.

Fuente de informacin para servicios locales: las guas locales en Internet.


Posibilidad de contratar posiciones destacadas en los resultados de bsqueda
Bsqueda local a travs de mapas
Ayuda a mejorar nuestro posicionamiento orgnico en buscadores: enlaces.

domestika.com

Directorios sectoriales

1. Guas de Servicios especializadas por sector


2. Posibilidad de contratar posiciones publicitarias
3. Ayuda a mejorar nuestro posicionamiento orgnico en buscadores.
domestika.com

E-mail marketing

Una tcnica de Marketing


Online. Marketing Directo.

- Envo de informacin
comercial por email
- Permite la segmentacin
- Permite la evaluacin

S que el 50% de mi gasto en publicidad es inutil. El


problema es que no s qu 50% es
R. P. Kleinman
domestika.com

Redes Sociales -> Dispersin del contenido

domestika.com

Dispersin

- Sacar el contenido del sitio


- No centralizar
el contenido
- Bidireccional. Traer visitantes al sitio
- Alcanzar nichos
domestika.com

Dispersin
- SMO. Optimizar su difusin. Share
on
- Redes Sociales. Crear grupos y sitios
- Blogging y microblogging
- Newsletters
- Feeds (RSS, Atom)
domestika.com

Ms?
http://blog.domestika.com

Publicidad mediante
banners y coste por
impresin (CPM)
Banners y microsites y
coste por adquisicin
(CPA)

domestika.com

Herramientas y Tcnicas

domestika.com

Herramientas y Tcnicas
- Primera impresin. Five Second Test
- Hbitos de navegacin. Eyetracking
- Analtica. G. Analytics, Omniture
- A/B Testing. G. Website Optimizer

domestika.com

Five Second Test


- Permite
evaluar
bocetos
- Ayuda a
convertir

- www.fivesecondtest.co
m

domestika.com

Eyetracking
- Permite
evaluar
conductas
- Ayuda a
convertir

- http://
www.labsmedia.com/clickheat/index.html
- http://www.alt64.com/

domestika.com

Eyetracking
- Permite reconstruir
patrones de navegacin
- Permite ver atenciones
mximas

domestika.com

Eyetracking

domestika.com

Eyetracking

domestika.com

A/B Testing
- La
evaluacin
refinitiva
- Es iterativo

Recordis la diapositiva 27

- Es emprico
- http://www.google.com/support/websiteoptimize
r/?hl=es
- http://www.wichtestwon.com/

domestika.com

A/B Testing
Gan esta!
Gener un 14.9
% ms de
registros
El 49% pens
que no
El 49% estaba
equivocado
domestika.com

A/B Testing
Pensar y probar
Es gratis
No falla
Siempre sobre
nuestro target
(es nuestra web!)

domestika.com

IMAGEN

Analtica: Medir, medir y volver a medir


Cuntas visitas,
cuntos visitantes
nicos, cuntas
pginas vistas.
Contenido ms
visto y tasa de
rebote.
- http://analytics.google.com
reas
no
usables.
- http://omniture.com

Checkout

domestika.com

Para terminar

domestika.com

domestika.com

S que la mitad de mi gasto publicidad no me aporta beneficios, pero


no s que mitad
John Wanamaker

en Diseo Web como en Marketing Online

Planificar y
Definir

domestika.com

Disear o
Ejecutar

Evaluar

Gracias,

domestika.com