10 CLAVES PARA RENTABILIZAR UNA WEB : MARKETING POR INTERNET

26 de marzo 2009

www.domestika.com

domestika.com

Radiografía del éxito de una web

Índice intro

10 claves

conceptos diseño

web

marketing online

diseño gráfico

arquitectura

contenidos

accesibilidad

dominio / URL

SEO

elementos básicos

Conceptos de diseño web: diseño gráfico, arquitectura de información y usabilidad, contenidos, maquetación y accesibilidad.

Algunos datos

Difundiendo la buena nueva: marketing online, posicionamiento y publicidad en buscadores, email marketing, social media.

promoción web

SEO

SEM

email mkt

medios sociales

Recomendaciones básicas web efectiva

domestika.com

0.- Situación Actual

domestika.com

22 mill.

22 millones de personas han entrado en el último mes en Internet.

Millones de Internautas en España

(Fuente: Red.es)

domestika.com

(2) Fuente: Estudio sobre Comercio Electrónico B2C 2007 (Red.es / AECE-FECEMD, julio 2005)(1) Fuente: EGM. Olas

Los buscadores son la herramienta más utilizada en internet (93%). Muy por delante del resto de servicios.

El 72,8% de los internautas encuentra información de compra o contratación en los buscadores.

93% 72,8%

Uso de los buscadores en Internet

domestika.com

Fuente: INE, enero 2008

Porcentaje de empresas españolas con menos de diez empleados que disponen de web corporativa.

Porcentaje de empresas españolas con más de diez empleados que disponen de web corporativa.

10% 46%

Uso de la web corporativa en España

domestika.com

I.- 10 claves para el éxito de una “web corporativa”

domestika.com

1.- Préstale la importancia que merece

• La primera clave es el cariño.

• Una web es un proyecto que empieza, pero no acaba.

• Dinero y esfuerzo. Más de lo que parece inicialmente.

• La imagen de la empresa en juego.

Para ver esta pel’cula, debedisponer de QuickTimeª y de

un descompresor .

domestika.com

2.- Fijemos los objetivos de la página

• Información corporativa.

• Información sectorial.

• ¿Venta online?

• ¿Catálogo online amplio o monoproducto?

domestika.com

IMAGEN

3.- La casa en orden: la estructura web

• Definición de layouts / wireframes.

• Sitemap / mapa de la web

• Tipo de navegación

• Niveles de navegación

domestika.com

IMAGEN

4.- Si queremos que la usen, hagámosla usable

• El Diseño no es sólo estético.

• Establecer criterios de navegación.

• Especialmente importante si queremos vender online.

domestika.com

IMAGEN

5.- Hacer una web fea cuesta casi igual que una bonita

• La estética 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.

• Actualización periódica de los contenidos.

• Estilo directo y conciso.

• Uso de contenidos multimedia

domestika.com

IMAGEN

7.- Posiciónate en buscadores

• Haciendo una web accesible.

• Generando buen contenido.

• Relacionándote en el mundo virtual y físico.

• Consiguiendo enlaces entrantes.

domestika.com

IMAGEN

8.- Publicita tu web a los cuatro vientos

• Alta en buscadores, directorios locales y sectoriales.

• Contrata campañas de publicidad CPM.

• Campañas publicidad en buscadores (SEM)

• Web 2.0 y medios sociales

domestika.com

IMAGEN

9.- Medir, medir y volver a medir

• Cuántas visitas, cuántos visitantes únicos, cuántas páginas vistas.

• Contenido más visto y tasa de rebote.

• Enlaces entrantes.

• “Keywords” en buscadores.

• Éxito de campañas publicitarias.

domestika.com

IMAGEN

10.- Identidad digital: tu imagen en la red.

• Se mezcla la publicidad, la comunicación y la imagen de marca.

• Quién eres, quién trabaja en tu empresa

• Imagen profesional

domestika.com

II.- Conceptos de diseño web

domestika.com

Arquitectura y usabilidad web

• Estructura acorde con los objetivos de la web. La home se estructura para lograr los objetivos de comunicación: informativos, comerciales, atención al cliente, producto, etc.

• URLs claras y únicas. Cada página, una URL descriptiva, única y permanente.

• Información de contacto clara. Destacada y bien ubicada, fácil de encontrar desde cualquier punto de la web.

• Rótulos significativos y estándar. Las palabras elegidas como menú de navegación deben ser simples y descriptivas.

• Navegación completa y descriptiva. Donde estás, dónde has estado, dónde puedes ir. Un sistema de navegación consistente. Máximo 4 niveles de navegación.

domestika.com

Arquitectura y usabilidad web (II)

• Máximo 7 items de navegación.

• Breadcrums o migas de pan. Muestra el camino hacia atrás.

