Créer une page web dynamique

Créer une page web dynamique

Créer une page web dynamique

Vous vous lancez dans le web et vous êtes perdus ? Entre les différents types de pages, le fonctionnement du serveur web et les langages à maîtriser, il y a de quoi. Cette page est là pour vous aider au maximum. Voyons comment et pourquoi créer une page web dynamique.

I. Page dynamique 

1.1. Définition

Un site dynamique désigne un site sur lequel une ou plusieurs pages sont des pages dynamiques, c’est-à-dire créées sur demande par le serveur. La page web dynamique n’existe donc pas réellement sur le serveur Web. Ce qui fait qu’elles sont dynamiques est que leur contenu va changer sans que cela soit dû au créateur du site : il est modifié lorsque la page est exécutée sur le navigateur du client. 

Ces pages dynamiques sont générées en temps réel à partir des informations trouvées dans les bases de données en fonction des interactions avec les internautes. De plus, on dit des pages dynamiques qu’elles sont sécurisées car on ne peut jamais voir le code de construction de la page, uniquement le code source visible depuis le navigateur. 

1.1.1. Comment repérer une page web dynamique 

Pour déterminer si une page web est dynamique ou pas, il vous suffit de jeter un coup d’œil à l’URL. Pour bien être indexer sur les moteurs de recherches, il faut respecter 3 points : 

    • Le point d’interrogation dans l’URL : c’est le point de départ des paramètres de la page. Vous ne devez mettre qu’un seul point d’interrogation sur Google.
    • L’esperluette (&) : elle sépare les paramètres que vous renseignez. Ne mettez pas plus de deux esperluettes sur Google.
    • Vos URLs doivent être le plus court possibles 

1.1.2. Exemples de page dynamique

Les pages dynamiques sont particulièrement efficaces pour répondre au besoin de personnalisation sur un site, pour offrir à chaque internaute un contenu adapté sur-mesure. Voici une petite liste d’exemples :

    • Catalogue en ligne : le client sélectionne ses paramètres  (taille, couleur, prix…). Selon ses paramètres, une page « sur mesure » est créée. 
    • Moteurs de recherche : exemple flagrant auquel on ne pense pas souvent. Mais quand on y réfléchit, les pages de résultats qu’ils proposent sont adaptées aux recherches des internautes.
    • Un espace membres : les visiteurs inscrits sur votre site ont accès à une page qui leur est réservée peuvent s’inscrire sur votre site et avoir accès à des sections qui leur sont réservées 
    • Les jeux en ligne

1.2. Avantages

    • Ajouts, suppression, modification du contenu de votre site en direct
    • Transformation complète des pages à n’importe quel moment 
    • Faire participer vos visiteurs et vos clients en leur demander leurs avis sur un produit ou un service
    • Limiter l’accès d’une partie de votre site, comme un espace membre
    • Cibler avec précision les besoins de chaque client
    • Profiter d’un excellent retour sur investissement
    • La mise à jour est très simple à effectuer

1.3. Inconvénients 

    • Vous devez être formé à l’interface d’utilisation. 
    • Les différents plugins nécessaires sont coûteux en termes de performance. Et vous devrez être en mesure d’optimiser votre site régulièrement. Si vous débutez, il est plus raisonnable de déléguer cette tâche à un expert.
    • Une page web dynamique nécessite une vaste base de donnée pour répondre aux besoins de chaque client, ce qui représente un traitement plus long et plus de contraintes
    • Idéal pour les services, moins pour les produits

II. Page statique 

2.1. Définition

À la différence d’une page web dynamique, une page web statique est stockée dans le serveur web. Ce dernier n’a aucun travail à fournir : il n’a qu’à l’afficher sur son navigateur lorsqu’elle est demandée. Les pages statiques impliquent qu’elles doivent déjà exister sur le serveur Web.

Une page web statique fournit un contenu identique pour chaque visiteur. Elle est affichée telle qu’elle a été créée, sans modification de la part du serveur web. On dit que ces pages sont « figées ». Elle peut bien sûr être modifiée par le webmaster, mais elle ne dépend pas des agissements des internautes. Quant à l’URL, il ne contient aucun paramètres spéciaux.

2.2. Avantages 

    • Moins cher à développer qu’un site web dynamique
    • Meilleure présentation des pages 
    • Plus d’opportunités de création graphique
    • Affichage plus rapide du site puisque le serveur ne fait qu’afficher la page déjà crée, sans travail de sa part
    • Cet affichage influe positivement dans votre référencement
    • Les pages statiques sont facilement sauvegardées

