BDPA_2012_Strategic Briefing CoIT BYOD_speakernotes_dark Background
Introducción creación web aula madrid tecnología (coit) 2010
-
Upload
pedro-jesus-gonzalez -
Category
Documents
-
view
383 -
download
0
description
Transcript of Introducción creación web aula madrid tecnología (coit) 2010
![Page 1: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/1.jpg)
domestika.com
Ponente: Pedro Jesús González
INTRODUCCIÓN A LA CREACIÓN Y POSICIONAMIENTO WEB
Aula La Vaguada - 18 Feb 2010 www.domestika.org
- PARA PROFESIONALES Y GABINETES DE INGENIERÍA -
www.domestika.com
![Page 2: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/2.jpg)
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
![Page 3: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/3.jpg)
domestika.com
Los objetivos de mi web
Ya, pero… definir objetivos es la clave. (Es casi más díficil que cumplirlos)
• Aumentar mis
beneficios, ¿no?
![Page 4: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/4.jpg)
domestika.com
0- Y todo por un embudo…
![Page 5: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/5.jpg)
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”
![Page 6: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/6.jpg)
domestika.com
Tipos de objetivos En función del tipo de embudo que ya tenemos o del que vamos viendo…
•Mercados poco maduros•Productos novedosos•Baja demanda actual•Potencial de crecimiento•Hay poca competencia: Embudo casi recto•El gasto en marketing no es lo más rentable
Embudo “recto de boca estrecha”
¿Qué hemos de hacer?: Comunicación. Whitepapers, networking, blogging, charlas… difundir y compartir
![Page 7: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/7.jpg)
domestika.com
Tipos de objetivos En función del tipo de embudo que ya tenemos o esperamos…
•Llegan usuarios•Pero no se convierte en leads o clientes•Problemas de usabilidad•Desconfianza•Falta de Información•Potencial de crecimiento exponencial
Embudo “descompesados”
¿Qué hemos de hacer?: Diseño de Interacción. Usabilidad, FAQ´s, información, Diseño visual
![Page 8: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/8.jpg)
domestika.com
Tipos de objetivos En función del tipo de embudo que ya tenemos o del que vamos viendo…
•Mercados maduros•La experiencia de uso es correcta•peroLa gente no llega a la web•Crecimiento lineal•Más Marketing -> Más clientes
Embudo “pronunciado de boca estrecha”
¿Qué hemos de hacer?: Marketing. SEO, SEM, SMO, Blogging… Buscar usuarios cualificados. No todo es válido ni tiene sentido
![Page 9: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/9.jpg)
domestika.com
El Diseño y la Usabilidad convierten usuarios en clientes
Diseño Atractivo
Usabilidad
Accesibilidad
Analítica Web
Conversión+ +
+
+
=
![Page 10: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/10.jpg)
domestika.com
El tráfico y la conversión: las clave del éxito.
+ ++ = Éxito OnlineAtraer Tráfico Conversión
![Page 11: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/11.jpg)
domestika.com
I.- 10 claves para el éxito de una “web corporativa”
![Page 12: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/12.jpg)
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 .
![Page 13: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/13.jpg)
domestika.com
2.- Fijemos los objetivos de la página
• Información corporativa.
• Información sectorial.
• ¿Venta online?
• ¿Catálogo online amplio o monoproducto?
![Page 14: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/14.jpg)
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
![Page 15: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/15.jpg)
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.
![Page 16: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/16.jpg)
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
![Page 17: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/17.jpg)
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
![Page 18: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/18.jpg)
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.
![Page 19: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/19.jpg)
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
![Page 20: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/20.jpg)
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.
![Page 21: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/21.jpg)
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
![Page 22: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/22.jpg)
domestika.com
II.- Conceptos de diseño web
![Page 23: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/23.jpg)
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.
![Page 24: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/24.jpg)
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.
![Page 25: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/25.jpg)
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).
![Page 26: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/26.jpg)
domestika.com
Conversión
vs
![Page 27: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/27.jpg)
domestika.com
Diseño gráfico para la web
![Page 28: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/28.jpg)
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
![Page 29: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/29.jpg)
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.
![Page 30: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/30.jpg)
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.
![Page 31: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/31.jpg)
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.
![Page 32: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/32.jpg)
domestika.com
Dominio / URL de la web
![Page 33: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/33.jpg)
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.
![Page 34: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/34.jpg)
domestika.com
Contenidos web: texto y multimedia
![Page 35: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/35.jpg)
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.
![Page 36: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/36.jpg)
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.
![Page 37: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/37.jpg)
domestika.com
Accesibilidad y maquetación web
![Page 38: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/38.jpg)
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.
![Page 39: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/39.jpg)
domestika.com
Elementos de posicionamiento (SEO)
![Page 40: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/40.jpg)
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.
![Page 41: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/41.jpg)
domestika.com
IV.- Elementos para hacer una web efectiva
![Page 42: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/42.jpg)
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.
![Page 43: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/43.jpg)
domestika.com
V.- Visibilidad para nuestra web corporativa
![Page 44: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/44.jpg)
domestika.com
Promoción web en tiempos de crisis
![Page 45: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/45.jpg)
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.
![Page 46: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/46.jpg)
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.
![Page 47: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/47.jpg)
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.
![Page 48: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/48.jpg)
domestika.com
Posicionamiento natural en buscadores (SEO)
![Page 49: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/49.jpg)
domestika.com
Resultados Orgánicos
Posicionamiento buscadores (SEO)
![Page 50: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/50.jpg)
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)
![Page 51: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/51.jpg)
domestika.com
Marketing en buscadores (SEM)
![Page 52: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/52.jpg)
domestika.com
Enlaces patrocinados en buscadores y comparadores de precios
Directorios locales
Directorios sectoriales
Marketing en buscadores y directorios
![Page 53: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/53.jpg)
domestika.com
Enlaces Patrocinados
Enlaces patrocinados en buscadores
![Page 54: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/54.jpg)
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
![Page 55: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/55.jpg)
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
![Page 56: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/56.jpg)
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
![Page 57: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/57.jpg)
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
![Page 58: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/58.jpg)
domestika.com
1.- Cuida tu IP
• La IP desde la que se envía es un factor importante.
• La recepción de los correos electrónicos depende en gran parte de la reputación de esa IP, que va variando con el tiempo
• Es recomendable usar una IP distinta al correo ordinario
• IRISRBL consiste en una base de datos accesible vía DNS que contiene millones de IPs con una reputación negativa debido a que son máquinas comprometidas distribuyendo
• Spamhaus: Rastrea Internet evaluando el uso. Los ISP´s hacen buenos son informes
Para ver esta pel’cula, debedisponer de QuickTimeª y de
un descompresor .
![Page 59: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/59.jpg)
domestika.com
2.- El uso del Html
• Utilicemos plantillas de html que nos permitan evaluar el seguimiento y la conversion
• Utilicemos un html sencillo, para evitar ser bloqueado por los clientes de correo
• En la medida de lo posible, envíemos una versión de texto plano
![Page 60: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/60.jpg)
domestika.com
IMAGEN
3.- Evitemos el envío de imágenes como cuerpo
• Aumenta nuestras posibilidades de ser bloqueados
• No permite el seguimiento
![Page 61: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/61.jpg)
domestika.com
IMAGEN
4.- Hagamos envíos de prueba
• El Diseño no es sólo estético, ayuda a la conversión.
• Nuestro mailing se verá de forma distinta en función del cliente de correo.
![Page 62: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/62.jpg)
domestika.com
IMAGEN
5.- Lista de envío
• Siempre actualizada (evitamos costes y riesgo de bloqueo)
• Dar la posibilidad de darse de baja de forma sencilla
![Page 63: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/63.jpg)
domestika.com
IMAGEN
6.- Legislación
• Identificar los envíos publicitarios como tales.
• Disponer de autorización para recibir comunicaciones
• No ceder los datos salvo autorización o empresas
• Uso de contenidos multimedia
![Page 64: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/64.jpg)
domestika.com
IMAGEN
7.- Aporta Valor
• Creando contenido accesible.
• Generando buen contenido.
• Comparte tus conocimientos con tus clientes y proveedores
• Genera una buena predisposición, entonces publicita.
![Page 65: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/65.jpg)
domestika.com
Redes Sociales -> Dispersión del contenido
![Page 66: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/66.jpg)
domestika.com
- Bidireccional. Sacar el contenido del sitio
- No centralizar el contenido
- Bidireccional. Traer visitantes al sitio
- Alcanzar nichos
Dispersión
![Page 67: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/67.jpg)
domestika.com
- SMO. Optimizar su difusión. “Share on”
- Redes Sociales. Crear grupos y sitios
- Blogging y microblogging
- Newsletters
- Feeds (RSS, Atom)
Dispersión
![Page 68: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/68.jpg)
domestika.com
• Publicidad mediante banners y coste por impresión (CPM)
• Banners y microsites y coste por adquisición (CPA)
¿Más?
http://blog.domestika.com
![Page 69: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/69.jpg)
domestika.com
Herramientas y Técnicas
![Page 70: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/70.jpg)
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
![Page 71: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/71.jpg)
domestika.com
- Permite evaluar bocetos
- Ayuda a convertir
Five Second Test
-www.fivesecondtest.com
![Page 72: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/72.jpg)
domestika.com
- Permite evaluar conductas
- Ayuda a convertir
Eyetracking
-http://www.labsmedia.com/clickheat/index.html- http://www.alt64.com/
![Page 73: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/73.jpg)
domestika.com
- Permite reconstruir patrones de navegación
- Permite ver atenciones máximas
Eyetracking
![Page 74: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/74.jpg)
domestika.com
Eyetracking
![Page 75: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/75.jpg)
domestika.com
Eyetracking
![Page 76: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/76.jpg)
domestika.com
- 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?
![Page 77: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/77.jpg)
domestika.com
A/B Testing
• ¡Ganó esta!
• Generó un 14.9 % más de registros
• El 49% pensó que no
• El 49% estaba equivocado
![Page 78: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/78.jpg)
domestika.com
A/B Testing
• Pensar y probar
• Es gratis
• No falla
• Siempre sobre nuestro target (es nuestra web!)
![Page 79: Introducción creación web aula madrid tecnología (coit) 2010](https://reader034.fdocuments.net/reader034/viewer/2022052505/555e0dead8b42a99188b4ce6/html5/thumbnails/79.jpg)
domestika.com
IMAGENAnalí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