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

Post on 26-Jul-2015

314 views 0 download

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

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

Google Pagespeed

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