2.3. Inconvénients

    • Si le site contient trop de pages statiques, la maintenance sera fastidieuse 
    • À chaque nouvelle page crée, il faut intégrer le nouveau lien à la navigation de vos autres pages
    • Le contenu de ces pages ne peut pas être mis à jour automatiquement : il faut que le webmaster modifie le code source pour y ajouter ses modifications.
    • Il n’y a pas d’interface d’administration pour gérer votre contenu.

III.  Serveur Web

Pour visiter un site web, il faut taper son adresse dans le navigateur. Mais comment la page web arrive jusqu’à nous ? Tout d’abord, sachez que le réseau est composé d’ordinateurs, classés en deux catégories : 

    • Les clients : ce sont vos ordinateurs. Chaque client est le visiteur d’un site web. 
    • Les serveurs : ce sont les ordinateurs qui stockent et vous délivrent les sites web. Ils sont indispensables au fonctionnement du Web.

La différence entre pages dynamiques et statiques provient de la manière dont ces deux ordinateurs communiquent.

3.1. Définition

Un serveur Web est un système informatique qui permet la consultation d’une banque de données et la diffusion de contenus sur internet. La plupart des ordinateurs utilisés comme serveur Web sont reliés à Internet et hébergent des sites internet du World Wide Web. Les autres serveurs hébergent les documents internes d’une entreprise ou d’une administration par exemple.

Pour faire simple, à chaque fois qu’un navigateur a besoin d’un fichier situé sur un serveur web, le navigateur demande le fichier via HTTP (= protocole de transmission qui permet à l’utilisateur d’accéder à des pages web via un navigateur). Quand la requête atteint le bon serveur web, le serveur HTTP renvoie le document demandé. Pour publier une page web, vous aurez besoin d’un serveur web statique ou dynamique.

3.1.1. Serveur d’un site statique

Lorsque le site est statique, cela se passe en deux temps :

    1. Le client demande au serveur de voir une page web.
    2. Le serveur lui renvoie la page demandée.

3.1.2. Serveur d’un site dynamique

Lorsque le site est dynamique, il y a une étape supplémentaire : 

    • Le client réclame au serveur de voir une page web.
    • Le serveur élabore la page spécialement pour le client.
    • Le serveur lui renvoie la page qu’il vient de générer.

Une page web dynamique est générée à chaque fois qu’un client la réclame. Ainsi, puisque le serveur génère une nouvelle page à chaque fois qu’on lui en demande une, il peut la personnaliser en fonction des besoins et des préférences du visiteur.

3.2. Langages informatique à maîtriser

3.2.1. Pour un site statique 

Les pages web statiques résultent des langages HTML et CSS qui sont des langages de description de données et de mise en forme.

    • HTML : langage de base des sites web, il est simple à apprendre et fonctionne à partir de balises. Il vous permet de rédiger le contenu de vos pages web et de les structurer 
    • CSS : langage de mise en forme des sites web. C’est avec le CSS que vous pouvez notamment choisir la couleur, la taille…

3.2.2. Pour un site dynamique 

Quel que soit le type de site web que vous souhaitez créer, HTML et CSS sont donc indispensables puisque ces langages sont la base de tous sites web. Cependant, ils ne suffisent pas pour la création de sites dynamiques. Il faut les compléter avec d’autres langages. 

    • PHP : langage que seuls les serveurs comprennent et qui permet de rendre votre site dynamique. C’est lui qui « génère » la page web. Il peut fonctionner seul mais il est plus efficace quand il est combiné à MySQL
    • MySQL : système de gestion de bases de données. Il enregistre et organise les données (liste des membres, messages sur le blog…) pour vous aider à les retrouver plus facilement. 

IV. Quel est le meilleur choix pour le référencement

Jusqu’à il y a quelques années, les moteurs de recherches n’indexaient pas les sites dynamiques. Même si la situation à changer, il y a tout de même des règles à respecter pour pouvoir faire indexer vos pages dynamiques. Pour pouvoir toujours être bien référencé, vous devez continuellement adapter, modifier, compléter vos contenus pour les algorithmes informatiques de Google visitent souvent votre site. 

Si je dis Google, c’est parce qu’actuellement, c’est ce moteur de recherche qui possède les trois quarts du total de positionnement web. Ainsi, les mises à jour et les améliorations continues de Google pour améliorer les résultats de son moteur de recherche vous obligeront à miser sur les stratégies dynamiques. 

Conclusion pour créer une page web dynamique 

La création et les avantages d’une page web dynamique n’ont désormais plus de secrets pour vous. Vous restez bien sûr libre de faire appel à des professionnels. Mais dans le cas contraire, à  vos langages de codages, prêt, programmez !