28. @mcielak www.influenciadigital.com.mx
Caso United Break Guitars:
El poder del Cliente
https://www.youtube.com/watch?v=5YGc4zOqozo
¿Qué nos enseña este caso?
http://www.youtube.com/watchv=50tZS8RrMu0
40. @mcielak www.influenciadigital.com.mx
UNA GENERACIÓN “MOVIL”
80%: conexiones banda ancha serán moviles (2015)
Capacidad de Computación de Smartphone comparable a una
laptop
Venta de Smartphone + Tablet > Laptop
Es la más rapida velocidad de adopción en la historia de la
humanidad
+50% clientes utilizan mobile device aún dentro de la tienda
Fuente:Nielsen Global Mobile Consumer Report 2013
42. @mcielak www.influenciadigital.com.mx
4Imagen de Fredcavazza.Flickr.
Web 1.0 Web 2.0
Encarta, Britannica Wikipedia
Geocities, páginas personales Bloggger, WordPress, blogs
SMS Whatsapp
Terra TV Youtube
MixMail, Hotmail Gmail, Facebook...
Foros, chat, messenger Facebook, Tuenti
Los40.com Spotify, Grooveshark, Red Karaoke... P2P
Infojobs, Infoempleo Linkedin
ElMundo.es, ElPais.com Menéname, Digg
Revelado.com Flickr, Instagram
Mi estado en Messenger Twitter
Newsletters RSS
Callejero Páginas Amarillas Google Maps, Earth
Word Google Docs, Basecamps...
Teléfono Skype, vídeoconferencia
Banners Virales, juegos, apps, fans...
DIFERENCIAS
43. @mcielak www.influenciadigital.com.mx
Experiencia de Usuario
“La percepción y respuesta de una persona como
resultado de las expectativas ante o el uso de un
producto, sistema o servicio”
“Emociones de usuarios, sus creencias,
preferencias, percepciones, respuestas físicas y
psíquicas, comportamientos y logros obtenidos
antes, durante y al finalizar el uso.”
44. @mcielak www.influenciadigital.com.mx
* Donald Norman, Jim Miller, Austin Henderson: What You See, Some of What's in the Future, And How We
Go About Doing It: HI at Apple Computer. Proceedings of CHI 1995, Denver, Colorado, USA
Experiencia de Usuario
El término fue dado a conocer por
Donald Norman alrededor de
1995 por un artículo titulado:
Norman es uno de los pioneros del HCI en los años 80 y
autor del famoso libro “El diseño de las cosas cotidianas”
The Design of Everyday Things, Basic
Books (September 17, 2002)
“User Experience Architect, in the mid-1990s”*
45. @mcielak www.influenciadigital.com.mx
Experiencia de Usuario
Deviene de varios fenómenos:
§ Ergonomía y Human Factor
§ HCI (Interacción Humano-Computadora)
§ Diseño Centrado en Usuario (User-Centered
Design)
§ Usabilidad
§ Accesibilidad
46. @mcielak www.influenciadigital.com.mx
Sub-campo o rama de la Experiencia de
Usuario.
Diseño de Experiencia de Usuario
Aspecto relacionado con el proceso de
creación de un software basándose en los
indicadores que influyen en las experiencias
que tiene el usuario cuando interactúa con
“algo”.
47. @mcielak www.influenciadigital.com.mx
Diseño de Experiencia de Usuario
Término sombrilla que agrupa a varios procesos de
diseño; integra varias disciplinas y toma de diferentes
ciencias.Por ejemplo algunos procesos:
•Arquitectura de Información
•Diseño de Interacción
•Diseño de información
Por ejemplo algunas ciencias:
•Psicología cognitiva
•Ciencias de la Información
•Ciencias de la Comunicación
•Matemáticas
51. @mcielak www.influenciadigital.com.mx
¿Utilidad?
Minimiza errores, aumenta la posibilidad del logro del
producto, facilita el proceso de creación del producto y
satisface al usuario final.
¿Dónde se hace?
Diseño de software (en el caso de este curso).
Aplicaciones para Web, Desktop, Móvil, etc.
Concepto
55. @mcielak www.influenciadigital.com.mx
} Etapas. Responden al tiempo transcurrido
¿cuándo?
} Actividades o tareas. Responden al proceso
¿qué?
} Técnicas. Responden a lo que se hace para
lograr los procesos y tarea ¿cómo?
} Herramientas. Responden a qué se usa para
aplicar las técnicas ¿con qué?
PROCESO
58. @mcielak www.influenciadigital.com.mx
“Haz fácil lo imposible”
§Cómo personas no expertas en usabilidad pueden hacer sus
propias pruebas de usuario internas
§Un día al mes durante el desarrollo:
oDedicar una mañana haciendo
pruebas con tres usuarios
oConseguir que haya observadores:
desarrolladores, jefes, …
oDecidir con observadores
qué problemas son los prioritarios y
qué cambios se van a hacer
antes de la próxima ronda
Haz fácil lo imposible (Anaya) http://www.anayamultimedi a.es/cgigener al/ficha.pl?id_sello_editorial_web=23&codigo_comerci al=2315633#
3/5/16usabilidad - UX - accesibilidad Jordi58
59. @mcielak www.influenciadigital.com.mx
Evaluar está bien;
pero si esperamos demasiado…
http://blogs.mentor.com/johnparry/bl og/2010/07/01/sony-vai o-laptop-in-mass-recall/
3/5/1659 usabilidad - UX - accesibilidad Jordi
60. @mcielak www.influenciadigital.com.mx
¿Qué queremos evitar?
No es lo que necesito
No lo encuentro
No lo entiendo
En realidad …
Está
claro
Usuario (o no)Analista
1. Requisitos 3. Entrega2. Desarrollo
3/5/1660 usabilidad - UX - accesibilidad Jordi
61. @mcielak www.influenciadigital.com.mx
Un paso más allá: DCU
§ Diseño Centrado en el Usuario
o Está orientado a los usuarios
del producto, que participan durante todo el proceso.
o A pesar de denominarse “diseño”, en realidad se aplica durante todas las fases del
desarrollo (planificación, diseño, desarrollo, evaluación), desde lasprimeras etapas.
o Es iterativo.
o Es multidisciplinar.
o Su objetivo es obtener productos usables y satisfactorios para losusuarios.
En busca del Diseño Centrado en el Usuario (DCU) http://www.nosolousabilidad.com/articulos/dcu.htm
3/5/1661 usabilidad - UX - accesibilidad Jordi
66. @mcielak www.influenciadigital.com.mx
El escenario va cambiando…
• Los mítines de campaña aún se
siguen usando con buenos resultados.
• La publicidad política está cada vez
más regulada por su impacto en la
limpieza de la ciudad.
• Partidos políticos cada vez tratan de
67. @mcielak www.influenciadigital.com.mx
Un nuevo medio para hacer lo de siempre
• La manera en
que la gente
comparte
información ha
cambiado y ello
debe ser
aprovechado, no
importa lo que
vendemos.
68. @mcielak www.influenciadigital.com.mx
Ejemplo: La Primavera Árabe (2010-2013)
• Durante las revueltas,
Facebook y Twitter fueron los
principales medios para
movilizar a las masas
• Información en tiempo real, sin
filtros ni censura del gobierno.
69. @mcielak www.influenciadigital.com.mx
El caso Obama: Yes We Can!
• Es el caso por
excelencia de
marketing
político digital.
• Usó todas las
herramientas
digitales para
lograr tres cosas:
71. @mcielak www.influenciadigital.com.mx
¿Y qué deberían hacer los políticos?
• La decisión NO es si usar o no
utilizar plataformas digitales, sino
cuándo hacerlo.
• Internet es la plataforma perfecta
para construir relaciones con las
personas y generar confianza
entre el candidato y los votantes.
• Tienen la maravillosa oportunidad
de escuchar a la gente y saber
qué es lo que quieren….de verdad,
en tiempo real.
73. @mcielak www.influenciadigital.com.mx
Efecto viral de los mensajes
• No hay que pensar en cuantos
votos me va a dar cada uno de
los canales digitales.
• La cantidad de seguidores no
siempre es proporcional a la
cantidad de votantes.
• Los contenidos digitales q se
difunden deben estar
pensados para ser tomados
por la gente o los medios y
compartidos nuevamente para
así lograr efecto bola de nieve.
74. @mcielak www.influenciadigital.com.mx
Comunicación transparente y directa
• En internet no se puede mentir a la
gente. Los perfiles personales
deben ser manejados por los
propios candidatos o indicar quién lo
hace.
• Los medios digitales deben ser un
complemento al contacto personal
físico entre el candidato y los
electores. NO es un reemplazo.
• Las redes sociales obligan a los
políticos a transmitir las ideas de
manera clara y atractiva.
75. @mcielak www.influenciadigital.com.mx
Consejos para un candidato digital
• Los políticos no tienen que ser
expertos digitales pero sí contar con
un equipo que sí conozca las
tecnologías.
• Las nuevas tecnologías no muerden
y no hay que tenerles miedo. Hay
que hacer el esfuerzo de entender
sus verdaderos alcances y
beneficios.
• Internet no es una moda. Es una
nueva realidad cultural y social y los
políticos deben adaptarse a ella.
76. @mcielak www.influenciadigital.com.mx
Consejos para un candidato digital
• No dar un mitin a través de sus
redes. Hay que usar un lenguaje
adecuado para el canal, más
informal y personal.
• Utilizando bien internet se puede
movilizar a la gente mejor y mas
rápido, organizar actividades,
voluntarios, congregar, a menor
costo
• Internet permite segmentar muy
bien a los públicos, y por ende, los
mensajes. Generar bases de datos
por edad, geográfica, sexo para
mandar información adecuada.
77. @mcielak www.influenciadigital.com.mx
Mensajes clave oficiales
•Si nosotros no hablamos en la
red, otros lo van a hacer por
nosotros.
•Es mejor que nuestra versión de
los mensaje este ahí para evitar
falacias o malas interpretaciones
•¿Quién eres?
¿Que representas?
¿Que quieres lograr?
¿Cuáles son tus ideales?
79. @mcielak www.influenciadigital.com.mx
No hay que confiarse ni rendirse
• Hoy en día casi todos los políticos
tienen su hueco en internet pero no
por ello deben creer que solo por
eso van a ganar o se elegidos.
• Abrir una cuenta es muy fácil pero
políticos caen en el error de
abandonar las cuentas y no
nutrirlas de contenido relevante
constantemente….la velocidad de
internet lo exige!
• 57% de los blogs de campaña se
abandonan después de las
elecciones.
80. @mcielak www.influenciadigital.com.mx
Pasos a seguir para desarrollar una campaña online
Construir presencia oficial en cada
canal social y página web
Administración de los medios :
Creación y Difusión de contenidos
Invertir en la profesionalización de la
presencia digital (equipo correcto)
Promover los canales a través de redes
sociales, publicidad digital,
e-mailing segmentado, etc.
Constante monitoreo de
métricas web
81. @mcielak www.influenciadigital.com.mx
Herramientas más usadas en campañas políticas digitales
• Redes Sociales
Permite la viralización de sus
mensajes. Llegar a audiencias que
los medios tradicionales no alcanzan.
Diálogo entre candidato y los
votantes.
• Posicionamiento SEO
Optimizar búsquedas y lograr que la
web y otros canales del partido
tengan buena visibilidad en
buscadores.
82. @mcielak www.influenciadigital.com.mx
• Blogs
Ampliar los mensajes difundidos en
redes sociales como propuestas
políticas y actividades. Conocer la
opinión de la gente, generar debate.
• E-Mailing
Mensajes mejor segmentados y muy
personalizados para una mejor
respuesta.
• Contenidos multimedia
Streaming, videos, fotografía,
podcasting, etc.
Herramientas más usadas en campañas políticas digitales
85. @mcielak www.influenciadigital.com.mx
•
•
PROTO-PERSONAS
Una Persona es una representación o arquetipo de un usuario,
normalmente apagado a la investigación de usuarios reales durante el
proceso de Diseño Centrado en el Usuario.
En Lean UX, se utilizan Proto-Personascuando no existen
recursos para crear verdaderos personajes basados en investigación
de usuarios,sebasan en investigación secundaria y supuestos del
equipo.
86. @mcielak www.influenciadigital.com.mx
CUÁNDO USAR PROTO-PERSONAS
Al inicio del proyecto,cuando se quiera asegurar el alineamientosobre la
audiencia meta entre el cliente y todas las partes interesadas.
Cuando un cliente decida no invertir en investigación de usuarios.
Al hacer Lean UX,Proto-Personas representa la mejor conjetura en
cuanto a quién está utilizando(o va a utilizar) el producto y por qué.Se
comienza con suposiciones y luego se realiza investigación para validar las
hipótesis.
95. @mcielak www.influenciadigital.com.mx
PERSONAS
“Así como los economistas crean modelos para describir el
comportamientode los mercados,hemos encontradoque el uso
de
nuestra investigación para crear modelos descriptivos de los
usuarios es
una herramienta única y poderosa para el diseño de interacción.
Llamamos a estos modelos de usuario Personas”.
About Face:The Essentials of Interaction Design,Alan Cooper
96. @mcielak www.influenciadigital.com.mx
PERSONAS
Son personajes imaginarios,perorepresentativos del
mercado objetivo y deben
tener en cuenta los siguientes puntos:
1. Las“Personas”representan a los usuarios en todo el proceso de
definición,diseñoy desarrollo.
2. Son arquetipos hipotéticos de usuarios reales.
3. A pesar de que son imaginarias,sedefinen con significativo rigor y
precisión.
97. @mcielak www.influenciadigital.com.mx
DISEÑAR PARA UNA SOLA PERSONA
•
Si se desea crear un producto que satisfaga una amplia
audiencia de
usuarios,la lógica sugeriría que sea lo más amplio en
funcionalidad
como sea posible,para dar cabida a la mayor cantidad de
personas.
Esta lógica es errónea.
99. @mcielak www.influenciadigital.com.mx
•
DISEÑAR PARA UNA SOLA PERSONA
Tratar de complacer a los diferentes puntos devista puede matar
a un producto.Al restringir el objetivo de diseño para una sola
persona,nada se interponeentre esa persona y una experiencia
completa,ya que le dará las características suficientespara
resolver sus necesidades concretas.
100. @mcielak www.influenciadigital.com.mx
PROCESO PARA CONSTRUIR PERSONAS
1.
2.
3.
4.
5.
6.
7.
8.
Grupos de entrevistas personales por rol de usuario
Identificar las variables de comportamiento
Mapa de entrevistas por variables de comportamiento
Identificar patrones significativos de comportamiento
Sintetizar las características y definir metas
Revisar para evitar redundanciay afinar integridad
Diseñar tipos de Persona
Descripción de atributos y comportamientos
101. @mcielak www.influenciadigital.com.mx
Grupos de entrevistas personales
por rol de usuario
Identificar las variables
de comportamiento
Mapa de entrevistas
por variables de comportamiento
Identificar patrones
significativos de comportamiento
Sintetizar las características
y definir metas
Revisar para evitar redundancia
y afinar integridad
Diseñar tipos de Persona
Descripción de atributos
y comportamientos
102. @mcielak www.influenciadigital.com.mx
•
•
ESCENARIOS
Un escenario es una descripción narrativa concisa de una o más
personas para alcanzar una meta específica.El escenario es dónde
está el usuario (“la Persona”),realizando una determinada tarea para
cumplir una determinada meta.El escenario es aplicar la narrativa
como herramienta de diseño.
103. @mcielak www.influenciadigital.com.mx
La web 2.0 ha transferido el valor capital de la
marca de la empresa al CLIENTE…
El valor capital de marca se ha vuelto el valor
capital Cliente
105. @mcielak www.influenciadigital.com.mx
Captar la atención es difícil… un usuario de la
web visita en promedio 2,750 paginas al mes
…En Google se realizan casi 11 billones de
búsquedas mensuales (*)
(*) el dato es cuestionable y pueden ser muchas más: no se sabe con exactitud.
107. @mcielak www.influenciadigital.com.mx
50% + de los clientes leen al menos un blog
por mes en Internet…
Se pasa más tiempo en blogs & Internet que en
el email (3 veces más en promedio)
108. @mcielak www.influenciadigital.com.mx
Y es para todos: edad, nivel socio económico,
nivel cultural…
40% de la base de Facebook es 35+ de edad
El NSE que más ha crecido por penetración de
Internet desde 2013 ha sido el D (México)
113. @mcielak www.influenciadigital.com.mx
Generación Y
• Hacen búsquedas en Internet previo a comprar y son altos conocedores de las
tendencias mundiales.
• Son los expertos tecnológicos de sus hogares y generalmente su opinión en
valorada y tomada en cuenta en decisiones familiares.
• Los niños e hijos de esta generación saben lo que quieren y tiene altas
expectativas de ello.
• Ya sea por websites, sms, po-ups, apps u otro medio, la única forma de llegarles
es vía tecnología Web.
114. @mcielak www.influenciadigital.com.mx
Generación Y
• Nuevamente es importante ser popular.
• Tienen presión social fuerte que los sigue en las redes
sociales y dispositivos móviles 24/7.
• Las marcas pierden relevancia y gana relevancia la
integración de las mismas a un concepto social (status,
decir algo, integración, etc)
115. @mcielak www.influenciadigital.com.mx
Generación Y
• Pones tendencia o sigues la tendencia. No existe nada mas.
• Lo que dicen las marcas no importa, importa lo que ellos dicen
de ti.
• Ahora las marcas tienen que ser MUY BUENOS AMIGOS o
AMIGOS COOL de sus clientes para influir.
• El mensaje debe ser honesto, claro y genuino. Las marcas deben
crear Good Will con este segmento. Hoy todo se sabe.
144. @mcielak www.influenciadigital.com.mx
Introducción- ¿Qué es el Marketing en Buscadores?
• Son las acciones y herramientas de publicidad online que permiten a los
anunciantes comunicarse con los usuarios en el momento preciso que buscan
información
§ El 88% de los usuarios de Internet utilizan los buscadores como
herramienta de búsqueda de información
§ 5 de cada 10 personas que consultan a través de Internet información
sobre productos/servicios terminan realizando la compra de los mismos.
§ En las dos primeras páginas de los resultados de búsqueda, se resuelven el
71% de las búsquedas
145. @mcielak www.influenciadigital.com.mx
Introducción- ¿Qué es el Marketing en Buscadores?
• Posicionamiento Orgánico (SEO)
Search Engine Optimization
§ SEO -> Posicionamiento dentro de los resultados naturales del buscador. Gratuito
§ SEM -> Contratación de enlaces de texto en buscadores. Pago por click.
§ Enlaces Patrocinados (SEM)
Search Engine Marketing
147. @mcielak www.influenciadigital.com.mx
Introducción- ¿SEO o SEM?
Antes: Ejemplo de los resultados de una herramienta de Eye-Tracking
§ Triángulo Dorado, lo conforman
las cuatro primeras posiciones de
los resultados orgánicos
Tasa de Visibilidad SEO
§ 1ª - 100%
§ 2ª - 100%
§ 3ª - 100%
§ 4ª - 85%
§ 5ª - 60%
§ 6ª - 50%
§ 7ª - 50%
§ 8ª - 30%
§ 9ª - 30%
§ 10ª -20%
148. @mcielak www.influenciadigital.com.mx
Introducción- ¿SEO o SEM?
Ahora: Los resultados de una herramienta de Eye-Tracking son iguales
§ Resultados Naturales
§ Bajan de posición
Tasa de Visibilidad
§ 1ª - 100% -> SEM
§ 2ª - 100% -> SEM
§ 3ª - 100% -> SEM
§ 4ª - 85% -> Google Local Business
§ 5ª - 60% -> Google Local Business
§ 6ª - 50% -> Google Local Business
§ 7ª - 50% -> Google Local Business
§ 8ª - 30% -> Google Local Business
§ 9ª - 30% -> Google Local Business
§ 10ª - 20% -> Google Local Business
§ 11ª - 10% -> SEO
150. @mcielak www.influenciadigital.com.mx
Introducción- ¿SEO o SEM?
Cada día las búsquedas son más concretas –> Long Tail
Tasa de Visibilidad
§ 1ª - 100% -> Google Local Business
§ 2ª - 100% -> Google Local Business
§ 3ª - 100% -> Google Local Business
§ 4ª - 85% -> SEO
§ 5ª - 60% -> SEO
§ 6ª - 50% -> SEO
§ 7ª - 50% -> SEO
§ 8ª - 30% -> SEO
§ 9ª - 30% -> SEO
§ 10ª - 20% -> SEO
§ 11ª - 10% -> SEO
152. @mcielak www.influenciadigital.com.mx
Introducción– Fases de un ProyectoSEO
1º Selección de palabras clave
¿Cuáles nos interesan?
• Palabras con poca competencia pero descriptivas
• Palabras que generan tráfico
¿Cómo podemos hacerlo?
• http://www.google.com/trends
154. @mcielak www.influenciadigital.com.mx
Introducción– Fases de un ProyectoSEO
2º Selección de buscadores y directorios
¿Cuáles nos interesan?
• Si vamos a Mexico -> Google (cuota de mercado del94%)
• Buscar directorios relacionados con nuestra temática
¿Cómo podemos hacerlo?
• Realizar búsquedas en Google -> Ej: “Directorios hoteles”
155. @mcielak www.influenciadigital.com.mx
Introducción– Fases de un ProyectoSEO
3º Aplicación de técnicas de posicionamiento
¿Cuáles son?
• On Page
• Off Page
¿Cómo podemos hacerlo?
• Hacerlo nosotros mismos
• Contratar un SEO
• Externalizarloa una empresa profesional
156. @mcielak www.influenciadigital.com.mx
Introducción– Fases de un ProyectoSEO
4º Seguimiento de Resultados
¿Qué medimos?
• Posición de las palabras clave
• Incremento de tráfico SEO en la web
¿Cómo podemos hacerlo?
• Google Analytics
• Conversiones del tráfico SEO
159. @mcielak www.influenciadigital.com.mx
Introducción– Elementos a Optimizar
Accesibilidad
§ Indexación de
contenidos
§ Arquitectura
Web
Optimización
§ Etiquetas META
§ Contenidos
Popularidad
§ Presencia en
Redes Sociales
§ Generación de
enlaces externos
Otros elementos
§ Imágenes
§ Vídeos
§ Archivos PDF
161. @mcielak www.influenciadigital.com.mx
Accesibilidad SEO – Indexación
• Un website es accesible para buscadores cuando los robots de los motores de búsqueda pueden
indexar fácilmente la estructura de URLs de dicho website, quedando las diferentes páginas del
site incluidas en los índices y listados de los buscadores y existiendo una compatibilidad de
dichas páginas con buscadores.
§ Con una buena accesibilidad web conseguiremos una mejora en la indexación de las
páginas de la web y por lo tanto en la capacidad de un mejor posicionamiento.
§ A mayor número de páginas indexadas por el buscador, mayor visibilidad y por lo tanto
mayor posibilidad de generar más trafico web
162. @mcielak www.influenciadigital.com.mx
Accesibilidad SEO – Arquitectura Web
• Una mala arquitectura web limita la
indexación
• Uso de enlaces de texto frente a sistemas
como javascript
• Estructuras en cascada jerarquizadas
§ URL´s dinámicas (Ej: http://www.ruraliberica.com/info/index.asp?Id=4532)
Que no usar:
§ Enlaces en JAVA, Javascript o Flash
§ Frames / iFrames
163. @mcielak www.influenciadigital.com.mx
Accesibilidad SEO – Arquitectura Web
Que debemos usar:
§ Utilizar menús de migas” (breadcrumbs)
§ Sistemas de navegación ordenados y categorizados
§ Uso de “Anchor Text” en los enlaces
§ Etiquetas “Alt” en las imágenes
§ Situar los contenidos más importantes a la menor distancia posible en clicks de la Home
§ Hacer uso de redirecciones permanentes 301 en caso de cambio de web
164. @mcielak www.influenciadigital.com.mx
Accesibilidad SEO – Arquitectura Web
Herramientas:
§ Herramientas de Google paraWebmasters
¿Para que nos sirve?
§ Nos dará información relevante sobre nuestra web
§ Nos detectará problemas de indexación, análisis de enlaces, rastreo….
§ Podremos gestionar el Sitemap
167. @mcielak www.influenciadigital.com.mx
Optimización SEO – EtiquetasHTML
• Las etiquetas META se ubican en la cabecera de la página
§ Etiqueta “Title” -> define el título de la página. No debe superar los 65 caracteres de extensión.
<title>Su titulo aquí</title>
§ Etiqueta “Meta Keywords” -> Incluye las palabras clave relacionadas de la página. No debe superar las 20 palabras clave
<meta name=“keywords” content=“palabra clave1, palabra clave2 ….. Palabras clave20”>
§ Etiqueta “Meta Description” -> Incluye un texto descriptivo del contenido de la página y no debe superar las 25 palabras
<meta name=“description” content=“texto descriptivo”>
§ Etiquetas de enlace “href”: se usan para enlazar otras páginas tanto internas como externas, y debe tenerse en cuenta el texto del enlace (“Anchor Text”) y el nombre del
fichero destino.
§ Etiquetas de enlace “alt”: se usan para describir una imagen y son visibles cuando situas el ratón sobre la imagen o cuando la misma no se carga.
§ Etiquetas de encabezados “H”: Definen el tamaño y formato de un encabezado.
169. @mcielak www.influenciadigital.com.mx
Optimización SEO – Contenidos
• Redactar contenidos para Internet no es lo mismoque redactar contenidos para papel.
§ En Internet no se lee, se escanea
§ El usuario no tiene paciencia, las estadísticas
dicen que un usuario tarda entre 4 y 6 segundos
en decidir si la página le interesa
§ La escritura en Internet debe cumplir:
§ Ser CLARA -> comprensible en una primera
lectura
§ Ser SENCILLA -> sin elementos superfluos
§ Ser CONCRETA -> directa y sin “irse por las ramas”
170. @mcielak www.influenciadigital.com.mx
Optimización SEO – Contenidos
Recomendacionesgenerales
§ Los bloques de contenido no deben tener más de 100 palabras
§ En cada línea no debe haber más de 12 palabras
§ Cada oración no debe tener más de 35 palabras
§ No utilizar textoa dos columnas
Otras recomendaciones
§ Tamaño de la tipografía recomendado 12 px en texto y 22px en titulares
§ Usar tipografías estándar
§ No escribir permanentemente en mayúsculas
173. @mcielak www.influenciadigital.com.mx
Optimización SEO – Otros ElementosWeb
Optimización de Imágenes
§ Contenido que rodea a la imagen: el texto que rodea a la imagen define su contexto y por
lo tanto se clasifica en función de ello.
§ Nombre del archivo de la imagen: debe nombrarse con las palabras clave que
la definan.
§ Etiqueta ALT: es una descripción corta y relevante de la imagen.
174. @mcielak www.influenciadigital.com.mx
Optimización SEO – Otros ElementosWeb
Optimización de Videos
§ Utilizar una página exclusiva para el video: Cada video debe tener su propia URL para
poderlos posicionar por separado.
§ Título, descripción y etiquetas: El video es un contenido más por lo que debe tener su
propio título, texto descriptivo y etiquetas relacionadas.
§ Etiqueta Meta: Si contamos con una URL exclusiva para el video podremos insertar las
etiquetas META “Title”, “Description” y “Keywords”
175. @mcielak www.influenciadigital.com.mx
Optimización SEO – Otros ElementosWeb
Optimización de PDF
§ Nueva fuente de tráfico: una optimización correcta de un PDF puede posicionarlo dentro de los
buscadores y generar tráfico adicional mediante de la descarga de dicho contenido.
§ Etiqueta Meta: Los PDF, al estilo de las webs, permiten configurar sus propios Metadatos:
Título, Autor, Asunto (descripción) y Palabras Clave.
Los buscadores además de indexar páginas web en HTML, también indexan PDF
177. @mcielak www.influenciadigital.com.mx
Optimización SEO – Redes Sociales y Popularidad
Redes Sociales
§ Fuente de consecución de enlaces entrantes
§ Google dentro de su nuevo “Google Real Time” muestra contenido de Redes Sociales a
tiempo real
178. @mcielak www.influenciadigital.com.mx
Optimización SEO – Redes Sociales y Popularidad
Popularidad
§ La generación de enlaces externos es la principal y más importante estrategia SEO
§ Los enlaces de calidad nos ayudan a mejorar el Page Rank
¿Cómo conseguir enlaces entrantes de calidad?
§ Directorios temático relacionados con nuestro sector
§ Intercambio de enlaces
§ Generación de contenido de calidad
§ Distribución de notas de prensa
180. @mcielak www.influenciadigital.com.mx
Optimización SEO – Redes Sociales y Popularidad
¿De dónde deben venir los enlaces?
§ Sitios web con altos niveles de popularidad (altos pagerank)
§ Sitios web cuyos enlaces no tenganel atributo NoFollow
§ Sitios web con muchas visitas
§ Sitios web de temática similar
184. @mcielak www.influenciadigital.com.mx
Hotel Agumar – Ejemplos Reales de SEO
§ Keywords muy repetitivas y poco naturales
§ Etiqueta “Title” demasiado larga y sin sentido
§ Etiqueta “Title” repetida
§ Etiqueta “Description” incluye texto sin sentido
185. @mcielak www.influenciadigital.com.mx
Hoteles Petit Palace Art Gallery – Ejemplos Reales de SEO
§ Etiqueta “Keywords” vacía
§ Etiqueta “Description” no existe
§ Etiqueta “Title” mal definida para buscadores
186. @mcielak www.influenciadigital.com.mx
Hotel EurostarsGrand Central – Ejemplos Reales de SEO
§ Etiqueta “Keywords” correcta (añadir hoteles munich”)
§ Etiqueta “Description” es mejorable, debe centrarse más en las keywords principales
§ Etiqueta “Title” correcta (quitar “Web oficial”)
187. @mcielak www.influenciadigital.com.mx
High Tech Hoteles – Ejemplos Reales de SEO
§ No existe una estructura/arquitectura web clara
§ No tiene ninguna etiqueta META
§ Las URL´s no son amigables
189. @mcielak www.influenciadigital.com.mx
Tech Enquiry
Partner Support
eCommerce
Landing Page
Search
Awareness Consideration Purchase Service Loyalty
PR
Radio - Television - Print - Outdoor
Word of Mouth
Blog
Direct Mail
Store
Call Center
IM/Chat
Call Center
Invoice
Blog
Newsletter
Order Entry
Application Partner Web
Banner Ad
Viral eMail
Online ads
eMail
Online
Customer cycle
Social Media
Offline