Haga clic para modificar el estilo de subtítulo del patrón         “Taller: Arquitectura Web para Optimización SEO        ...
Índice de contenidos  1. Arquitectura de la Información  2. Sitemap y arquitectura de enlaces  3. HTML, el lenguaje de las...
1/ Introducción Arquitectura de la Información    Antes de entrar en los detalles a nivel de páginas    web, es convenient...
1/ Introducción Arquitectura de la Información    Modelo para la Arquitectura de Información    Usuarios:      audiencia, ...
1/ Introducción Arquitectura de la Información    Elementos de Arquitectura de Información    Sistemas de organización: có...
1/ Introducción Arquitectura de la Información      Sistemas de Organización      * Alfabéticos. www.informatica.uma.es   ...
1/ Introducción Arquitectura de la Información                       Sistemas híbridos de organizaciónPosibles dificultade...
2/ Sitemap y arquitectura de enlaces       Pasos para diseñar la arquitectura del sitio       1.- Tener una lista con todo...
2/ Sitemap y arquitectura de enlaces             Profundidad de enlacesRecomendación de los 3 clicks de distanciaRecomenda...
3/ HTML, el lenguaje de las páginas web. SEO en CMS      Trabajando con las URLs      URL`s “amigables” :          - Elimi...
3/ HTML, el lenguaje de las páginas web. SEO en CMS      Solución:          - Activa el mod_rewrite de Apache.          - ...
3/ HTML, el lenguaje de las páginas web. SEO en CMS      Al aplicar los puntos anteriores podemos haber      incurrido   s...
3/ HTML, el lenguaje de las páginas web. SEO en CMS          Ojo al cambiar la ruta de una página.              - Ten en c...
3/ HTML, el lenguaje de las páginas web. SEO en CMS        Controla qué rutas indexar.             Https Url.             ...
3/ HTML, el lenguaje de las páginas web. SEO en CMS                           Páginas y navegaciónUtiliza correctamente la...
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...
3/ HTML, el lenguaje de las páginas web. SEO en CMS      Páginas y navegación. Gestiona errores          Cuidado con los c...
3/ HTML, el lenguaje de las páginas web. SEO en CMS      Páginas y navegación. Breadcrumbs efectivos          - Utiliza pa...
3/ HTML, el lenguaje de las páginas web. SEO en CMS       Qué pasa con los links?        •            Los links internos q...
3/ HTML, el lenguaje de las páginas web. SEO en CMS       Crea un Sitemap en XML y HTML        “Qué buen momento para usar...
3/ HTML, el lenguaje de las páginas web. SEO en CMS       Importancia de los titulos de página        - No vacío.        -...
3/ HTML, el lenguaje de las páginas web. SEO en CMS       Rendimiento        “Todo esto es muy bonito, pero si la página n...
DATOS CONTACTO            Cristóbal González - @cristobalgp                 Alfonso Heredia - @hmalfonso                  ...
Próxima SlideShare
Cargando en…5
×

Taller Arquitectura Web para Optimización SEO

779 visualizaciones

Publicado el

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.

Publicado en: Tecnología
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
779
En SlideShare
0
De insertados
0
Número de insertados
8
Acciones
Compartido
0
Descargas
9
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Taller Arquitectura Web para Optimización SEO

  1. 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. 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. 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. 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. 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. 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. 7. 1/ Introducción Arquitectura de la Información Sistemas híbridos de organizaciónPosibles dificultades a la hora de elaborar el modelo mental de nuestra información 7
  8. 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. 9. 2/ Sitemap y arquitectura de enlaces Profundidad de enlacesRecomendación de los 3 clicks de distanciaRecomendación de los 100 enlaces por página 9
  10. 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. 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. 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. 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. 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. 15. 3/ HTML, el lenguaje de las páginas web. SEO en CMS Páginas y navegaciónUtiliza correctamente las etiquetas Html5 nos ayuda un pocode encabezado H. 15
  16. 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. 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. 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. 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. 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. 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. 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. 23. DATOS CONTACTO Cristóbal González - @cristobalgp Alfonso Heredia - @hmalfonso www.mediaglobe.es 23

×