Optimiser le référencement

On dit d'un site qu'il est responsive s'il s'adapte en fonction de la taille de l'écran ( téléphone, PC, Tablette ).

Pour cela, il faut que votre site internet soit prévu pour.

Dans AlgoSiteV2, vous n'avez quasiment pas à le gérer, un système de création de pages le gère de lui-même. Il est juste nécessaire de parfois vérifier si vous avez par exemple affiché une page trop grande et qui ne se retaille pas en fonction du bloc. Cela peut vous arriver si vous utilisez le pavé 'Libre', dans lesquels vous pouvez mettre un peu de tout et certaines images sont trop grandes. Pour les images, il est préférable autant que possible d'utiliser la partie 'image' qui elle se retaille toute seule.

Il vous faudra mettre des balises html dans votre code. Placer le contenu dans des 'div' qui se retaillent automatiquement en fonction de la taille de l'écran.

Il vous faudra probablement aussi le gérer via votre fichier css avec les lignes suivantes par exemple.

- La ligne @media permet de dire que cette section est pour les écrans de moins de 999px

- les lignes display flex; flex-wrap: wrap; align-items:flex-start; sont des exemples permettant de laisser le navigateur gérer dynamiquement les div en fonction de la taille de l'écran. Certaines 'div' passent à la lignes et si il y a la place, elles restent sur une même ligne.

Google demande aussi souvent de mettre cette balise dans le head :
<meta name='viewport' content='width=device-width, initial-scale=1.0'>

Aller sur votre site :

- A partir d'un ordinateur

- A partir d'un téléphone

- A partir d'une tablette

Modifiez votre site en fonction de vos remarques.

Sur AlgoSiteV2, vous avez la possibilité de paramétrer chacun des blocs en fonction de l'appareil. ( petit, standard et large)