cms

Optimisez les images et le contenu de son site avec un CMS

De la lisibilité du texte au choix pertinent des urls de votre site internet, nous vous détaillons les bonnes pratiques d'optimisation de votre contenu web à faire sur un CMS.

Alexis Le BaronAlexis Le Baron

Alexis Le Baron

Développeur web chez Snoweb
Publié le 16 mars 2021 (Mise à jour le 8 avril 2022)


1. Lisibilité des textes

Si vous souhaitez améliorer la lisibilité de vos textes, voici la liste de quelques points à vérifier :

  • Avez-vous utilisé des mots de transition ?

Ils sont importants pour que votre texte soit facile à lire et surtout à comprendre. En effet, il s'agit de petit mots comme "par exemple", "de même", "bien que", "de plus" ou encore "pour conclure". La liste est longue, mais vous pouvez consulter ce site pour vous aider. Il ne faut pas oublier que ces mots de liaison ne sont pas utile que pour votre lecteur, Google aime les textes bien construit.

  • Est-ce que vos phrases ne sont pas trop longues ?

Pour aider à la lecture, il est important que vos phrases ne soient pas trop longues. Marquer des temps de pause dans la lecture permet d'assimiler l'information. Donc on évite les phrases sur plusieurs lignes avec seulement des virgules ou des points virgule.

  • Est-ce que vos paragraphes sont structurés ?

Comme pour la longueur des phrases, la longueur des paragraphes est importante. Personne n'a envie de lire un texte qui visuellement forme un seul bloc sans retour à la ligne. L'oeil de votre lecteur fatiguera vite à la lecture de ce paragraphe.

  • Votre contenu est-il original ?

Si vous souhaitez vous démarquer de la concurrence, vous devez parler de sujets qu'ils n'ont pas encore traités. Soyez créatif ! Mais pas trop, pensez toujours à bien vous documenter avant de vous lancer dans l'écriture. Vous devez apporter à votre lecteur du contenu de valeur.

Un bon équilibre entre le texte, les images et les vidéos est également important. Vous ne devez pas avoir plus de contenu visuel que textuel.

Si vous écrivez vous-même vos textes, pensez à utiliser des techniques comme le storytelling (27 techniques ici) pour accrocher plus facilement un utilisateur.

design ergonomie texte


2. Des photos adaptées

Dimensionnement au pixel près

Les images doivent être impérativement redimensionnées efficacement en fonction de leur présence sur une page web. Une image trop lourde ou mal redimensionnée ralentira le chargement de la page. Une bonne pratique consiste à adapter les images redimensionnées automatiquement en fonction de l'écran utilisé.

Certains CMS gèrent cette fonctionnalité pour améliorer les performances de votre site internet. Découvrez lequel dans ce tableau récapitulatif.

Choisir le bon format

De nombreux formats d’images existent aujourd’hui :

- SVG : à utiliser pour de l’illustration (par exemple pour des icônes). Ses atouts sont la capacité d’animations, le poids léger et la possibilité d'étirement sans perte de qualité.

- WEBP : très efficace pour certains navigateurs grâce à la réduction considérable en poids. Son désavantage est qu’il n’est pas compatible avec Safari ou d’autres navigateurs (voir la liste).

- JPG : format universel et le plus courant à utiliser pour les photographies.

Mettre en place un CDN

Un CDN (Content Network Delivery) joue un rôle majeur pour optimiser vos images. Il permet de les diffuser dans les 4 coins de la planète pour améliorer le chargement mais ce n’est pas tout, il gère également plusieurs options comme :

  • La compression GZIP -> compresse vos fichiers pour accélérer le chargement.
  • La durée de mise en cache -> permet d'éviter de recharger des fichiers à chaque ouverture de la page web.

La balise "alt"

Les robots de Google doivent comprendre votre image grâce à la balise alt. Cette balise résume et décrit votre image. Lorsque vous la définissez, vous devez faire comme si vous décriviez l'image à une personne non voyante afin qu'il puisse l'imaginer. Cette balise joue également un rôle dans le référencement de vos images.

Le nom du fichier

Le nom du fichier joue également un rôle dans le référencement de vos fichiers. Certains CMS vont utiliser le nom de fichier pour remplir la balise alt, il est donc important de bien le nommer.

Faites-vous guider pour l'optimisation de votre contenu web

Snoweb met à votre disposition toute son expertise et vous conseille sur les améliorations à effectuer sur votre site internet.

Rédaction

Nous analysons l'aspect textuel de votre site internet :

  • Lisibilité du texte
  • Mots de transition
  • Storytelling
Développement

Nous analysons l'aspect technique de votre site internet :

  • Propreté du code
  • Temps de chargement
  • Bonnes pratiques web
Référencement

Nous analysons les données de votre site internet :

  • Performances
  • Choix des mots clés
  • Titres et méta description


3. Les liens des pages web

Une bonne architecture

