Nous rendons le référencement accessible

Votre compte formation

Votre compte formation vous permet d'accéder à la liste de vos formations ou pour vous pré-inscrire à de nouvelles

Félicitation,

Accéder au logiciel Optimiz.me

Se connecter au logiciel
Votre site en première page de Google

Règles pour un code html propre

Environ 2 minutes de lecture

Le code source d’une page n’est pas un élément visible directement lorsque l’on navigue sur une page. C’est pourtant un point clé parmi les différentes optimisations techniques à mettre en place sur un site. 

Nous étudierons ici quelles sont les caractéristiques d’un code « propre », comment le réaliser et les avantages de la création de bonnes pratiques pour le code source des pages web.

 

Un code propre : qu’est-ce que c’est ?

Qu’il s’agisse du code HTML (Hypertext Markup Language) ou du code CSS (Cascading Style Sheets), avoir un code propre englobe plusieurs points :

  • un code lisible (« agréable » à lire)
  • facile à comprendre (même sans commentaires, il doit être compréhensible)
  • bien structuré
  • avec des fichiers de noms descriptifs et clairs
  • qui tient compte des erreurs

Sans titre (49)

Pourquoi avoir un code propre ?

Plusieurs avantages à éditer un code HTML propre :

  • être utilisable par tous (facile à améliorer, à modifier)
  • avoir un web avec des règles uniformisées et accessibles
  • simplifie les opérations de maintenance

 

La structure 

  • l’indentation
  • les différences entre variables et globales
  • les noms de fonction
  • les accolades
  • les espaces blancs
  • respecter les conventions d’écriture
  • les méthodes locales
  • les méthodes externes
  • les répertoires

 

Les commentaires 

Un commentaire est une partie du code identifiable grâce aux balises suivantes :  <!– et –>. Le navigateur ne l’affiche pas, c’est-à-dire qu’il n’apparait pas sur le site, il n’est pas visible sur le rendu final de la page telle que la voit un internaute.

Il est par contre tout à fait visible dans le code source et permet aux développeurs d’insérer des informations (sous forme donc de commentaires dans le code) destinées à une meilleure compréhension du code. Cela leur est utile et sert également à d’autres développeurs qui reprendraient le travail de codage ultérieurement par exemple.

Un code qui serait bien écrit et simple n’aurait donc pas besoin de commentaire…les avis sur ce point divergent…

 

Faites le test !

Pour tester votre code, montrez-le à une personne qui ne le connait pas et analysez ses réactions : avec un minimum d’informations sur l’application, elle doit pouvoir s’y retrouver. Si ce n’est pas le cas, il y a surement des points à améliorer !

code HTML propre 

Les règles du W3C

Le Worlde Wide Web Consortium (W3C) est un organisme qui définit des normes pour un code html ou xhtml valide. Il a notamment mis en place un outil : le validateur xhtml/css qui valide au fur et à mesure vos pages et vous indique les erreurs détectées.

Si aucune erreur ou alerte n’est détectée cela signifie que le code est 100% conforme aux standards du W3C.

 

Et le référencement dans tout ça ?

Avoir un code valide selon les critères du W3C impacte-t-il sur le référencement ? Autrement dit : y aurait-il un avantage à avoir des pages avec du code propre « w3c » pour quelles se positionnent mieux dans Google ? D’après Google lui-même, ce n’est pas un critère de son algorithme de pertinence. C’est ce qu’il indique … Pour autant, respecter les règles W3C permet d’avoir des pages facilement explorables et indexables pour les robots des moteurs de recherche, ce qui n’est pas négligeable.

 

Conclusion 

Faites un code le plus propre et lisible possible. Que ce soit pour vous, quand il s’agira de revenir dessus ultérieurement, ou pour d’autres développeurs, un code source bien développé sera toujours apprécié. Et puis n’oubliez pas que le code source est visible par un simple clic « Ctrl + u », alors montrez-vous sous votre meilleur jour ! Et bien sûr testez-le avec les différents navigateurs pour vous assurer que tout fonctionner correctement.

 

Votre site en première page de google

J’essaye gratuitement 14 jours

 

Articles similaires