Site vitrine

• Présente l'entreprise, ses produits ou ses services.
• Objectif : faire connaître l'entreprise et attirer des clients.

Site e-commerce

• Permet la vente de produits ou services en ligne.
• Objectif : réaliser des ventes sur Internet.

Blog

• Publie régulièrement des articles ou du contenu.
• Objectif : informer, partager des connaissances ou fidéliser une communauté.

Site institutionnel

• Présente une organisation, une administration ou une association.
• Objectif : informer le public sur ses activités et ses missions.

Site de formation

• Propose des cours, tutoriels ou ressources pédagogiques.
• Objectif : former et accompagner les utilisateurs dans leur apprentissage.

Site informatif

• Fournit des informations sur un sujet précis.
• Objectif : renseigner les visiteurs et diffuser des connaissances.

1. Être visible 24h/24 et 7j/7.
2. Présenter ses produits et services.
3. Vendre des produits ou services en ligne.
4. Inspirer confiance et renforcer l’image de l’entreprise.
5. Apparaître dans les résultats des moteurs de recherche (Google).
6. Fournir les informations pratiques (adresse, horaires, contacts, etc.).
7. Créer un lien avec les réseaux sociaux de l’entreprise.

Site monopage (One Page)

Définition :

• Toutes les informations sont regroupées sur une seule page.

Avantages :

• Navigation simple et directe.
• Expérience utilisateur fluide.
• Design moderne et attractif.
• Rapide à consulter.

Inconvénients :

• Plus difficile à mettre à jour lorsque le contenu augmente.
• Référencement (SEO) souvent moins efficace sur Google.
• Peu adapté aux sites contenant beaucoup d'informations.

Particulièrement adapté pour :

Entreprises :

• Présenter un événement.
• Lancer une nouvelle offre ou un nouveau produit.

Particuliers :

• Créer un CV en ligne.
• Présenter un portfolio.

Site multipages

Définition :

• Les informations sont réparties sur plusieurs pages reliées entre elles par des menus et des liens.

Avantages :

• Permet de présenter un grand volume de contenu.
• Adapté à plusieurs produits ou services.
• Facile à enrichir et à faire évoluer.
• Plus simple à entretenir sur le long terme.
• Meilleur référencement (SEO) sur Google.

Inconvénients :

• Navigation parfois plus complexe (effet « labyrinthe »).
• Demande davantage de compétences pour sa création et sa gestion.
• Coût généralement plus élevé.

Particulièrement adapté pour :

• Entreprises proposant plusieurs produits ou services.
• Boutiques en ligne.
• Associations ou organisations avec beaucoup d'informations à diffuser.

Définition

• Le nom de domaine est l'adresse web unique d'un site internet.
• C'est ce que l'on saisit dans le navigateur pour accéder à un site (ex. : www.exemple.com).

Utilité

• Permet de localiser le serveur sur lequel est hébergé le site.
• Rend l'accès à un site plus simple à retenir qu'une adresse IP.
• Donne une identité et une visibilité à l'entreprise sur Internet.

Exemples

• google.com
• youtube.com
• wikipedia.org

Comment vérifier si un nom de domaine est libre ?

On peut utiliser des outils de recherche de noms de domaine proposés par les registrars ou les hébergeurs, par exemple :

• Infomaniak
• OVHcloud

Il suffit de saisir le nom souhaité ; l'outil indique s'il est disponible ou déjà réservé.

Hébergement web

Définition

• L'hébergement web est un service qui permet de stocker les fichiers d'un site internet sur un serveur connecté à Internet.

Utilité

• Permet de rendre le site accessible aux visiteurs 24h/24 et 7j/7.
• Stocke les pages, images, vidéos et autres fichiers du site.
• Assure le bon fonctionnement du site sur Internet.

Fonctionnement

1. Les fichiers du site sont placés sur un serveur.
2. Le nom de domaine est relié à ce serveur.
3. Lorsqu'un utilisateur saisit le nom de domaine dans son navigateur, le serveur envoie les pages du site.

Exemple

• Nom de domaine : www.monentreprise.ch
• Hébergeur : une entreprise qui met à disposition le serveur sur lequel est stocké le site.

Signification de l'acronyme

• DNS = Domain Name System (Système de noms de domaine).

Définition

• Le DNS est un service qui fait le lien entre un nom de domaine et une adresse IP.

Utilité

• Permet de trouver le serveur correspondant à un nom de domaine.
• Évite aux utilisateurs de devoir mémoriser des adresses IP complexes.
• Facilite l'accès aux sites internet.

Fonctionnement

1. L'utilisateur saisit un nom de domaine (ex. : www.google.com).
2. Le DNS recherche l'adresse IP correspondante.
3. Le navigateur se connecte au serveur grâce à cette adresse IP.
4. Le site internet s'affiche.

