Arquitectura de Información y Findability
Cómo crear sites para usuarios y buscadores
Presentación
3 puntos imprescindibles
1Co-funder:
Inversor&SEO:
soysuper.com quieru.com lookiwasthere.com lemariage.com
Daniel Pinillos - @seovision
SEO & CRO
¿Qué es la Arquitectura de información?
El proceso de AI + SEO
Testing SEO & AI
Introducción
3 puntos imprescindibles
1
1
2
3
4
SEO & CRO
1
3 puntos imprescindibles
Me gusta más hablar de experiencias que de
hipótesis, patentes y factores seo pero lo veo así:
Prioridad SEO en 2016
1º Links
2º Arquitectura de información y Accesibilidad
3º Sites útiles (ux, ctr, reviews QR …)
4º Contenidos (útiles, únicos, freshness …)
5º Semántica y SEO onsite
Para reflexionar sobre factores seo pulse aquí
SEO en 2016
¿Por qué hablamos tanto todos los SEO sin saber IR?
Focalizate en un buen método, en lo que está a tu
alcance en lo que puedes controlar. El 20% de las
acciones que te den el 80% de los resultados.
Áreas SEO
LinksContent
AI/CRO
Patentes
Testing IR &
Algorithms
Usuario
Fácil Difícil
Tenemos que hacer sites:
Útiles para usuarios y no solo relevantes
+
¿Para qué hacemos SEO y CRO?
Sites que cubran el customer journey
Landings informativas
Landings transaccionales
Landings experiencialesAI
¿Para qué hacemos SEO y CRO?
Arquitectura de información
2
¿Qué es la Arquitectura de información?
“La combinación de esquemas de
organización, representación y
navegación dentro de un sistema
de información.”
Louis Rosenfeld y Peter Morville.
AI
¿Qué es la Arquitectura de información?
“La arquitectura de información (AI)
se ocupa del diseño estructural de los
sistemas de información, su problema
central es la organización, recuperación
y presentación de información mediante
el diseño de ambientes intuitivos”
Ricardo Baeza-Yates, Cuauhtémoc Rivera Loaiza,
Javier Velasco Martín
AI
¿Qué es la Arquitectura de información?
“Diseño estructural del
espacio informacional
para facilitar el acceso intuitivo
a los contenidos.”
Jesse James Garret
AI
¿Qué es la Arquitectura de información?
“Es estructurar información haciendo que
los usuarios la encuentren intuitivamente
y dar a los bots lo que queremos indexar”
Daniel Pinillos Carrasco
AI
“Todos se olvidan de los Bots”
¿Qué es Findability?
Es encontrar fácilmente el contenido o funcionalidad
en una web, pero también es que los buscadores la
encuentren.
https://en.wikipedia.org/wiki/Findability
Encontrarse con nuevos contenidos o funcionalidades que
no estaban al tanto de ellos antes.
(JENNIFER CARDELLO Nielsen)
¿Qué es Discoverability?
AI: Findability
En AI se trabaja:
• Sistemas de organización
Inventarios, urls, estructuras, clasificación, mindmaps
• Sistemas de etiquetado
Urls, anchoring, Titulares, Metas
• Sistemas de navegación
Links, Menús, módulos de links, Sidebars…
• Sistemas de búsqueda
AI
En AI & SEO se añade:
• Research (Usuario y mercado)
Personas, urls, top landings, link structure, backlinks
• Keyword Research + SEO
Intenciones, kw, patrones, titulares, competencia
• Estrategía de contenidos
Landings, html/onsite, topics, contenidos, copys
• Estructura SEO optimized
Árbol, mapas crawleo/indexación, sitemaps,
AI
El proceso de AI
3
3 puntos imprescindibles
¿Qué documentación vamos a obtener?
AI
User Research S. Organización S. Navegación S. Etiquetado
Personajes Árbol web* Menús,
submenús*
URLs*
Kw Research Inventario URLs Breadcrumbs /
migas*
Anchor links*
Patrones de
búsqueda /
Intents
Taxonomys Sidebars,
Footers*
Nombres sección
Tareas de usuario Topic list Paginaciones y
Ordenaciones*
Tags
Crosslinks, Links
SEO*
Metas
User research básico
1º - Recoger datos cualitativos de quien es nuestro cliente comprador.
Mediante encuestas, CRM, comerciales, Atención cliente,
2º - Keyword Research.
Intenciones, kw, volumen, competencia, tipo de búsqueda, landings
3º Sacar un primer mapa de contenidos y estructura en base a Search
4º Modelar un personaje principal. El buyer persona
Resultado:
• Sabremos cómo es nuestro personaje principal
• Tendremos el árbol de contenidos mínimo
• Sabremos que busca o necesita esa persona/cliente potencial
• Definiremos objetivos y tareas de usuario mínimas
AI: User Research
Resultado del Research
AI: User Research
+ + Tasks &
Objetivos
Personas 1º Árbol web Tareas de usuario
Inventario de AI para migración. El proceso
1º Urls del site (Screaming + GA + Logs…)
2º Top landings seo -> Redireccionar primero esas
3º Definir nuevas urls -> Sistemas de labeling (Excel con urls)
4º Definir menús de navegación mobile y Desktop.
5º Hacer las redirecciones necesarias (lista y regex)
6º Sacar todos los broken links y corregirlos
AI: Sistemas de organización
Mindmaps, diagramas
AI: Sistemas de organización
http://answerthepublic.com/
Diagrama de árbol
AI: Sistemas de organización
Home
Categorias
Subcategorias
Filtros
Fichas
Inventario de urls
AI: Sistemas de organización
Sistemas de navegación AI & SEO
AI: Sistemas de navegación
1. Menús principales
2. Submenús
3. Sidebars
4. Footers
5. Migas
6. Paginaciones
7. Ordenaciones
8. Crosslinking y módulos de links
Menús principales
AI: Sistemas de navegación
• Accesible • Consistente • Indexable • Arriba en el layout • Alts SEO
Submenús
AI: Sistemas de navegación
• Accesible • Consistente • Indexable • Arriba en el layout • Alts SEO
Facetas o Filtros
AI: Sistemas de navegación
• Accesible • Usable • Informativa • Indexable o no según reglas
Links ofuscados
(js + disallow + noindex)
Links accesibles
(anchoring)
Sidebars
AI: Sistemas de navegación
• Accesible • User centered • Algunos ofuscados • Anchoring
Footers & Prefooters
AI: Sistemas de navegación
• Accesible • Anchoring • Útiles • Indexables • Sin nofollow
Migas o Breadcrumbs
AI: Sistemas de navegación
• Accesible • Usable • Informativa • Indexables • No link en última
Paginaciones
AI: Sistemas de navegación
• Accesible • Usable • Informativa • Rastreables • Index min a 3ª
Si haces scroll infinito que sea accesible sin js
OK
NO SEO
Ordenaciones
AI: Sistemas de navegación
• No Accesible • Usables • Informativa • No Rastreables • js • No url?
Sistemas de Etiquetado
AI: Sistemas de Etiquetado
Plantilla Url
Home Deportes.com
Categoria Deportes.com/zapatillas
Subcategoria Dominio.com/botas-futbol
Filtros Dominio.com/botas-futbol/f_hierva,negras
Ficha Dominio.com/p/bota-adidas-X-16-SG-183822
Paginaciones Dominio.com/botas-futbol/p-2
Ordenaciones Dominio.com/botas-futbol/f_negras/o_baratas
Sistemas de Etiquetado
AI: Sistemas de Etiquetado
Robots.txt Url
Index Deportes.com
Index Deportes.com/zapatillas
Index Dominio.com/botas-futbol
Noindex, disallow Dominio.com/botas-futbol/f_hierva,negras
Index Dominio.com/p/bota-adidas-X-16-SG-183822
Index Dominio.com/botas-futbol/p-2
Noindex, disallow Dominio.com/botas-futbol/f_negras/o_baratas
CRO
CRO
Tips SEO y CRO para la Home
• Refleja los principales tipos de producto que vendes
• No enfatices elementos que no son relevantes. Manten la relevancia visual alienada
al producto
• Foco en producto y su presentación
• Que se vea obvio que hay productos a la venta aunque el ecommerce sea una
sección
• Enlaza directamente a la ficha de producto
• Enlaza a las top categorias más demandas
• Utiliza un menú general para mostrar las categorías o subcategorías principales
• Destaca enlaces a las landings de devoluciones, formas de pago, envío, entrega
• Enlaza desde todas las landings del site a la home, incluso del carrito
• No repitas enlaces y diluyas PR
• Utiliza un header SEO para enlazar a las top landings
Tips SEO, CRO, Findability
Tips SEO y CRO para Categorias
• Utiliza el anchor con la keyword más importante para la categoría
• No saturar las páginas de categorias.
• Verificar que las páginas de categoría no enseñen pocos productos y
opciones
• No hacer que los menús de navegación se parezcan a los listados de
productos
• No redireccionar a un usuario directamente a una categoría no seleccionada
• Poner enlaces a todas las subcategorias existentes y sino existen poner
filtros accesibles
Tips SEO, CRO, Findability
Tips para listados de productos
Tips SEO, CRO, Findability
• Hacer listados para que todos los resultados estén en 2 o 3 páginas si es posible.
• Usa el tiempo de carga para ayudar a elegir el mejor nº de productos que puedes
cargar por página
• No tengas miedo al scroll en listados de producto
• Permite al usuario ver Todos los productos en una página si es viable
• En sites con muchos productos, deja opciones de cuantos ítems por página quiere
ver y pon un limite superior
• Manten la selección del usuario en nº de ítems o ver todos para próximas visitas.
• Muestra los visited links con un estilo distinto al link
• Indica el nº de productos disponibles y en cuantas paginaciones están y cuantos
ítems se muestras por página
• Para paginar usa números de página, siguiente y anterior y que estén visibles arriba
y abajo de los resultados
Tips SEO, CRO, Findability
• Utilice nombres cortos, descriptivos y únicos en las listas de producto
• En los nombres de producto, poner primero la información más importante y
diferencial del producto
• Muestra siempre visibles los precios
• Indica si estilo, color, talla u opciones distintas están disponibles
• Muestra siempre la información de disponibilidad en las páginas de productos
• Ten cuidado si muestra productos destacados en las páginas de listados de
producto pueden confundir si no se diferencian bien
• Que quede claro si hay varias páginas de producto disponibles
• En los listados de producto poner siempre claro un link a la información del
producto y más si hay un botón directo de compra
• La calidad de la imagen tiene que ser suficientemente buena como para reconocer
un producto conocido
• Ten cuidado con las funcionalidades de rollover
• Muestra las características más importantes del producto
Testing
4
Qué tenemos que testear
Testing SEO
SEO / Crawling AI Findability
Status codes Card sorting 5 second test
Eficacia de segmento Card sorting cerrado Tree jack test
Acceso a urls Tree jack test User testing
Acceso a parámetros Heatmaps Split test
Broken links Eyetracking test
Indexación / Cacheo
Html Render
Testing en SEO
Testing SEO
Análisis
Hipótesis
Implementación
Medición
Rastreo por Status code
Testing SEO
Rastreo por status code y segmento
Testing SEO
Status codes como afectan al tráfico
Testing SEO
Rastreo por URL: ¿Qué le gusta a Google?
Testing SEO
Rastreo por parámetros: ¿Dónde pierde el tiempo?
Testing SEO
Eficacia de segmentos
Testing SEO
Links externos contra 4XX
Testing SEO
Vamos a ver un caso real:
Testing SEO
Testing SEO
Testing SEO
Testing SEO
Testing SEO
Testing
Testing SEO
Gracias 

