Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

UX y SEO: Como posicionar tu web con técnicas de usabilidad

3.677 visualizaciones

Publicado el

Pequeño resumen de la charla de UXAcademy sobre como usar técnicas de usabilidad para mejorar tu posicionamiento y viceversa

Publicado en: Diseño
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

UX y SEO: Como posicionar tu web con técnicas de usabilidad

  1. 1. UX SEO UX = SEO La usabilidad mejora tu posicionamiento Manu Medina @medinamanu 13 Mayo 2015
  2. 2. ¿Por qué a Google le gusta la usabilidad?
  3. 3. “Piensa en el usuario y lo demás vendrá solo” Primer mandamiento de Google
  4. 4. Las recetas para el posicionamiento
  5. 5. Contenido ¡La usabilidad está presente! Las recetas para el posicionamiento Más de 200 parámetros … Otros parámetros Linkbuilding, Branding, Antigüedad del dominio, Localización del hosting, Tipo de dominio… Accesibilidad Velocidad Mobile friendly
  6. 6. Contenido
  7. 7. Contenido Keywords Keyword en mi: title, meta description y url amigable
  8. 8. Contenido Keywords Chrome View cached Así lo ve Google
  9. 9. Contenido Sinónimos Planificador de palabras claves
  10. 10. Imágenes Contenido Posicionar: disfraz de chulapo Keywords en: -Nombre de imagen -Alt - Title - Resto de sitios (title, h1, breadcrumb…)
  11. 11. Contenido Arquitectura de la información HOME HOME SUBPAGINA SUBPAGINA SUBPAGINA SUBPAGINA SUBPAGINA SUBPAGINA SUBPAGINA SUBPAGINA SUBPAGINA SUBPAGINA SUBPAGINA SUBPAGINA SUBPAGINASUBPAGINASUBPAGINA
  12. 12. Contenido
  13. 13. Contenido
  14. 14. Accesibilidad
  15. 15. Compatibilidad Accesibilidad - - Todos los navegadores - - Todos los dispositivos ¿Interesa?
  16. 16. Accesibilidad Buena estructura HTML 5
  17. 17. Accesibilidad Microformatos Mostrar en los resultados de búsqueda: - Productos: Precios, valoraciones… - Eventos: Fechas, precios - Breadcrumbs - Recetas - Vídeos - Artículos/Post - Software Apps
  18. 18. Accesibilidad Knowledge Graph Introducir este código en nuestra web: <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "url": "http://www.example.com", "logo": "http://www.example.com/images/logo.png" } </script>
  19. 19. La velocidad
  20. 20. La velocidad Google Pagespeed
  21. 21. La velocidad Optimizar imágenes Herramientas: Principalmente: -Carruseles -Parallax ….
  22. 22. La velocidad Técnicas de caché # Con especificamos cache <IfModule mod_expires.c> ExpiresActive On ExpiresDefault "access plus 10 days" ExpiresByType text/css "access plus 1 week" ExpiresByType text/plain "access plus 1 week" ExpiresByType image/gif "access plus 1 month" ExpiresByType image/png "access plus 1 month" ExpiresByType image/jpeg "access plus 1 month" ExpiresByType image/x-icon "access plus 3 months" ExpiresByType application/x-javascript "access plus 1 month" ExpiresByType application/javascript "access plus 1 week" ExpiresByType text/javascript "access plus 1 week" ExpiresByType application/x-icon "access plus 3 months" </IfModule> # FIN
  23. 23. La velocidad Habilitar compresión de ficheros AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml
  24. 24. Mobile Friendly
  25. 25. ¿Qué es mobile friendly? Mobile Friendly El contenido de tu web está disponible , es legible y usable en dispositivos móviles pinching zooming Navegación con un dedo
  26. 26. - Actualización algoritmo a nivel global - Afecta sólo a posicionamiento mobile - Afecta al SEO y SEM Mobile Friendly Google Mobilegeddon Google Webmaster Mobile Friendy
  27. 27. Apple, Microsoft y Android dicen Elementos más importantes de navegación: Mínimo de acho o alto de 48px - 7mm Si son menos de 7mm tienen que tener una margen de seguridad Mobile Friendly Dedo pulgarDedo índice
  28. 28. Cuidado con estos contenidos…. Mobile Friendly
  29. 29. En el futuro… ¿Seguirán juntos? Muchas gracias

×