Professional Documents
Culture Documents
[1]
[1]
[2]
1
Twittea este evento con la hashtag #eventosiebs
[3]
[3]
[4]
El 25% de los usuarios de smartphone ha comprado un producto o servicio (sin incluir apps). Qu inhibidores hay para que un 75% an no haya comprado?
- Los anuncios mviles se ven - Los anuncios mviles se clickan - Los usuarios de smartphone toman decisiones de las bsquedas hechas en los mismos - Los usuarios de smartphones compran en su smartphone o Tablet
2
Twittea este evento con la hashtag #eventosiebs
[12]
[12]
Social
Gamificacin Merchant Apps Tiendas tradicionales Bsqueda mvil Facebook, G+, Google Local, Google Maps, Foursquare Contenidos optimizados
Leads
Local
Mobile
SoLoMo es una capa que cubre, a la vez, el aspecto Social, Local y Mvil
SEO Mvil hace referencia a las tcnicas y tecnologa usada para optimizar nuestra pgina web en un mvil
Twittea este evento con la hashtag #eventosiebs
[13]
[13]
Matt Cutts
[14]
[15]
Distinta URL
Distinto HTML
[16]
Carga y navegacin ms rpida Poder usar el Mrketing de contexto Puedes adaptar tu contenido al formato mvil A C/P es lo ms fcil y econmico Lo recomiendan los gurs del SEO
DESVENTAJAS
VENTAJAS
Doble trabajo. Dos sites a mantener (impacto econmico a L/P) Mucha ms carga SEO (y tcnica). Fcil cometer errores Suelen convertirse en versiones minis de la web principal A la mayora de los usuarios no les gusta, y a Larry Page menos
[17]
Misma URL
Mismo HTML
[18]
Recomendado por Google Un proyecto SEO para governarlos a todos A medio plazo, es ms econmico La opcin preferida por los usuarios.
DESVENTAJAS
VENTAJAS
Costes iniciales mayores Probablemente, hay que hacer los sites de cero No se aprovecha el contexto No puedes posicionar bsquedas mviles En general, sitios ms pesados de cargar
[19]
Misma URL
[20]
Web adaptada al dispositivo sin perder ni una URL ni contenido Se puede hacer uso del contexto Mostrar u ocultar contenido segn convenga Se personaliza un poco ms la experiencia al usuario mvil
DESVENTAJAS
VENTAJAS
Ms configuracin tcnica por el desarrollador (ejemplo) Trabajo ms pesado y de mayor tiempo para el desarrollador y para los responsables comerciales Al final, es un estndar que no se est usando Una mala configuracin podra penalizar nuestra web por cloaking
[21]
Misma URL, mismo HTM Usa vistas pre-cargadas y definidas segn el tamao de pantalla
[22]
Una variante del Responsive Design. Muchos lo consideran como tal Una forma ms econmica de desarrollar en Responsive Mismas ventajas que el Responsive
DESVENTAJAS
VENTAJAS
Las mismas que el Responsive Design Es muy difcil crear vistas para todos los dispositivos Cada ao salen distintas resoluciones de pantalla Puedes ocasionar mala imagen o impresin de no tener un site optimizado a mviles
[23]
[24]
[25]
Smart forms Destacar elementos Disear de un modo ms ergonmico. Evitar la teora de los Dedos Gordos
[26]
DESVENTAJAS
VENTAJAS
Tecnologa poco testeada Muy nueva, en su infancia Puede despistar a tu usuario. No es la opcin ms simple Mucho ms costosa que el resto
[27]
- .mobi hace referencia a los estndares y buenas prcticas a seguir para desarrollar webs para mviles antiguos (featured phones o telfonos tradicionales para los que se vala el protocolo WAP) - Hoy en da no recomiendo ni tenerlo en cuenta. Quien posea un telfono de ese tipo no navegar por Internet
Twittea este evento con la hashtag #eventosiebs
[28]
[28]
3
Twittea este evento con la hashtag #eventosiebs
[29]
[29]
Configurar Robots.txt Sitemap.xml Etiquetas Switchboard Malas prcticas y errores comunes a evitar
[30]
El site dedicado estar en otra carpeta del servidor con su robots.txt Dos opciones
Opcin 1 User Agent:* Disallow:/ Opcin 2 User Agent:* Disallow: (estndar)
Etiquetas Switchboard
Twittea este evento con la hashtag #eventosiebs
[31]
[31]
<?xml version=1.0 encoding=UTF-8?> <urlset xmlns=http://www.sitemaps.org/schemas/sitemap/0.9 xmlns:xhtml=http://www.w3.org/1999/xhtml> <url> <loc>http://www.example.com/page-1/</loc> <xhtml:link rel=alternate media=only screen and (max-width: 640px) href=http://m.example.com/page-1/> </url> </urlset> Tambin debers configurar la cannica en cada pgina mvil
Twittea este evento con la hashtag #eventosiebs
[33]
<?xml version=1.0 encoding=UTF-8 ?> <urlset xmlns=http://www.sitemaps.org/schemas/sitemap/0.9 xmlns:mobile=http://www.google.com/schemas/sitemap-mobile/1.0> <url> <loc>http://movil.example.com/articulo100.html</loc> <mobile:mobile/> </url> </urlset>
[34]
m.misitio.com
[35]
[36]
1 2
3 4 5
6 7
8 9
Aprovecha enlaces internos Una URL nica para dominarlos a todos Experiencia visual ms atractiva No hay contenido duplicado propio de desarrollo mvil
[37]
Tusenfryd, Noruega
[38]
Bobbejaanland, Blgica
[39]
BonBon-Land, Dinamarca
[40]
Has de usar la cabecera Vary HTTP a nivel de servidor para comunicar a Google que el contenido puede cambiar y ser diferente en funcin del user-agent que acceda a la pgina.
Se usa esta cabecera como aviso de rastreo de la araa de Googlebot-Mobile Avisa a los servidores que cachean los contenidos en los ISP que deben considerar esta variable (la cabecera del tipo de usuario user agent) para servir el contenido segn cach o no. Sin esta cabecera, el servidor donde se ha cacheado el contenido podra servir un contenido para mvil cuando debera estar sirviendo el contenido para desktop. Ayuda al robot de Google a descubrir el contenido mvil ms rpido, ya que una cabecera Vary HTTP vlida es una de las seales claras para indicar a Google que la URL sirve contenido optimizado para mviles
Ejemplo
https://developers.google.com/webmasters/smartphone-sites/details
[41]
4
Twittea este evento con la hashtag #eventosiebs
[42]
[42]
[43]
[44]
Tipo de site Intensivo en contenidos y actualizacin (noticias, blogs) E-commerce Objetivoobtencin de leads Informativos, Landing Pages, CTA Mobile first, usando Marketing de contexto y SoLoMo
[45]
[46]
[47]
[48]
[49]
Adidas tiene una web dedicada y hecha para mviles, con un efecto prcticamente Responsive en su versin iPhone y Android. Mete componentes de servidor. Segn la resolucin de pantalla del dispositivo, entrega una versin ms avanzada del site mvil, o sirve una versin ms friendly para la resolucin del mvil La diferencia con su web normal es el peso y resolucin de sus imgenes
Twittea este evento con la hashtag #eventosiebs
[50]
[50]
Gracias!
[51]