Taller impartido en el Simposio SEO SEM Malaga organizado por Forman. Se explican los principios básicos de arquitectura de la información para estructurar correctamente nuestras páginas webs. Se realiza una rápido repaso por las buenas prácticas a la hora de construir nuestro sitio web.
Presentación guía sencilla en Microsoft Excel.pptx
Taller Arquitectura Web para Optimización SEO
1. Haga clic para modificar el estilo de subtítulo del patrón
“Taller: Arquitectura Web para Optimización SEO
#AWOS”
Cristóbal González Pérez
Alfonso Heredia Madrazo
mediaglobe.es
1
2. Índice de contenidos
1. Arquitectura de la Información
2. Sitemap y arquitectura de enlaces
3. HTML, el lenguaje de las páginas web.
Seo en CMS
TALLER
2
3. 1/ Introducción Arquitectura de la Información
Antes de entrar en los detalles a nivel de páginas
web, es conveniente pensar en la Arquitectura de
la Información del sitio que estamos construyendo.
Archivador → Dominio
Cajón → Categoría primaria
Carpeta → Categorías secundarias
Documento → página web
3
4. 1/ Introducción Arquitectura de la Información
Modelo para la Arquitectura de Información
Usuarios: audiencia, tareas, necesidades,
comportamientos en búsqueda de información,
experiencia.
Contenido: recursos del sitio web, volumen de
datos, estructura existente.
Contexto: Objetivos del negocio, financiación,
políticas, cultura, tecnología, recursos y
restricciones.
4
5. 1/ Introducción Arquitectura de la Información
Elementos de Arquitectura de Información
Sistemas de organización: cómo categorizamos la
información.
Sistemas de etiquetado: Cómo mostramos la
información (keywords o palabras clave).
Sistemas de navegación: Cómo nos podemos
desplazar por la información existente.
Sistemas de búsqueda: Cómo podemos buscar
información.
5
6. 1/ Introducción Arquitectura de la Información
Sistemas de Organización
* Alfabéticos. www.informatica.uma.es
* Cronológicos. www.diariosur.es/hemeroteca
* Geográficos. www.idealista.com
* Por Temas (cerrados, taxonomías – jerarquías).
www.amazon.es
* Por Temas (abiertos). www.flickr.com
* Por tareas o funcionalidad. www.uma.es
* Segmentación de clientes. www.unicaja.es
* Híbridos ¿?
6
7. 1/ Introducción Arquitectura de la Información
Sistemas híbridos de organización
Posibles dificultades a la hora de elaborar el modelo mental de nuestra información
7
8. 2/ Sitemap y arquitectura de enlaces
Pasos para diseñar la arquitectura del sitio
1.- Tener una lista con todo el contenido que
queramos publicar (noticias, articulos, páginas de
productos, etc).
2.- Crear la navegación principal que pueda
contener todos los distintos tipos.
3.- De abajo a arriba (bottom-up), crear la
estructura que contenga cada tipo de dato.
4.- Construida la parte baja del árbol, rellenar la
parte media (conecta la parte baja con la parte
principal). Esto no siempre es necesario.
8
9. 2/ Sitemap y arquitectura de enlaces
Profundidad de enlaces
Recomendación de los 3 clicks de distancia
Recomendación de los 100 enlaces por página
9
10. 3/ HTML, el lenguaje de las páginas web. SEO en CMS
Trabajando con las URLs
URL`s “amigables” :
- Elimina “?q=”.
- Evita URL’s demasiado largas.
- Utiliza palabras clave.
- Ten cuiado con los caracteres conflictivos
(acentos, espacios…).
- Mejor ‘-’ que ‘_’.
10
11. 3/ HTML, el lenguaje de las páginas web. SEO en CMS
Solución:
- Activa el mod_rewrite de Apache.
- Usa reglas de reescritura en .htaccess.
- Habilita las “clean URL’s”.
- Utiliza Path y Pathauto.
- “Translitera” con Transliterate.
11
12. 3/ HTML, el lenguaje de las páginas web. SEO en CMS
Al aplicar los puntos anteriores podemos haber
incurrido sin darnos cuenta en un error.
Contenido Duplicado
Global Redirect puede servirnos de mucha ayuda.
(Url canónica).
12
13. 3/ HTML, el lenguaje de las páginas web. SEO en CMS
Ojo al cambiar la ruta de una página.
- Ten en cuenta su posicionamiento.
- Y las páginas que apuntaban a ella?
Trata de hacer una redirección 301
Utiliza Redirect
13
14. 3/ HTML, el lenguaje de las páginas web. SEO en CMS
Controla qué rutas indexar.
Https Url.
Carritos de la compra
Páginas de perfil de usuario.
Administración…
Gestión a través de robots.txt
Utiliza robotstxt
14
15. 3/ HTML, el lenguaje de las páginas web. SEO en CMS
Páginas y navegación
Utiliza correctamente las etiquetas
Html5 nos ayuda un poco
de encabezado H.
15
16. 3/ HTML, el lenguaje de las páginas web. SEO en CMS
Páginas y navegación. Cuida el código
- Utiliza Css y Js externos.
- Evita las tablas.
- Sigue los estándares de codificación y
normas de estilo.
- Ojo con las páginas de impresión.
16
17. 3/ HTML, el lenguaje de las páginas web. SEO en CMS
Páginas y navegación. Gestiona errores
Cuidado con los códigos 403 y 404
17
18. 3/ HTML, el lenguaje de las páginas web. SEO en CMS
Páginas y navegación. Breadcrumbs efectivos
- Utiliza palabras clave
- Indicadores visuales
- Facilita la navegación
Custom Breadcrumbs
18
19. 3/ HTML, el lenguaje de las páginas web. SEO en CMS
Qué pasa con los links?
•
Los links internos que apunten a la Url Canónica.
•
Palabras clave en los anchor links.
Pincha aquí para saber más sobre la dieta
mediterránea.
Aprenda más sobre la dieta mediterránea.
•
Cuidado con tus links externos.
External links, Links Checker
19
20. 3/ HTML, el lenguaje de las páginas web. SEO en CMS
Crea un Sitemap en XML y HTML
“Qué buen momento para usar el footer”
XML Sitemap y Sitemap
20
21. 3/ HTML, el lenguaje de las páginas web. SEO en CMS
Importancia de los titulos de página
- No vacío.
- Único.
- Utiliza palabras clave pero no “canibalices”
PageTitle Metatags
21
22. 3/ HTML, el lenguaje de las páginas web. SEO en CMS
Rendimiento
“Todo esto es muy bonito, pero si la página no
responde en un tiempo adecuado nuestro
Trabajo no sirve para nada.”
- Gzip.
- Compresion Css, Jss.
- APC.
- CDN.
- Sistemas de caches.
22
23. DATOS CONTACTO
Cristóbal González - @cristobalgp
Alfonso Heredia - @hmalfonso
www.mediaglobe.es
23