Définition

• Un registrar est une entreprise ou un organisme autorisé à enregistrer et gérer des noms de domaine.

Utilité

• Permet d'acheter et de réserver un nom de domaine.
• Vérifie si un nom de domaine est disponible.
• Gère le renouvellement et les paramètres du nom de domaine.

Signification de l'acronyme

• IP = Internet Protocol.

Définition

• Une adresse IP est un numéro unique attribué à chaque appareil connecté à un réseau ou à Internet.
• Elle permet d'identifier et de localiser un appareil.

Utilité

• Permet aux appareils de communiquer entre eux sur Internet.
• Indique au réseau où envoyer les informations demandées.

Fonctionnement

1. L'utilisateur demande l'accès à un site web.
2. Le DNS traduit le nom de domaine en adresse IP.
3. Le navigateur se connecte au serveur grâce à cette adresse IP.
4. Le serveur envoie la page web demandée.

Exemple

• Nom de domaine : www.google.com
• Adresse IP : 142.250.184.142 (exemple

Rôle :

• Langage de balisage utilisé pour créer la structure d'une page web.
• Organise le contenu (titres, textes, images, liens, tableaux, etc.).

CSS (Cascading Style Sheets)

Rôle :

• Langage de mise en forme utilisé pour définir l'apparence d'une page web.
• Gère les couleurs, polices, tailles, espacements et la mise en page.

JavaScript

Rôle :

• Langage de programmation utilisé pour rendre les sites web interactifs.
• Permet de créer des formulaires interactifs, des animations et des effets dynamiques.

Définition :

• Outil permettant de créer et gérer un site web sans programmer.

Ce qu'il permet de faire :

• Créer et modifier des pages.
• Ajouter des images et du contenu.
• Gérer le design et la structure du site.

CMS gratuits :

• WordPress
• Joomla
• Drupal

Fonctionnement

1. L'utilisateur saisit une adresse web (nom de domaine) dans son navigateur.
2. Le DNS traduit ce nom de domaine en adresse IP.
3. Le navigateur contacte le serveur correspondant.
4. Le serveur envoie les fichiers du site (HTML, CSS, JavaScript).
5. Le navigateur affiche la page web à l'écran.

À retenir

Nom de domaine → DNS → Adresse IP → Serveur → Affichage de la page web.

Internet

• Réseau mondial d'ordinateurs connectés entre eux.
• Infrastructure qui permet l'échange de données.

Web (World Wide Web)

• Service qui fonctionne sur Internet.
• Ensemble des sites et pages web accessibles avec un navigateur.

Les 3 axes d'analyse

1. Qualité visuelle

• Le site est-il agréable à regarder ?
• Les couleurs, images et polices sont-elles adaptées ?
• La présentation est-elle professionnelle ?

2. Utilisabilité

• Le site est-il facile à utiliser ?
• La navigation est-elle claire ?
• Les informations sont-elles faciles à trouver ?

3. Confiance

• Le site paraît-il fiable et sécurisé ?
• Les coordonnées de l'entreprise sont-elles visibles ?
• Les informations sont-elles crédibles et à jour ?

Définir l'objectif du site web

• Déterminer le but du site (informer, vendre, présenter une entreprise, etc.).

2. Créer l'arborescence

• Organiser les pages de manière logique et hiérarchisée.
• L'utilisateur doit trouver l'information en maximum 3 clics.

3. Structurer le contenu

• Organiser les textes, images et informations.
• Mettre les informations importantes en avant dès la page d'accueil.

4. Optimiser la navigation

• Créer un menu clair et intuitif.
• Ajouter des liens internes pour guider l'utilisateur.

5. Optimiser le SEO

• Utiliser une hiérarchie de titres.
• Intégrer des mots-clés stratégiques.
• Améliorer le référencement sur Google.

6. Créer le site

• Réaliser le site et améliorer l'expérience utilisateur.
• Vérifier que la navigation reste simple et efficace (maximum 3 clics).

Signification de l'acronyme

• SEO = Search Engine Optimization (optimisation pour les moteurs de recherche).

Définition

• Ensemble des techniques permettant d'améliorer la visibilité d'un site sur Google et les autres moteurs de recherche.

Comment optimiser le SEO ?

• Utiliser des mots-clés pertinents dans les titres et les textes.
• Créer un contenu de qualité et régulièrement mis à jour.
• Utiliser une hiérarchie de titres claire (H1, H2, H3...).
• Optimiser les images (nom des fichiers, taille).
• Créer des liens internes entre les pages du site.
• Améliorer la vitesse de chargement du site.
• Rendre le site adapté aux smartphones et tablettes.