Populaire cette année

Structure d'un blog - Types de pages et vues [introduction]

Blogger - Introduction aux types de pages et de vues Blogger
Une page HTML, reste une page HTML. Et pourtant, dans toute cette masse d'URLs, il y a une organisation. Sur Blogger, les classifications se font par type de pages et par vue.
Avant de se lancer dans un projet de création d'un blog, il est préférable de connaître son fonctionnement et surtout savoir comment il est structuré...


Un peu d'ordre dans ce fouillis

On classifie les URLs d'un blog en 3 groupes :

  • Groupe 1 : Les types de pages
    Actuellement, on en dénombre 6. A l'exception de l'accueil et des pages 404, les pages d'un blog sont classées par type en fonction des différents fragments (répertoires) qui composent l'url de la page courante. Une url ne peut être que d'un seul type.
    • L'accueil
    • La recherche
    • Les archives
    • Les articles
    • Les pages autonomes
    • Les pages 404
  • Groupe 2 : Les types de vues
    A ne pas confondre avec les types de pages. Ces vues affichent des variantes de la page courante. Elles sont disponibles en fonction des paramètres ajoutés à l'URL de la page courante. Plusieurs types de vues peuvent se cumuler sur une même page.
    • La vue mobile
    • Les vues alternatives
    • Les vues par langue
    • Les prévisualisations
    • La vue de la mise en page
  • Groupe 3 : Les cas particuliers
    Ce sont des URLs spécifiques du blog qui ne sont pas associées aux types de pages, ni aux vues. La plupart de ces URLs sont utilisées pour la syndication et la recherche web.
    • Les flux
    • Le favicon
    • Les sitemaps
    • Le fichier robots.txt
    • Le fichier ads.txt


L'accueil & la recherche

La page d'accueil est en quelque sorte la première page de la recherche puisqu'elle affiche les articles par ordre chronologique inversé qui est le critère de base dans la recherche.

Les 2 autres principaux critères de la recherche sont :
  • Le filtre par libellé.
    • Articles triés par date
  • Le filtre par requête
    • Articles triés par pertinence (par défaut)
    • Articles triés par date (optionnel)

Important ! Les pages autonomes ne sont pas intégrées dans la recherche !
URL type d'une page de recherche
https://BLOG_NAME.blogspot.com/search?parameters

Détails - Accueil et recherche

Les archives

Comme pour la recherche, les pages archives affichent les articles par ordre chronologique inversé.
Les articles sont filtrés par date en fonction de la fréquence d'archivage qui a été définie dans le panneau de configuration du gadget BlogArchive :

  • Par année
  • Par mois
  • Par semaine
  • Par jour

Attention ! Le comportement des URLs des archives a été modifié en 2017 :
  1. Nouvelles URLs pour les archives annuelles et mensuelles.
  2. Le paramètre max-results n'est plus disponible.

URL type - Archive annuelle
https://BLOG_NAME.blogspot.com/YYYY
URL type - Archive mensuelle
https://BLOG_NAME.blogspot.com/YYYY/MM
URL type - Archive hebdomadaire et quotidienne
https://BLOG_NAME.blogspot.com/YYYY_MM_DD_archive.html

Détails - Les archives

Les articles & les pages autonomes

Il est relativement difficile d'imaginer que les articles et les pages autonomes n'existaient pas au lancement du nouveau Blogger en 2006. Et pourtant c'est vrai. Les articles ne disposaient pas d'une URL permanente et ils étaient affichés uniquement à l'accueil, dans la recherche et l'archive. Heureusement, depuis 2007/2008 chaque article a sa propre URL. Quant aux pages autonomes, elles sont apparues en 2010.

URL type - Article
https://BLOG_NAME.blogspot.com/YYYY/MM/POST_TITLE.html
URL type - Page autonome
https://BLOG_NAME.blogspot.com/p/PAGE_TITLE.html

Détails - Articles et pages autonomes

La page 404

Le code d'erreur "page 404" est le type de pages le plus récent apparu dans le pack SEO de Blogger en 2012. Elle s'affiche sur le blog lorsque l'article ou la page autonome demandée n’existe plus ou lorsque l'URL contient une erreur. Une archive ou une recherche ne contenant aucun article n'est pas une page 404.

Une page 404 est un système qui indique :

  1. aux visiteurs que la page courante n'existe pas.
  2. aux moteurs de recherche de ne pas indexer cette url.

Détails - Les pages 404

La vue mobile

La vue mobile est une variante de la vue "bureau" de la page courante, qui a spécialement été optimisée pour être visualisée sur les appareils portables et les tablettes.

Cette vue est disponible uniquement avec les thèmes Layouts versions 1 et 2 et dispose d'une bibliothèque de thèmes pouvant être appliqué au blog. Dans les thèmes les plus récents (Layouts version 3), la disponibilité de la vue a été abandonnée.

Lorsqu'un visiteur visionne un blog avec un appareil portable, il est redirigé automatiquement vers la vue mobile. Un paramètre est ajouté à l'URL de la page courante.

https://BLOG_NAME.blogspot.com/?m=1

Variante Signification Paramètre url
Vue bureau La version par défaut du blog. Aucun paramètre
Vue mobile Lorsque le visiteur accède au blog via un appareil portable, il est redirigé automatiquement vers cette vue.
L'url de la page courante sera doté du paramètre m (abréviation de mobile).
m=1
Vue bureau pour mobile Vue similaire de la vue bureau.
Le visiteur sera orienté vers cette version lorsqu'il clique sur le bouton afficher la version web, qui est disponible dans les liens de navigation au pied de l'article, uniquement dans la vue mobile.
m=0