AI, Findability & SEO - Dani Pinillos

  • 1.
    Arquitectura de Informacióny Findability Cómo crear sites para usuarios y buscadores
  • 2.
    Presentación 3 puntos imprescindibles 1Co-funder: Inversor&SEO: soysuper.comquieru.com lookiwasthere.com lemariage.com Daniel Pinillos - @seovision
  • 3.
    SEO & CRO ¿Quées la Arquitectura de información? El proceso de AI + SEO Testing SEO & AI Introducción 3 puntos imprescindibles 1 1 2 3 4
  • 4.
    SEO & CRO 1 3puntos imprescindibles
  • 5.
    Me gusta máshablar de experiencias que de hipótesis, patentes y factores seo pero lo veo así: Prioridad SEO en 2016 1º Links 2º Arquitectura de información y Accesibilidad 3º Sites útiles (ux, ctr, reviews QR …) 4º Contenidos (útiles, únicos, freshness …) 5º Semántica y SEO onsite Para reflexionar sobre factores seo pulse aquí SEO en 2016
  • 6.
    ¿Por qué hablamostanto todos los SEO sin saber IR? Focalizate en un buen método, en lo que está a tu alcance en lo que puedes controlar. El 20% de las acciones que te den el 80% de los resultados. Áreas SEO LinksContent AI/CRO Patentes Testing IR & Algorithms Usuario Fácil Difícil
  • 7.
    Tenemos que hacersites: Útiles para usuarios y no solo relevantes + ¿Para qué hacemos SEO y CRO?
  • 8.
    Sites que cubranel customer journey Landings informativas Landings transaccionales Landings experiencialesAI ¿Para qué hacemos SEO y CRO?
  • 9.
  • 10.
    ¿Qué es laArquitectura de información? “La combinación de esquemas de organización, representación y navegación dentro de un sistema de información.” Louis Rosenfeld y Peter Morville. AI
  • 11.
    ¿Qué es laArquitectura de información? “La arquitectura de información (AI) se ocupa del diseño estructural de los sistemas de información, su problema central es la organización, recuperación y presentación de información mediante el diseño de ambientes intuitivos” Ricardo Baeza-Yates, Cuauhtémoc Rivera Loaiza, Javier Velasco Martín AI
  • 12.
    ¿Qué es laArquitectura de información? “Diseño estructural del espacio informacional para facilitar el acceso intuitivo a los contenidos.” Jesse James Garret AI
  • 13.
    ¿Qué es laArquitectura de información? “Es estructurar información haciendo que los usuarios la encuentren intuitivamente y dar a los bots lo que queremos indexar” Daniel Pinillos Carrasco AI “Todos se olvidan de los Bots”
  • 14.
    ¿Qué es Findability? Esencontrar fácilmente el contenido o funcionalidad en una web, pero también es que los buscadores la encuentren. https://en.wikipedia.org/wiki/Findability Encontrarse con nuevos contenidos o funcionalidades que no estaban al tanto de ellos antes. (JENNIFER CARDELLO Nielsen) ¿Qué es Discoverability? AI: Findability
  • 15.
    En AI setrabaja: • Sistemas de organización Inventarios, urls, estructuras, clasificación, mindmaps • Sistemas de etiquetado Urls, anchoring, Titulares, Metas • Sistemas de navegación Links, Menús, módulos de links, Sidebars… • Sistemas de búsqueda AI
  • 16.
    En AI &SEO se añade: • Research (Usuario y mercado) Personas, urls, top landings, link structure, backlinks • Keyword Research + SEO Intenciones, kw, patrones, titulares, competencia • Estrategía de contenidos Landings, html/onsite, topics, contenidos, copys • Estructura SEO optimized Árbol, mapas crawleo/indexación, sitemaps, AI
  • 17.
    El proceso deAI 3 3 puntos imprescindibles
  • 18.
    ¿Qué documentación vamosa obtener? AI User Research S. Organización S. Navegación S. Etiquetado Personajes Árbol web* Menús, submenús* URLs* Kw Research Inventario URLs Breadcrumbs / migas* Anchor links* Patrones de búsqueda / Intents Taxonomys Sidebars, Footers* Nombres sección Tareas de usuario Topic list Paginaciones y Ordenaciones* Tags Crosslinks, Links SEO* Metas
  • 19.
    User research básico 1º- Recoger datos cualitativos de quien es nuestro cliente comprador. Mediante encuestas, CRM, comerciales, Atención cliente, 2º - Keyword Research. Intenciones, kw, volumen, competencia, tipo de búsqueda, landings 3º Sacar un primer mapa de contenidos y estructura en base a Search 4º Modelar un personaje principal. El buyer persona Resultado: • Sabremos cómo es nuestro personaje principal • Tendremos el árbol de contenidos mínimo • Sabremos que busca o necesita esa persona/cliente potencial • Definiremos objetivos y tareas de usuario mínimas AI: User Research
  • 20.
    Resultado del Research AI:User Research + + Tasks & Objetivos Personas 1º Árbol web Tareas de usuario
  • 21.
    Inventario de AIpara migración. El proceso 1º Urls del site (Screaming + GA + Logs…) 2º Top landings seo -> Redireccionar primero esas 3º Definir nuevas urls -> Sistemas de labeling (Excel con urls) 4º Definir menús de navegación mobile y Desktop. 5º Hacer las redirecciones necesarias (lista y regex) 6º Sacar todos los broken links y corregirlos AI: Sistemas de organización
  • 22.
    Mindmaps, diagramas AI: Sistemasde organización http://answerthepublic.com/
  • 23.
    Diagrama de árbol AI:Sistemas de organización Home Categorias Subcategorias Filtros Fichas
  • 24.
    Inventario de urls AI:Sistemas de organización
  • 25.
    Sistemas de navegaciónAI & SEO AI: Sistemas de navegación 1. Menús principales 2. Submenús 3. Sidebars 4. Footers 5. Migas 6. Paginaciones 7. Ordenaciones 8. Crosslinking y módulos de links
  • 26.
    Menús principales AI: Sistemasde navegación • Accesible • Consistente • Indexable • Arriba en el layout • Alts SEO
  • 27.
    Submenús AI: Sistemas denavegación • Accesible • Consistente • Indexable • Arriba en el layout • Alts SEO
  • 28.
    Facetas o Filtros AI:Sistemas de navegación • Accesible • Usable • Informativa • Indexable o no según reglas Links ofuscados (js + disallow + noindex) Links accesibles (anchoring)
  • 29.
    Sidebars AI: Sistemas denavegación • Accesible • User centered • Algunos ofuscados • Anchoring
  • 30.
    Footers & Prefooters AI:Sistemas de navegación • Accesible • Anchoring • Útiles • Indexables • Sin nofollow
  • 31.
    Migas o Breadcrumbs AI:Sistemas de navegación • Accesible • Usable • Informativa • Indexables • No link en última
  • 32.
    Paginaciones AI: Sistemas denavegación • Accesible • Usable • Informativa • Rastreables • Index min a 3ª Si haces scroll infinito que sea accesible sin js OK NO SEO
  • 33.
    Ordenaciones AI: Sistemas denavegación • No Accesible • Usables • Informativa • No Rastreables • js • No url?
  • 34.
    Sistemas de Etiquetado AI:Sistemas de Etiquetado Plantilla Url Home Deportes.com Categoria Deportes.com/zapatillas Subcategoria Dominio.com/botas-futbol Filtros Dominio.com/botas-futbol/f_hierva,negras Ficha Dominio.com/p/bota-adidas-X-16-SG-183822 Paginaciones Dominio.com/botas-futbol/p-2 Ordenaciones Dominio.com/botas-futbol/f_negras/o_baratas
  • 35.
    Sistemas de Etiquetado AI:Sistemas de Etiquetado Robots.txt Url Index Deportes.com Index Deportes.com/zapatillas Index Dominio.com/botas-futbol Noindex, disallow Dominio.com/botas-futbol/f_hierva,negras Index Dominio.com/p/bota-adidas-X-16-SG-183822 Index Dominio.com/botas-futbol/p-2 Noindex, disallow Dominio.com/botas-futbol/f_negras/o_baratas
  • 36.
  • 37.
    Tips SEO yCRO para la Home • Refleja los principales tipos de producto que vendes • No enfatices elementos que no son relevantes. Manten la relevancia visual alienada al producto • Foco en producto y su presentación • Que se vea obvio que hay productos a la venta aunque el ecommerce sea una sección • Enlaza directamente a la ficha de producto • Enlaza a las top categorias más demandas • Utiliza un menú general para mostrar las categorías o subcategorías principales • Destaca enlaces a las landings de devoluciones, formas de pago, envío, entrega • Enlaza desde todas las landings del site a la home, incluso del carrito • No repitas enlaces y diluyas PR • Utiliza un header SEO para enlazar a las top landings Tips SEO, CRO, Findability
  • 38.
    Tips SEO yCRO para Categorias • Utiliza el anchor con la keyword más importante para la categoría • No saturar las páginas de categorias. • Verificar que las páginas de categoría no enseñen pocos productos y opciones • No hacer que los menús de navegación se parezcan a los listados de productos • No redireccionar a un usuario directamente a una categoría no seleccionada • Poner enlaces a todas las subcategorias existentes y sino existen poner filtros accesibles Tips SEO, CRO, Findability
  • 39.
    Tips para listadosde productos Tips SEO, CRO, Findability • Hacer listados para que todos los resultados estén en 2 o 3 páginas si es posible. • Usa el tiempo de carga para ayudar a elegir el mejor nº de productos que puedes cargar por página • No tengas miedo al scroll en listados de producto • Permite al usuario ver Todos los productos en una página si es viable • En sites con muchos productos, deja opciones de cuantos ítems por página quiere ver y pon un limite superior • Manten la selección del usuario en nº de ítems o ver todos para próximas visitas. • Muestra los visited links con un estilo distinto al link • Indica el nº de productos disponibles y en cuantas paginaciones están y cuantos ítems se muestras por página • Para paginar usa números de página, siguiente y anterior y que estén visibles arriba y abajo de los resultados
  • 40.
    Tips SEO, CRO,Findability • Utilice nombres cortos, descriptivos y únicos en las listas de producto • En los nombres de producto, poner primero la información más importante y diferencial del producto • Muestra siempre visibles los precios • Indica si estilo, color, talla u opciones distintas están disponibles • Muestra siempre la información de disponibilidad en las páginas de productos • Ten cuidado si muestra productos destacados en las páginas de listados de producto pueden confundir si no se diferencian bien • Que quede claro si hay varias páginas de producto disponibles • En los listados de producto poner siempre claro un link a la información del producto y más si hay un botón directo de compra • La calidad de la imagen tiene que ser suficientemente buena como para reconocer un producto conocido • Ten cuidado con las funcionalidades de rollover • Muestra las características más importantes del producto
  • 41.
  • 42.
    Qué tenemos quetestear Testing SEO SEO / Crawling AI Findability Status codes Card sorting 5 second test Eficacia de segmento Card sorting cerrado Tree jack test Acceso a urls Tree jack test User testing Acceso a parámetros Heatmaps Split test Broken links Eyetracking test Indexación / Cacheo Html Render
  • 43.
    Testing en SEO TestingSEO Análisis Hipótesis Implementación Medición
  • 44.
    Rastreo por Statuscode Testing SEO
  • 45.
    Rastreo por statuscode y segmento Testing SEO
  • 46.
    Status codes comoafectan al tráfico Testing SEO
  • 47.
    Rastreo por URL:¿Qué le gusta a Google? Testing SEO
  • 48.
    Rastreo por parámetros:¿Dónde pierde el tiempo? Testing SEO
  • 49.
  • 50.
    Links externos contra4XX Testing SEO
  • 51.
    Vamos a verun caso real: Testing SEO
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.