PDF de programación - UX = SEO La usabilidad mejora tu posicionamiento

UX = SEO

La usabilidad mejora tu posicionamiento

Manu Medina
@medinamanu
13 Mayo 2015

UX

SEO

¿Por qué a Google le
gusta la usabilidad?

Primer mandamiento de Google

“Piensa en el
usuario y lo demás
vendrá solo”

Las recetas para el posicionamiento

Las recetas para el posicionamiento

Más de 200 parámetros …

¡La usabilidad
está presente!

Contenido

Accesibilidad

Velocidad

Mobile friendly

Otros parámetros
Linkbuilding, Branding, Antigüedad del dominio, Localización del hosting, Tipo de
dominio…

Contenido

Contenido

Keywords

Keyword en mi: title, meta description y url amigable

Contenido

Keywords

Así lo ve Google

Chrome View cached

Contenido

Sinónimos

Planificador de palabras claves

Contenido

Imágenes

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

Accesibilidad

Compatibilidad

-

-

- 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

Google Pagespeed

La velocidad

Optimizar imágenes

Principalmente:

-Carruseles

-Parallax

….



Herramientas:

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

Mobile Friendly

¿Qué es mobile friendly?

El contenido de tu web está
disponible , es legible y usable en
dispositivos móviles

Navegación
con un dedo

pinching
zooming

Mobile Friendly

Google Mobilegeddon

- Actualización algoritmo a nivel global

- Afecta sólo a posicionamiento mobile

- Afecta al SEO y SEM


Google Webmaster Mobile Friendy

Mobile Friendly

Dedo índice

Dedo pulgar

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

Cuidado con estos contenidos….

En el futuro… ¿Seguirán juntos?

Muchas gracias