Détails - La vue mobile

Les vues alternatives

Ce type de vues est relativement peu connu, et pour cause, les vues alternatives ont été brièvement exploitées par l'équipe Blogger que dans les thèmes Dynamiques, mais elles sont aussi disponibles en quantité illimitée pour tous les autres thèmes, quelque soit la version.

Les thèmes dynamiques disposent de 7 vues alternatives :
  1. classic
  2. flipcard
  3. magazine
  4. mosaic
  5. sidebar
  6. snapshot
  7. timeslide

Pour accéder à une vue alternative, il faut ajouter à une URL du blog l'attribut view accompagné d'une valeur correspondant à un quelconque nom de vue.

https://BLOG_NAME.blogspot.com/?view=view_name

A titre d'exemple, sur Blogger Code PE, nous utilisons une vue alternative dans notre rubrique Explorateur de données Blogger :

Détails - Les vues alternatives

Les vues par langue

Non, la vue par langue ne traduit pas vos contenus. Ce type de vue est actuellement en phase expérimentale et pour l'heure ne traduit que les valeurs des données XML contenant un message permanent (par exemple les données du dictionnaire data:messages).

Pour visionner votre blog dans une autre langue, ajoutez à l'URL de la page courante, le paramètre hl accompagné d'un code de langue à 2 lettres.

https://BLOG_NAME.blogspot.com/?hl=en

Détails - Les vues par langue

Les prévisualisations

La prévisualisation (ou preview) est une vue retravaillée de votre blog, qui s'affiche dans l'interface Blogger à différents endroits. Elle est généralement utilisée pour permettre d'avoir un aperçu des modifications avant que vous ne les appliquiez en direct.

Détails - La prévisualisation

La vue de la mise en page

Il s'agit d'une reconstruction schématique de votre blog basée sur le contenu du fichier XML du thème. Cette vue affiche les sections et les gadgets. Elle est disponible dans l'onglet Mise en page et dans l'outil de conception de thèmes. La vue est principalement utilisée pour réagencer les gadgets et sélectionner la disposition des colonnes.

Détails - La mise en page

Les cas particuliers : Flux, favicon, Sitemaps, robots.txt et ads.txt

Ces URLs sont indépendantes des types de pages et des vues.
Syntaxe - URLs de flux
https://BLOG_NAME.blogspot.com/feeds/
Syntaxe - URL du favicon
https://BLOG_NAME.blogspot.com/favicon.ico
Syntaxe - URLs de sitemaps
https://BLOG_NAME.blogspot.com/sitemap_name.xml
Syntaxe - URL du fichier robots.txt
https://BLOG_NAME.blogspot.com/robots.txt
Syntaxe - URL du fichier ads.txt
https://BLOG_NAME.blogspot.com/ads.txt

Nous aborderons les sujets Favicon, Sitemaps, robots.txt et ads.txt prochainement dans notre rubrique SEO.


L'auto-pagination

Le nombre d'articles à l'accueil, dans la recherche et l'archive est géré par un système que l'on surnomme auto-pagination, dont la seule raison d'être est de réduire le temps de latence. Le système affiche jusqu'à un maximum de 1Mo de contenu. Si ce quota n'est pas atteint, le nombre d'articles affichés dépendra de la valeur par défaut. Les articles qui sont au-delà de la limite de 1Mo sont automatiquement reportés à la page suivante.
Le nombre maximum d'articles que nous mentionnons dans le tableau est la quantité maximum autorisée lorsque le paramètre max-results est ajouté dans l'URL de la page courante.

Types de pages Poids maximum Nombre d'items par défaut
(Au plus)
Nombre d'items max
(max-results)
Ordre de tri
Article et page autonome 1 item
Recherche Chronologie inversée 1 Mo 20 items 500 items Par date
Libellés 1 Mo 20 items 500 items Par date
Requêtes 1 Mo 20 items 500 items Par pertinence
Par date
Archive 1 Mo 500 items Par date
Page 404


Mode avancé - Les données liées

Les données ci-dessous sont directement liées aux types de pages et aux différentes vues. Utilisez-les dans l'éditeur XML pour interdire ou autoriser l’exécution d'éléments via une condition ou une autre méthode.

Accueil Recherche Archives Articles Pages autonomes Pages 404
Chronologie inversée Requêtes Libellés
Par type de pages
data:blog.pageType index index index index archive item static_page error_page
data:view.type feed feed feed feed feed item item error_page
data:view.isMultipleItems true true true true true false false false
data:view.isSingleItem false false false false false true true false
data:view.isHomepage true false false false false false false false
data:view.isSearch false true true true false false false false
data:view.isLabelSearch false false false true false false false false
data:view.isArchive false false false false true false false false
data:view.isPost false false false false false true false false
data:view.isPage false false false false false false true false
data:view.isError false false false false false false false true
Par vue spécifique
data:view.isMobile true or false
data:view.isPreview true or false
data:view.isLayoutMode true or false
data:blog.view view_name


Introductions aux autres fonctionnalités Blogger

Spotlight

Populaires cette semaine

Le gadget Articles du blog [Blog]