Presencia web pyme por Domestika

Por: Pedro Jesús González www.domestika.com PRESENCIA EN LA RED PARA PYMES www.domestika.org

10.000 clientes, 5 años
120 profesionales
Socios: madrid tecnología, camerpyme, ministerio industria, google, paypal, vocento, yahoo!
Tecnología propia
Domestika.org

¿Cuándo es el viaje a las Islas Galápagos?
¿Cuántos años tiene la marca BYC?

¿Qué es una Presencia Web Profesional?

Es aquella que no está realizada pensando en su dueño
Imágenes subidas por usuarios a: http://wtf.microsiervos.com/

Aquellas en la que se tienen en cuenta todos los navegadores

En la que se tienen en cuenta los detalles

La que sabe adaptar las herramientas a las necesidades…

… incluso cuando no parece posible

Y ofrece siempre una alternativa

En la que no se aporta información irrelevante para el usuario

Una presencia web profesional, no deja las cosas a medio hacer

no aporta información contradictoria

Tiene en cuenta las necesidades de los usuarios

Aprovecha el espacio visual

Sin sobrecargarlo

Ofrece ideas innovadoras a problemas comunes

Porque la competencia está a un clic de distancia

No tiene fallos de programación

Los textos son redactados de forma sincera y pensando en el beneficio del usuario

Siendo breves siempre que sea posible…

… pero sin ser imprecisos

No comete faltas de ortografía

y cuida las imagénes utilizadas

Tiene en cuenta que los usuarios van a opinar

Ofrece la misma información en toda la web

Cuida los mensajes de error

Cuida su identidad visual

No ofrece ambigüedades

No pretende dar una solución a todas las necesidades de negocio

… y tiene unos objetivos claramente definidos.

Ofrece una navegación limpia y segura

Y tiene un importante trabajo por detrás

No tiene elementos dispuestos al azar sin que aporten información

Establece claras llamadas a la acción

… pues los usuarios las cumplimos.

Los textos son redactados de forma sencilla

Nunca sacrifica función a favor de un malentendido Diseño.

Es actualizado frecuentemente…

Atiende a usuarios con distintas necesidades

Ofrece siempre una navegación segura

Nunca incluye elementos como “En construcción”

Es unívoco

De verdad…

No toma imágenes de Google sin informarse

… y sus contenidos son revisados antes de publicarlos

Es, en definitiva, lo contrario a esto:

Diseño de Conversión

El embudo de conversión Usuarios de Internet Encuentran nuestra web Navegan por nuestra web Encuentran nuestro formulario, tienda online… Los que empieza un proceso Los que lo terminan Los que nos recomiendan Los que vuelven Marketing Diseño Web + Usabilidad = Diseño de Interacción Servicio, claro… “ El embudo de conversión surge de la Analítica Web”

SEO SOCIAL MEDIA SEM Analítica Web Atraer Tráfico + + + + = Una estrategia general:

Diseño Orientado Usabilidad Accesibilidad Analítica Web Conversión + + + + = Una estrategia general:

+ + + = Éxito Online Atraer Tráfico Conversión La clave:

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

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 .

2.- Fijemos los objetivos de la página
Información corporativa.
Información sectorial.
¿Venta online?
¿Catálogo online amplio o monoproducto?

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

II.- Conceptos de diseño web

Arquitectura y usabilidad web

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.

Arquitectura y usabilidad web (II)
Máximo 7 items de navegación .
Breadcrums o migas de pan o nubes de etiquetas . 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.

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

Conversión vs

Diseño gráfico para la web

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

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.

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.
http://blog.duopixel.com/justified.png

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.

Dominio / URL de la web

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

Contenidos web: texto y multimedia

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.

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.

Accesibilidad y maquetación web

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.

Elementos de posicionamiento (SEO)

Resultados Orgánicos Posicionamiento buscadores (SEO)

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.

IV.- Elementos para hacer una web efectiva

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.
http://www.carbajalyasociados.com/

Bola Extra: atraer Tráfico

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.

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.

Marketing en buscadores (SEM)

Marketing en buscadores y directorios Enlaces patrocinados en buscadores y comparadores de precios Directorios locales Directorios sectoriales

Enlaces Patrocinados Enlaces patrocinados en buscadores

Sólo se paga por cada visita recibida: desde 0,01 €/visita y en función de la competencia.
Resultados inmediatos: en menos de 2 días la campaña está en marcha y se reciben visitas.
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, concordancia, palabras negativas…
TASA DE CONVERSIÓN
Enlaces patrocinados en buscadores

Fuente de información para servicios locales: las guías locales en Internet.
Posibilidad de contratar posiciones destacadas en los resultados de búsqueda
Búsqueda local a través de mapas
Ayuda a mejorar nuestro posicionamiento orgánico en buscadores: enlaces.
Directorios locales

Guías de Servicios especializadas por sector
Posibilidad de contratar posiciones publicitarias
Ayuda a mejorar nuestro posicionamiento orgánico en buscadores.
Directorios sectoriales

E-mail marketing - Una técnica de Marketing Online. Marketing Directo. - Envío de información comercial por email - Permite la segmentación - Permite la evaluación “ Sé que el 50% de mi gasto en publicidad es inutil. El problema es que no sé qué 50% es” John Wanamaker Email Marketing

Bidireccional. Sacar el contenido del sitio
No centralizar el contenido
Bidireccional. Traer visitantes al sitio
Alcanzar nichos
Dispersión Contenido

Herramientas y Técnicas

Primera impresión. Five Second Test
Hábitos de navegación. Eyetracking
Analítica. G. Analytics, Omniture
A/B Testing. G. Website Optimizer
Informe de Marketing en Internet
Herramientas y Técnicas

Permite evaluar bocetos
Ayuda a convertir
Five Second Test
www.fivesecondtest.com

Permite evaluar conductas
Ayuda a convertir
Eyetracking
http:// www.labsmedia.com / clickheat / index.html
http://www.alt64.com/

Permite reconstruir patrones de navegación
Permite ver atenciones máximas
Eyetracking

Eyetracking

La evaluación “refinitiva”
Es iterativo
Es empírico
A/B Testing
http://www.google.com/support/websiteoptimizer/?hl=es
http://www.wichtestwon.com/
¿Recordáis la diapositiva 27?

A/B Testing
¡Ganó esta!
Generó un 14.9 % más de registros
El 49% pensó que no
El 49% estaba equivocado

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

Informe de Marketing en Internet
http://www.vexlan.com/informe-marketing-en-internet
Páginas indexadas
Posición en buscadores
Comparativa con competencia

Para terminar…

“ Sé que la mitad de mi gasto publicidad no me aporta beneficios, pero no sé que mitad” John Wanamaker Planificar y Definir Diseñar o Ejecutar Evaluar Tanto en Diseño Web como en Marketing Online

Gracias, [email_address]

http://internetvendeblog.com	92
http://www.slideshare.net	8
http://www.elearningmadridtecnologia.com	5

Presencia web pyme por Domestika

by La Catedral de la Innovación on May 06, 2010

Accessibility

Tags

Upload Details

Usage Rights

3 Embeds 105

Statistics

Presencia web pyme por Domestika — Presentation Transcript