UX y SEO: Como posicionar tu web con técnicas de usabilidad
29
UX SEO UX = SEO La usabilidad mejora tu posicionamiento Manu Medina @medinamanu 13 Mayo 2015
Transcript of UX y SEO: Como posicionar tu web con técnicas de usabilidad
UX SEO
UX = SEO La usabilidad mejora tu posicionamiento
Manu Medina
@medinamanu
13 Mayo 2015
¿Por qué a Google le
gusta la usabilidad?
“Piensa en el
usuario y lo demás
vendrá solo”
Primer mandamiento de Google
Las recetas para el posicionamiento
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
Contenido
Contenido
Keywords
Keyword en mi: title, meta description y url amigable
Contenido
Keywords
Chrome View cached
Así lo ve Google
Contenido
Sinónimos
Planificador de palabras claves
Imágenes
Contenido
Posicionar: disfraz de chulapo
Keywords en:
-Nombre de imagen
-Alt
- Title
- Resto de sitios (title, h1, breadcrumb…)
Contenido
Arquitectura de la información
HOME
HOME
SUBPAGINA SUBPAGINA
SUBPAGINA SUBPAGINA SUBPAGINA
SUBPAGINA
SUBPAGINA SUBPAGINA SUBPAGINA SUBPAGINA SUBPAGINA SUBPAGINA
SUBPAGINA SUBPAGINA SUBPAGINA
Contenido
Contenido
Accesibilidad
Compatibilidad
Accesibilidad
- - Todos los navegadores
- - Todos los dispositivos
¿Interesa?
Accesibilidad
Buena estructura HTML 5
Accesibilidad
Microformatos
Mostrar en los resultados de búsqueda:
- Productos: Precios, valoraciones…
- Eventos: Fechas, precios
- Breadcrumbs
- Recetas
- Vídeos
- Artículos/Post
- Software Apps
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>
La velocidad
La velocidad
Optimizar imágenes
Herramientas:
Principalmente:
-Carruseles
-Parallax
….
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
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
Mobile Friendly
¿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
- 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
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 pulgar Dedo índice
Cuidado con estos contenidos….
Mobile Friendly
En el futuro… ¿Seguirán juntos?
Muchas gracias