• Enlace a la home en el logo. Recurso sencillo para facilitar la vuelta a la página de inicio.

• Enlace a la página de inicio desde todas las páginas.

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

• Aprovechar la jerarquía visual para estructurar información. Estableciendo niveles de importancia del contenido y poniéndolos en los sitios más visibles.

domestika.com

Arquitectura y usabilidad web (III)

• Evitar sobrecarga informativa. No más de 7 ± 2 elementos por página.

• Ayuda contextual y mensajes de error. Para tareas complejas, ayudas con globos de texto, información sobre tamaño y formato de un documento, etc., evitando secciones independientes de ayuda.

• Información de estado. En tareas complejas (como una compra), informar de dónde se está y lo que falta para terminar.

• Evitar flash innecesario. No usar intros en flash, no construir páginas completamente flash. Usar elementos flash para introducir toques de dinamismo en la web (cabecera, banners, etc).

domestika.com

Diseño gráfico para la web

domestika.com

La estética juega un valor importante en la utilidad de un site.

Está demostrado que un diseño estético

resulta más fácil de usar y fomenta actitudes positivas

domestika.com

Diseño gráfico en la web

• Look & feel adaptado a los objetivos y al sector. Los colores y la imagen del “site” debe mantener una “mínima” correspondencia con la actividad de la empresa.

• La cabecera marca la pauta. En términos de estilo, tono, calidad, actividad de la empresa. Puede llegar a definir el tono cromático 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 gráfico y en estructura: estética, contenidos y usabilidad. Ojo con las imágenes de fondo (sólo en partes externas). Animaciones mínimas.

domestika.com

Diseño gráfico 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 jerarquía visual. El peso gráfico de los elementos debe establecer una jerarquía según la estructura web. La cabecera, logo y claim ganan peso, pero podría hacerlo también una imagen de producto.

• Uso tipográfico adecuado. El tamaño, tipo, resaltados, ancho de línea, alineaciones, etc de los textos son clave para la legibilidad y la organización de la información. 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

Diseño gráfico en la web (III)

• Evitar el sonido ambiental. Salvo que la actividad lo requiera, el sonido o música 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 gráficos. Pueden aportar equilibrio, belleza, pero deben usarse adecuadamente. Pueden estar bajos de tono, no son protagonistas.

• Proporciones de los elementos de la web. En función de la actividad, el objetivo de la web, el tamaño de la cabecera, por ejemplo, puede variar.

• La paleta cromática. Definir paletas cromáticas corporativas y mantener los tonos en toda la web, incluyendo imágenes, ilustraciones o fotos en la medida de lo posible.

domestika.com

Dominio / URL de la web

domestika.com

¿Cómo elegir un buen dominio?

• Representativo de nuestra empresa. Debe introducir el nombre, o una de las palabras del nombre o marca. También debería ser descriptivo de nuestra actividad. Ejemplo: ceramicaslopez.com

• Fácil de recordar. Mejor corto que largo, aunque algunos giros o expresiones pueden ser llamativos y mnemotécnicos.

• Evitar números y guiones. Para poder decir y deletrear fácilmente el dominio.

domestika.com

Contenidos web: texto y multimedia

domestika.com

El contenido es el rey.

Un contenido excelente y la frecuencia de actualización del mismo es un factor

crítico del éxito de una web corporativa.

domestika.com

Contenidos web

• Estilo de redacción claro y conciso. Escribir de forma simple, evitando el lenguaje pomposo típico de la comunicación corporativa. Un mensaje/idea por párrafo. Ojo con los errores gramaticales y ortográficos.

• Estructura del texto. Ordenar por importancia, resaltar con negritas, cursivas, viñetas y títulos.

• Imágenes. Usar imágenes (fotos y diagramas) para reforzar las ideas de forma visual.

• El imparable ascenso del vídeo. Cada vez se usa más el vídeo (corto y conciso) para explicar una idea o presentar una empresa.

domestika.com

Accesibilidad y maquetación 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 número de visitantes a nuestra web.– Disminuye los costes de desarrollo.– Reduce el tiempo de carga de la web.

• XHTML y CSS. Hoy día, casi ya un estándar de maquetación web, separa los contenidos del diseño, y facilita la accesibilidad.

• ¿Visible en cuántos navegadores? A principios de 2009, Internet Explorer 6, IE7 y Firefox tienen un ratio de uso en España de un 4/4/2 aproximadamente.

domestika.com

Elementos de posicionamiento (SEO)

domestika.com

Elementos SEO

• Meta tags: para resumir la descripción de la página en buscadores.

• Title: muy importante para el posicionamiento. No más de 7-10 palabras relevantes para la búsqueda. Title único por cada página.

• Keywords: utilizar palabras clave dentro del contenido. Las keywords de html prácticamente no son usadas por los buscadores. Usar enlaces internos.

