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

1. UX SEO
UX = SEO
La usabilidad mejora tu posicionamiento
Manu Medina
@medinamanu
13 Mayo 2015

2. ¿Por qué a Google le
gusta la usabilidad?

3. “Piensa en el
usuario y lo demás
vendrá solo”
Primer mandamiento de Google

4. Las recetas para el posicionamiento

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. Contenido

7. Contenido
Keywords
Keyword en mi: title, meta description y url amigable

8. Contenido
Keywords
Chrome View cached
Así lo ve Google

9. Contenido
Sinónimos
Planificador de palabras claves

10. Imágenes
Contenido
Posicionar: disfraz de chulapo
Keywords en:
-Nombre de imagen
-Alt
- Title
- Resto de sitios (title, h1, breadcrumb…)

11. Contenido
Arquitectura de la información
HOME
HOME
SUBPAGINA SUBPAGINA
SUBPAGINA SUBPAGINA SUBPAGINA
SUBPAGINA
SUBPAGINA SUBPAGINA SUBPAGINA SUBPAGINA SUBPAGINA SUBPAGINA
SUBPAGINASUBPAGINASUBPAGINA

12. Contenido

13. Contenido

14. Accesibilidad

15. Compatibilidad
Accesibilidad
- - Todos los navegadores
- - Todos los dispositivos
¿Interesa?

16. Accesibilidad
Buena estructura HTML 5

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. 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. La velocidad

20. La velocidad
Google Pagespeed

21. La velocidad
Optimizar imágenes
Herramientas:
Principalmente:
-Carruseles
-Parallax
….

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. 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. Mobile Friendly

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. - 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. 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. Cuidado con estos contenidos….
Mobile Friendly

29. En el futuro… ¿Seguirán juntos?
Muchas gracias