Este documento ofrece consejos sobre el diseño y promoción efectiva de una página web corporativa. Explica la importancia de definir objetivos claros, diseñar una estructura y navegación intuitiva, y generar contenido de calidad y actualizado. También recomienda trabajar en el posicionamiento orgánico a través de factores técnicos como la optimización de metadatos y el uso de palabras clave, así como promocionar el sitio a través de directorios, redes sociales y contenido atractivo.
2. 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.
Y todo por un embudo…
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
5. domestika.com
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”
11. 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.
Paraver estapel’cula, debe
disponer deQuickTimeª y de
undescompresor .
12. domestika.com
2.- Fijemos los
objetivos de la página
• Información corporativa.
• Información sectorial.
• ¿Venta online?
• ¿Catálogo online amplio o
monoproducto?
13. 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
14. 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.
15. 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
16. 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
18. 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
19. 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.
20. 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
22. 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.
23. 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.
24. 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).
27. 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
28. 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.
29. 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.
30. 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.
32. 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.
34. 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.
35. 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.
37. 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.
39. 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.
41. 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.
44. 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.
45. 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.
46. 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.
49. 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)
53. 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, concordancia, palabras negativas…
TASA DE CONVERSIÓN
Enlaces patrocinados en buscadores
54. 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úsqueda
3. Búsqueda local a través de mapas
4. Ayuda a mejorar nuestro posicionamiento orgánico en buscadores: enlaces.
Directorios locales
55. domestika.com
1. Guías de Servicios especializadas por sector
2. Posibilidad de contratar posiciones publicitarias
3. Ayuda a mejorar nuestro posicionamiento orgánico en buscadores.
Directorios sectoriales
56. domestika.com
- Una técnica de Marketing Online.
Marketing Directo.
E-mail marketing
- 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” R. P. Kleinman
62. domestika.com
- Primera impresión. Five Second Test
- Hábitos de navegación. Eyetracking
- Analítica. G. Analytics, Omniture
- A/B Testing. G. Website Optimizer
Herramientas y Técnicas
71. domestika.com
IMAGEN
Analítica: 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.
• Áreas no usables. Checkout
• Enlaces entrantes. Orígenes
• “Keywords” en buscadores.
• Éxito de campañas publicitarias.
- http://analytics.google.com
- http://omniture.com
74. domestika.com
“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