• URL: importancia que sean descriptivas y tengan palabras clave.

• Redundancia: de etiquetas descriptivas en imágenes, 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 antelación y ten claros los objetivos, asociando una estructura a esos objetivos.

• Fomenta la acción. Haz llamadas a la acción, despertando interés para que el visitante haga click y se mantenga en nuestra página.

• 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

Promoción web en tiempos de crisis

domestika.com

Si no dispones de efectivo, emplea tiempo y esfuerzo

La creación de contenidos y su

actualización continua, el networking físico y virtual, y los medios sociales se

convierten en tus aliados.

domestika.com

Promoción 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 tráfico y posicionamiento.

• Date un baño de web 2.0. Leer y conversar en Internet está a la orden del día. 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 interés para los visitantes.

• Posiciónate en buscadores. Mediante un esfuerzo técnico, en contenidos y relaciones públicas, podrás mejorar poco a poco los resultados naturales frente a búsquedas clave.

domestika.com

Promoción 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.

• Envía un newsletter a tus socios y conocidos. Estableciendo con buenos contenidos de utilidad, una relación periódica 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 difúndelo. Fotos, christmas de navidad, un vídeo y envíalos a los servicios y redes sociales que existen hoy en Internet.

domestika.com

Posicionamiento natural en buscadores (SEO)

domestika.com

Resultados Orgánicos

Posicionamiento buscadores (SEO)

domestika.com

1. Factores internos web (técnicos): gestor de contenidos - optimización de títulos, meta-tags, XHTML y CSS, URLs.

2. Factores internos web (contenidos): optimización de contenidos, palabras clave, BUEN CONTENIDO.

3. Factores externos: enlaces entrantes (link building, SMO).

• Resultados a largo plazo.• No se puede garantizar la primera posición por la

palabra que deseamos.

Posicionamiento buscadores (SEO)

domestika.com

Marketing en buscadores (SEM)

domestika.com

Enlaces patrocinados en buscadores y comparadores de precios

Directorios locales

Directorios sectoriales

Marketing en buscadores y directorios

domestika.com

Enlaces Patrocinados

Enlaces patrocinados en buscadores

domestika.com

1. Sólo se paga por cada visita recibida: desde 0,01 €/visita y en función de la competencia.

2. Resultados inmediatos: en menos de 2 días la campaña está en marcha y se reciben visitas.

3. Planificación y Vigilancia: Es necesario trabajar las palabras clave compradas, los anuncios dinámicos y el coste por

click.

Puntos clave: presupuesto máximo diario, cpc medio, publicidad contextual, horarios…

Enlaces patrocinados en buscadores

domestika.com

1. Fuente de información para servicios locales: las guías locales en Internet.2. Posibilidad de contratar posiciones destacadas en los resultados de

búsqueda3. Búsqueda local a través de mapas4. Ayuda a mejorar nuestro posicionamiento orgánico en buscadores:

enlaces.

Directorios locales

domestika.com

1. Guías de Servicios especializadas por sector2. Posibilidad de contratar posiciones publicitarias3. Ayuda a mejorar nuestro posicionamiento orgánico en

buscadores.

Directorios sectoriales

domestika.com

Email marketing

domestika.com

1. El mayor presupuesto en marketing online después del SEM

1. Fidelización de clientes

1. Acceso a nuevos mercados

Email Marketing

domestika.com

• Publicidad mediante banners y coste por impresión (CPM)

• Banners y microsites y coste por adquisición (CPA)

• Marketing 2.0: blogs, redes sociales, …

¿Más?

http://blog.domestika.com

domestika.com

Algunos ejemplos

domestika.com

Situación Inicial

Tienda de disfraces física de Valladolid, publica su página web en Enero de 2008.

Se le ofrecieron los bonos de Google y Yahoo! y nos solicitó ayuda para realizar la campaña en buscadores (selección de palabras, anuncios, horarios, CPC medio)

El resultado

Haciendo uso de los 100€ en buscadores consiguió generar 47 ventas de disfraces en las semanas previas al Carnaval de 2008.

En Halloween ha invertido 125 euros, y le han reportado 3 ventas diarias durante 3 semanas (venta media 30 euros).

Vendiendo más, cuando es necesario

domestika.com

Situación Inicial

Vendía envases de vidrio a Mayoristas y su inversión en publicidad se reducía a apariciones en ferias del sector.

Tras probar con los bonos de Google y Yahoo!

Se ha lanzado la venta minorista debido a la cantidad de llamadas que le llegaban de gente que lo había visto en Internet.

Quiere abrirse al mercado portugués lanzando una campana en buscadores en sapo.pt, el portal líder en el país vecino.

Internet cambia el modelo de negocio

domestika.com

Gracias,

fernando.polo@domestika.com

www.domestika.com 902 995 668