Tutos complets « création d’un site web »

Tout y est expliqué en détails, à la manière des autres Tutos de ce site

En suivant les 3 modules, vous pourrez reproduire à l’identique le même site que celui-ci ou n’importe quel autre …

Considérations techniques

Un visiteur doit trouver très rapidement ce qu’il est venu chercher, sinon il repartira au bout de quelques secondes

On parlait avant de la règle des 3 clics, ce qui veut dire qu’il ne faut pas plus de 3 clics pour arriver au résultat recherché

Cette “règle” est plutôt remplacée aujourd’hui par l’ “information foraging” qui consiste tout simplement à donner à l’internaute l’impression qu’il n’est jamais perdu dans sa navigation, même s’il met plus de 3 clics à arriver à sa recherche

Un site désuet, non reformaté dans un format actuel, fera également fuir les visiteurs

On se dit que si le site est ancien, les informations qu’il contient sont obsolètes, tout comme la sécurité de nos données

De plus, un site peu attractif ne donne pas envie d’y rester

Le site doit également répondre à un grand nombre de critères

– Au niveau visuel : il doit être “responsive”, c’est-à-dire qu’il doit s’adapter automatiquement à tous les formats d’écrans

Il doit également pouvoir fonctionner avec tous les navigateurs et les versions de Windows

– Au niveau référencement : il doit être le mieux placé que possible par les moteurs de recherche

– Au niveau sécurité : il ne doit pas être la proie des pirates qui pourront y voler des données personnelles, ou le rendre non opérationnel, en y pratiquant diverses attaques

Le rôle des webmasters indépendants ou des agences web est de travailler sur tous ces points

Créer un site n’est pas la seule phase du processus

Une fois le site terminé, il faut aller plus loin …

Choisir et réserver un nom de domaine

Choisir un hébergeur suivant de nombreux critères : type d’hébergement, situation géographique, sécurité, services, coût …

Effectuer la maintenance et la gestion du site : rédaction de contenu, gestions des utilisateurs enregistrés, des commentaires, des sauvegardes, des mises à jour, de la promotion, des newsletters, des réseaux sociaux liés …

Tous les outils de conception sont “Open Source”, libres de droits

Toutes les mesures obligatoires sont clairement expliquées : déclaration à la CNIL, rédaction des mentions légales et de protection des données personnelles, etc …