Votre site internet possède peut-être plusieurs centaines de pages. L’arborescence de celles-ci jouant sur le référencement, vos pages doivent être ordonnées efficacement. Voici un exemple d’architecture de pages :

https://www.snoweb.io/
https://www.snoweb.io/realisations/
https://www.snoweb.io/realisations/station-spatiale/
https://www.snoweb.io/articles/
https://www.snoweb.io/articles/optimiser-son-site-web/

Une URL unique bien écrite

Chacune de vos pages possède un lien unique, c’est le lien canonique (canonical). Il s’agit d’un lien de référence pour votre page. Un peu comme un numéro unique.

Voici comment l’url canonique est inséré dans l’accueil de Snoweb :

<link rel="canonical" href="https://www.snoweb.io/" />

Si vous avez bien compris à quoi sert ce lien, vous avez donc compris que :

https://www.snoweb.io n’est pas égale à https://www.snoweb.io/. Tout simplement parce qu'aux yeux de Google, chaque caractère compte.

(Différence avec le ‘/’ à la fin)

Il est préférable de ne jamais mettre d’accent ou de caractères spéciaux dans une URL.

Un maillage interne efficace

Le maillage interne, c’est tout simplement l’ensemble des liens de votre site qui sont reliés dans vos pages.

Tous les liens du site web Snoweb qui commencent par https://snoweb.io/ améliorent le maillage interne du site web Snoweb.

Un typage optimisé

Chaque lien de votre site peut avoir un comportement différent pour Google. C’est la raison pour laquelle cette partie est importante pour améliorer votre référencement.

Par exemple, vous avez un article de blog et vous souhaitez faire référence à un article externe. Vous allez donc devoir expliquer que ce lien n’est pas à prendre en compte pour les robots de Google. Voici comment le faire techniquement :

<a href=”https://exemple.com/article-exemple” rel=”nofollow”>Mon article externe</a>

Idem, lorsque vous renseignez les liens de vos réseaux sociaux :

<a href=”https://www.facebook.com/page-entreprise/” rel=”nofollow”>Facebook</a>
<a href=”https://www.linkedin.com/page-entreprise/” rel=”nofollow”>Linkedin</a>
<a href=”https://www.instagram.com/page-entreprise/” rel=”nofollow”>Instagram</a>


4. Ajout de données structurées Google

Les données structurées permettent aux robots de Google d'indexer plus facilement votre contenu. Elles ne sont pas obligatoire mais peuvent aider Google à mieux lire vos pages et donc à les indexer plus rapidement.

Il existe plusieurs types :

  • HowTo : explique une manière de faire
  • WebPage : résume les informations d'une page
  • FAQ : se présente sous forme de questions / réponse
  • Recipe : idéal pour une recette de cuisine
  • Article : présente l'auteur et le sujet de l'article
Explorer la galerie de la recherche Google

Prenons l'exemple d'une recette de cuisine :

{
  "@context": "https://schema.org/",
  "@type": "Recipe",
  "name": "Chocolat chaud du père nöel",
  "author": "père noël",
  "image": "http://exemple.com/image.jpg",
  "description": "Le chocolat chaud du père nöel.",
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.8",
    "reviewCount": "7462",
    "bestRating": "5",
    "worstRating": "1"
  },
  "prepTime": "PT30M",
  "totalTime": "PT1H30M",
  "recipeYield": "8",
  "nutrition": {
    "@type": "NutritionInformation",
    "calories": "512 calories"
  },
  "recipeIngredient": [
    "Lait",
    "Chocolat",
    "Chantille",
    "Vanille"
  ]
}

Pour vérifier si vos schémas sont corrects, il est possible de les vérifier sur ce lien.

Si vous êtes premier dans la recherche Google sur certains mots clefs, l'apparence du résultat de votre page peut changer comme on peut le voir sur cette image (ci-dessous).

résultat recherche recette donnee structuré google
conclusion

5. Résumé des 4 étapes pour optimiser le contenu de sa page web

  • Lisibilité des textes

    TEXTES

    • Mots de transition
    • Longueur des phrases
    • Structure des paragraphes
    • Originalité du contenu
  • Optimisation des images

    IMAGES

    • Dimensionnement optimisé
    • Format approprié
    • CDN
    • Balise alt et nom
  • Liens internes et externes

    LIENS

    • Architecture
    • URL unique
    • Maillage interne
    • Typage optimisé
  • Données structurés Google

    SCHÉMAS

    • Choix du schéma
    • Indexation plus rapide
Je souhaite créer mon site internetavec un CMS
En savoir plus

Le sujet des CMS vous fascine, alors ces articles devraient vous intéresser également.

Inscrivez-vous à notre newsletter CMS

Recevez les dernières nouveautés et astuces sur les CMS directement dans votre boite e-mail.

Partager cet article sur les réseaux sociaux

Nos derniers articles sur les CMS

Inscris-toi à notre newsletter et reçois les dernières nouveautés et astuces sur les CMS.

pop-up-newsletter-cms