La création et la conception d'un site Web est un processus qui implique quelques étapes simples au départ, mais pouvant sur un site abouti mettre en œuvre des moyens et des compétences très importants. Un site Web, cela peut être une simple page au format HTML, ou des milliers de pages proposant des animations, des services programmés en Java, PHP ou autre langage serveur, des formulaires supposant un traitement en JavaScript, ou AJAX. Il peut reposer sur des technologies de bases de données, p.ex. MySQL].
Sommaire
1 Histoire
2 Les étapes de la création
3 Les constituants des pages
4 La programmation des services
5 Voir aussi
6 Liens externes
Histoire
Tim Berners-Lee, l'inventeur du World Wide Web, a mis en ligne le tout premier site internet en août 1991, faisant de lui le tout premier concepteur de site (Web designer). Le site utilisait pour la première fois un lien hypertexte et un lien vers une adresse e-mail.
Au début, les sites internet étaient écrits en HTML basique, un langage qui donne aux sites internet une structure de base (titres et paragraphes), ainsi que la possibilité d'utiliser des liens hypertextes. C'était une nouveauté et c'était fondamentalement différent des formes de communications préalables, les utilisateurs pouvaient facilement ouvrir d'autres pages.
Au fur et à mesure que l'Internet et la conception de site progressèrent, le langage qui formait les pages, le "Hypertext Mark-up Language" ou HTML, devint plus fourni et flexible. Un nouvel élément, les tableaux, dans lesquels on peut afficher des données, furent vite détournés de leur objectif initial et furent utilisés comme moyen de mise en page. Avec l'apparition du CSS et des feuilles de styles, la mise en page avec les tableaux fut vite considérée comme obsolète. Les technologies modernes qui utilisaient des bases de données, ou le codage côté serveur (voir CGI, PHP, ASP.NET, ASP, JSP, et ColdFusion), ainsi que les normes de conception comme le CSS se sont encore davantage améliorées et ont diversifié les outils de conception de site.
L'apparition de Flash, développé par Macromedia, qui permet de réaliser des animations ainsi que de diffuser du son et de la vidéo, a également changé l'apparence d'Internet, en offrant de nouvelles cartes aux concepteurs de sites. Toutefois, Flash est beaucoup plus restrictif que le HTML car c'est un format protégé par Macromedia, et il nécessite un plug-in pour être affiché.
Une technique assez récente appelée le codage à distance a permis une utilisation d'Internet de façon plus dynamique, sans nécessiter de plug-in ou d'applications spécialisées. Le chef de file de ces technologies est AJAX, mais ce n'est pas la seule technologie existante. Par ailleurs, AJAX n'a pas encore accédé au statut de norme.
Les étapes de la création
En fonction du type de site, du contexte et des moyens disponibles pour le mettre en œuvre certaines de ces étapes sont optionnelles voire inutiles.
Réflexion sur l'objectif du site, sa rentabilité, les moyens financiers à engager ...
Réflexion sur le contenu: définition d'une arborescence
Réflexion sur l'autonomie souhaitée et le type de moyens humains pour faire la mise à jour.
Choix éventuel d'une agence Web (dans ce cas certaines des étapes suivantes sont alors gérées par l'agence).
Dépôt d'un nom de domaine.
Choix d'un hébergeur.
Établissement d'une structure de pages HTML ou XHTML.
Mise au point d'une charte graphique.
Choix et installation d'un Système de gestion de contenu (SPIP, wiki ...) ou choix d'un éditeur de site Web de type WYSIWYG (exemples : NVU, Macromedia Dreamweaver, Microsoft FrontPage) ou texte (exemple : Bluefish, Emacs, ...).
Création de pages via le Système de gestion de contenu ou l'éditeur. Les pages peuvent être créées individuellement ou reposer sur un système de gabarits.
Intégration de la charte graphique via les feuilles de styles CSS.
Optimisation : préparation du site pour les moteurs de recherche.
Le référencement est l'étape finale.
L'accessibilité du site est une donnée à prendre en compte à chaque étape à partir de la mise au point de la structure des pages. Il en est partiellement de même du référencement.
Les constituants des pages
La structure de la page, en HTML ou en XHTML
Le design via les feuilles de style CSS.
Le graphisme avec des images GIF, JPG, PNG.
Des animations en Flash ou en SVG.
Des objets multimédias.
Des formulaires, éventuellement traités en AJAX.
La programmation des services
Article détaillé : Programmation Web.
Voir aussi
Wikilivres propose un ouvrage abordant ce sujet : la création de site web.
Site Web
Page Web
Programmation Web
Web design
Accessibilité du Web
Référencement
Webmestre
Le référencement est l'action de référencer, c'est-à-dire mentionner quelque chose. Sur internet, faire un lien vers une ressource, c'est y faire référence et donc la référencer. Par vulgarisation, l'action générique d'inscription dans les moteurs de recherche s'est vue appelée référencement. Le référencement de sites web s'axe aujourd'hui autour des outils de recherche, plus particulièrement des moteurs et des annuaires de recherche alors que cette activité est en réalité comparable à du netlinking.
Le référencement de sites web s'articule donc par la mise en place des deux stratégies distinctes et complémentaires : le référencement naturel et les liens sponsorisés. La première stratégie passe par une phase d'indexation (= prise en compte) du site par les outils de recherche, puis une phase de positionnement de ces sites sur les résultats naturels des outils de recherche lors d'une recherche faite par les internautes. La seconde s'apparente à de la gestion de budgets de publicité.
Vous trouverez ci-dessous la définition du concept de référencement naturel, stratégie de communication qui s'axe autour de trois axes : le contenu, son format de publication et sa popularité/notoriété sur le web.
Sommaire
1 Référencement naturel
2 Enjeux
3 Techniques
3.1 Lors de la conception du site web
3.2 Lors de la soumission dans les outils de recherche et les annuaires
3.3 Positionnement
3.4 Suivi de positionnement et d'indexation
3.5 Concours de référencement
4 Politique de liens (netLinking)
5 Listes noires (blacklist)
6 Voir aussi
7 Liens externes
Référencement naturel
Le référencement est l'ensemble des techniques qui permettent d'inscrire un site dans les moteurs de recherche ou dans les annuaires. Le référencement est souvent associé avec le positionnement qui, quant à lui, représente l'art d'optimiser la place du site dans les réponses fournies par les moteurs de recherche.
Il est souvent au cœur des actions faites dans le cadre d'une opération de Marketing Internet.
Enjeux
Le référencement est une des principales sources de création de trafic sur un site aujourd'hui. En effet, il permet aux internautes d'accéder à un site sans connaître son adresse. L'afflux principal provient des moteurs de recherche, mais nombre de visiteurs passent également par des annuaires.
Techniques
De façon chronologique :
Lors de la conception du site web
Analyse de la cible
Choix des mots-clés, non seulement pour les métadonnées, mais aussi pour les intégrer lors de la rédaction des contenus des pages web, avec l'attribut keyword ou d'autres attributs (l'attribut "keyword" est beaucoup moins utilisé maintenant).
Mise en valeur du contenu et veiller à son accessibilité.
Lors de la soumission dans les outils de recherche et les annuaires
Équivalent du mot indexation.
Donner des informations détaillées aux moteurs de recherche et annuaires pour qu'ils indexent la page ou le site qui intéresse le demandeur.
Ces informations peuvent varier d'un outil à l'autre, certaines indexations sont gratuites, d'autres payantes, tandis que certains outils demanderont des liens en retour (liens réciproques / liens mutuels).
Positionnement
Article détaillé : Optimisation pour les moteurs de recherche.
Techniques visant à se positionner dans les premiers résultats lors de recherches sur certains mots-clés :
Nombreux liens externes sur des sites traitant du sujet en incluant le mot-clé dans le lien (backlink).
Une autre technique qui elle est réprimandée par les moteurs de recherches (le site sera placé sur une liste noire si il est repéré) : Afficher un contenu différent aux moteurs de recherches et leurs bot à l'aide d'un script en javascript (technique appelée cloaking).
Suivi de positionnement et d'indexation
Suivi d'indexation pour vérifier que le moteur connaît toujours la page qui nous intéresse. Il n'est pratiquement plus utile de soumettre des sites aux moteurs et encore moins de les soumettre si ils sont déjà indexés.
Suivi de positionnement pour optimiser par la suite par rapport aux mots-clés qui nous intéressent.
Le suivi d'indexation dans les annuaires thématiques et généralistes doit être réalisé fréquemment afin de conserver la popularité acquise, voire de l'optimiser en augmentant le nombre et la qualité des liens en retour (backlink) vers le site à positionner.
L'optimisation pour les moteurs de recherche, appelé aussi SEO (de l'anglais Search engine optimization) est un ensemble de techniques visant à favoriser la compréhension de la thématique et du contenu d'une ou de l'ensemble des pages d'un site web par les moteurs de recherche. Ces techniques visent donc à apporter un maximum d'informations concernant le contenu d'une page web aux robots d'indexation des moteurs de recherche.
L'objectif de ce procéder est d'orienter le positionnement d'une page web dans les résultats de recherche des moteurs sur des mots-clés correspondant au thème du site. On considère généralement que le positionnement d'un site est bon lorsqu'il est positionné (classé) dans l'une des dix premières réponses d'une recherche sur des mots-clés correspondant précisemment à sa thématique.