Les dépenses à prévoir (pour un site de taille moyenne, telle que MON PC sont :

Création du site dynamique e-commerce, par soi-même, en suivant ce TUTO : seul le coût du TUTO, rien de plus

Par une agence web, ou un informaticien “freelance” : compter plusieurs centaines ou milliers d’€, suivant sa complexité

Référencement, optimisation, et suivi du site, par soi-même, en suivant ce TUTO : seul le coût du TUTO, rien de plus

Par une agence web, ou un informaticien “freelance” : compter plusieurs centaines d’€, suivant le sérieux et le temps consacré

Administration et maintenance du site, par soi-même, en suivant ce TUTO : seul le coût du TUTO, rien de plus

Par une agence web, ou un informaticien “freelance” : compter plusieurs centaines d’€, suivant le sérieux et temps consacré

Achat du nom de domaine : de 0 à 40€ / an, renouvelable

La 1ère année est souvent attractive (gratuite), mais les suivantes sont plus chères si on n’y prête pas attention

Il est également possible de trouver un nom de domaine gratuit à vie, même en .com ou .fr

Hébergement : moyenne de 50€ / an, suivant l’hébergeur et les caractéristiques techniques incluses dans l’offre

Les hébergements gratuits sont exclus, pour ne pas se retrouver avec une infrastructure inadaptée : lenteurs, pubs, limitations …

Notions de base sur le codage et les outils de développement

Explications de fonctionnement d’une page web

Présentation du langage de balisage “HTML” (Hypertext Markup Language), et des feuilles de style “CSS” (Cascading Style Sheets)

L’essentiel de ce qu’il faut en retenir

Présentation du langage serveur “PHP” (Hypertext Preprocessor)

Présentation du langage de programmation de scripts “js” (javascript)

Présentation du langage de manipulation des bases de données “SQL” (Structured Query Language)

Installation et utilisation d’un serveur local, sur son PC

Eventualité de problèmes rencontrés

Installation et utilisation d’un éditeur de code multiplateforme

Création du site en Local, sur son PC

Présentation des “CMS” (Content Management System), e-commerce, ou non

Installation et utilisation de WordPress

Compréhension de l’architecture des répertoires du “Template”, et des fichiers système

Compréhension de l’organisation de l’interface administrateur

Recherche, installation, et utilisation d’un thème, compréhension de ses réglages, sensibilisation sur la sécurité liée aux thèmes

Mise en place d’un thème enfant

Création de contenu : pages, articles, widgets, menu, bibliothèque des médias, utilisateurs

Recherche, installation et utilisation des extensions, sensibilisation sur la sécurité liée aux extensions

Création d’une charte graphique

Utilisation d’un “page builder”, aide supplémentaire à la création de contenus, très simple d’utilisation

Création d’un forum

Création d’une boutique e-commerce

Vérification orthographique avec un utilitaire puissant

Contenu des “CGU” (Conditions Générales d’Utilisation) :

– Mentions légales

– Politique de protection des données personnelles

– Conditions générales de vente

Recherche de disponibilité d’un nom de domaine, de son coût, et du “registrar” (hébergeur du nom de domaine)

Choix d’un hébergeur de site, de sa situation géographique, du type d’hébergement, du coût, des prestations fournies

Installation de WordPress dans son espace serveur

Configuration de la base de données

Migration du site sur le réseau TCP/IP, avec un outil de transfert “FTPS” (File Transfer Protocol Secure)

Installation et configuration de celui-ci

Configuration de la messagerie de contact

Configuration des mesures de sécurité contre les attaques pirates

Création d’un compte de passerelle de monétisation, entre le site et sa banque

Mise en place d’une passerelle d’accès privative

Tests de toutes les fonctionnalités

Évaluation par un panel de testeurs, via un questionnaire d’évaluation

Finalisation, remise à zéro des compteurs , ouverture au public

Optimisation du site pour le référencement naturel “SEO” (Search Engine Optimisation)

Un grand nombre de critères (plus de 200) sont pris en compte par les algorithmes de classements

Explications des bases du référencement

Installation de liens pour les moteurs d’indexation

Installation et utilisation de tous les outils servant au référencement

OPTIMISATION INTERNE du site, suivant les critères imposés

– Optimisation des titres et de leurs hiérarchisations

– Optimisation des métabalises et métadescriptions

– Optimisation des images, de leurs requêtes, des textes alternatifs

– Optimisation des URL

– Analyse des mots-clés, leurs pertinences, de la longue traîne, du champ lexical

– Analyse du maillage de liens entrants et sortants

– Réalisation et mise en place d’un “site map”

– Optimisation de lisibilité des pages : longueur des phrases et des paragraphes, voix passive, lisibilité “flesch”, mots de transition, doublons, synonymes

– Optimisation des requêtes cibles, de leurs longueurs

– Optimisation des autres paramètres : minification, compression, paramétrage des “caches”

– Score SEO

Connaître les pratiques interdites, sous peine de déréférencement

OPTIMISATION EXTERNE du site, backlinks

Utiliser les annuaires de référencement, en complément

Mise en place et utilisation des outils de performances & d’audits

Analyse du trafic

Positionnement

Analyse sémantique

Plagiats

Audits partiels ou complets

Accroissement de la popularité du site

Mesure d’audience

Test de vitesse de chargement des pages

Test de validité des liens externes

Indice de confiance

Visualisation des pages non indexées

Comportement des internautes

Crawl de site

Conversions

Émission de rapports

Promotion du site

Création de comptes réseaux sociaux : Facebook, Instagram, Pinterest, TikTok,You tube, Linkedln, Dailymotion, Vimeo

Recherche de partenariats

Réalisation de “Call to action” : newsletters, et installation d’un outil de mailing automatique

Campagnes de publicités gratuites ou payantes

Administration

Gestion des droits : administrateurs, visiteurs, identifiants

Gestion des commandes, des demandes, des commentaires …