Créer un site internet

Un site internet est un ensemble de pages web hébergées sur un serveur et visualisables dans un navigateur. Ces pages web sont reliées entre elles par des liens qui permettent de passer de l’une à l’autre. On reconnaît un site web à l’homogénéité du design de ses pages. L’ensemble des pages d’un site web est en général accessible sous une adresse au même nom de domaine.

Définition

Pourquoi créer un site web ?

Une meilleure visibilité

Aujourd'hui, le simple fait d'avoir une page Web augmente la notoriété.

De plus en plus, les gens se fient aux moteurs de recherche comme Google pour trouver une entreprise et s'y vous n'y êtes pas, cela revient à dire que vous n'existez pas.

Pourquoi créer un site web ?

Une vitrine disponible en tout temps et accessible de partout

Votre clientèle peut consulter votre site Internet et trouver l'information par rapport au produit ou au service qui l'intéresse, et ce, à toute heure du jour et de la nuit.

L'internaute peut naviguer sur votre page Web pour répondre à ses questions pendant que vous continuez de vaquer à vos occupations.

Pourquoi créer un site web ?

La facilité de mises à jour et de distribution

Un grand avantage du Web versus les médias papier, c'est qu'il est simple et peu coûteux à mettre à jour.

Vous n'avez donc pas à réimprimer de grandes quantités de papier et à les redistribuer à vos clients.

Pourquoi créer un site web ?

Une source d'information illimitées

Un site Internet n'a aucune limite physique. Vous pouvez y mettre toute la documentation désirée (textes, images, PDF, vidéos, etc.)

Une page Web peut alors devenir une source d'information très importante concernant tout ce qui touche vos produits et services pour vos clients.

Si vous le désirez, vous pouvez même intégrer à votre site Internet une boutique virtuelle permettant d'acheter directement en ligne.

Pourquoi créer un site web ?

Mieux connaître sa clientèle

En observant les statistiques de fréquentation, vous pourrez connaître les produits les plus populaires et ceux qui attirent un peu moins l'attention.

Vous pourrez ainsi améliorer les produits et les services offerts par votre entreprise.

Vous pourrez même recueillir des informations plus précises en utilisant des formulaires en ligne pour recueillir des commentaires anonymes ou non.

Créer un site efficace

La Règle des 3 U

Site internet

Utile

UtiliséUtilisable

Créer un site efficace

Un site utile

Votre site doit répondre aux besoin de la cible visée.

Il est possible de développer des contenus attractifs qui vont au delà de votre discours commercial pour générer un trafic qualifié(recettes de cuisine, le bienfait des légumes sur l'organisme, l'assemblage vins-plats, cours de dégustation..)

Créer un site efficace

Un site utilisable

De l'anglais usability (ergonomie) : ● une navigation intuitive

● Un affichage correcte sur tous les supports

● Une lecture et une compréhension rapides

Créer un site efficace

Un site utilisé

Pour assurer sa visibilité dans les moteurs de recherche, un site a besoin de vivre :

● Recevoir des visiteurs

● Être mis à jour

Le responsive design

Un impératif aujourd'hui

Il permet à votre site de s'ajuster et de se redimensionner automatiquement en fonction de la taille de l'écran.

Un temps d'affichage optimal

Car un internaute est un individu pressé, il ne passe en général pas plus de 2 minutes sur un site.

L'affichage de vos pages doit donc se faire en quelques secondes.

Les questions à se poser

Que souhaite créer, véhiculer l'entreprise à travers son site internet ?

Qu'est ce que ce site apporte aux internautes pour les attirer, les conquérir et les fidéliser

Héberger votre site

L'hébergement d'un site internet se fait généralement chez un prestataire.

Cependant, il est possible de le réaliser en interne en fonction des compétences techniques présente dans l'entreprise

Héberger votre site

Plusieurs hébergeurs dont les serveurs sont basés en France répondent à la législation française en matières de stockage des données et de propriétés intellectuelles

OVH

Netissime

Les +

Des solutions intégréespour générer l'interface

du site

Un nom de domaine offertwww.votre-entreprise.fr

+ ou – d'adresses mails Rattachées au domaine

paniersbio@votre-entreprise.fr

Le nom de domaine : Un nom de domaine (NDD) est une adresse « lisible par un humain » d’un ensemble de sites web ou de services.

http://www.epl.carcassonne.educagri.fr/cfppa-formation-adultes.html

L’indication du protocole de communication : http:// ou https:// pour les serveurs web.

Le chemin vers la ressource : page internet, document, image...

L'extension : Généralement la langue du site, localisation du domaine.

Le sous-domaine cible : www c’est une simple convention.

Structure d'une adresse

Choisir un nom de domaine

Avant d'arrêter le nom de l'entreprise, vérifier que ce nom est disponible en tant que nom de domaine et le réserver au plus tôt.

Vérifier qu'il ne corresponde pas déjà à une marque existante susceptible d'invoquer une antériorité en cas de litige.

Un nom de domaine doit être déposé auprès de l'INPI et renouvelé tous les ans

Choisir un nom de domaine

Il doit être facile à mémoriser

Sa traduction est elle aisée

Il doit être court, facile à taper

Il ne peut dépasser 69 caractères

Seul le tiret est utilisable mais à eviter

C'est le navigateur web qui fera la traduction entre ces langages informatiques et ce que vous verrez s'afficher à l'écran.

Structure d'une page

Le HTML définit le contenu.

Le CSS en définit la présentation

Langages de programmation

Balises en paires : <titre>Ceci est un titre</titre>

Balises orphelines : <image/>

Les balises html

Les éditeurs de texte : pour écrire votre code

Pour coder en HTML

Balises en paires : <titre>Ceci est un titre</titre>

Balises orphelines : <image/>

Les balises html

Les balises sont généralement accompagnées d'attributs mentionnant des valeurs pour donner des indications supplémentaires au navigateur

<image nom = « photo.jpg »/>

Attributs et valeurs

<h1>Titre principal</h1>

<h2>Sous titre</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget ligula quis libero mollis dapibus.Suspendisse potenti. Nullam facilisis neque et sem. Proin placerat adipiscing urna. Aenean sollicitudin. Mauris lorem erat, fringilla quis, sagittis a, varius sed, nunc. Pellentesque ligula. Nullam egestas eleifend turpis. Vivamus acsapien. Sed venenatis, ligula ut scelerisque vehicula, erat tellus euismod ipsum, eget faucibus tortor arcu et lectus.Vivamus vel purus. Fusce dignissim tortor quis diam elementum fermentum. Mauris eleifend lorem vel arcu. Vivamus tempusfaucibus lectus. Curabitur volutpat ornare mi. Curabitur ac libero. Sed eu elit ac metus egestas iaculis.</p>

<ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li></ul>

<p><a href="http://css.mammoutland.net/">css.mammoutland.net/</a></p>

Contenu d'une page html

Le langage CSS (Cascading Style Sheets : Feuilles de Style en Cascade

Les bases du CSS

Les sites dynamiques

Content Management System :

Le système de gestion de contenu permet d'administrer vos pages web sans connaissances techniques.

Le CMS pour créer sans programmer

Le CMS pour créer sans programmer

La saisir des données se fait via une interface familière d'un éditeur de document

Serveur

Gestion des contenusdans la base des

données

Le CMS Propriétaire

Développé par des agences, elles sont privilégiées pour des besoins spécifiques

Le CMS est lié à son créateur, donc votre site aussi

Le CMS pour créer sans programmer

Les CMS open sources

les CMS Joomla et wordpress ou encore Drupal pour créer le site internet

Une communauté d'utilisateurs active

Il est possible d'intégrer « des mises en page » supplémentaires (templates) et des modules (e-boutique)

Il existe des CMS en ligne qui permettent de mettre en site en ligne rapidement

Créer son site

Quelles solutions choisir ?Avant de choisir vous devez définir :

Quels sont les contenus qui doivent être mis à jour, à quelle fréquence ? Par qui ?L'actu des salonsArticle événementPromotionSortie de produitscatalogue...

Quels évolutions sont à prévoir  (contenus, pages, fonctionnalités, catégories, service en ligne) ?

Le site doit-il s'interfacer avec d'autres logiciels (logiciels commerciaux, comptable, e-mailing...) ?

L'arborescence du site

Identifier les contenus clés : imaginer les questions que se pose votre cibleVais-je trouver de bons produits ? Oui vous pouvez nous faire nous faire confiance

Procédés de fabrication, terroir, AOP, labellisation, références...

Choisir les formats pour chacun de vos contenus clésVidéo, images, fonctionnalités de recherches, simulateur de, fichiers téléchargeables..Privilégier le visuel tout en préservant du texte pour un meilleur référencement

Organiser les contenusLa page d'accueil/homepage : doit comprendre l'ensemble des contenus-clé ou au moins une annonce avec le lien vers le contenus completLes pages intérieures pour les compléments

Les itinéraires de navigation

Imaginer les différents profils d'internautes pour créer la meilleure ergonomie possible

Expert

Précis

Novice

Pressé

Accès directau contenurecherché

Traiter toutes lesattentes sur laPage d'accueil

Astuces pour l'ergonomie

Limiter les clics : Eviter les « pages tunnel »

Privilégier les pages longues 

Prendre modèle sur les sites références

Éviter les tâches répétitives pour l'internaute en conservant ses données (coordonnées, historiques de commandes, dernières pages consultées...)

Prendre en compte la lecture sur écran

Schéma de lecture d'une page web

LogoNavigationsecondaire

Publicité

La navigation

Contenus prioritaires Liens boutons

Astuces pour les formulaires

Limiter le nombre de champs à remplir

Respecter l'ordre d'affichage standard

Poser des questions auxquelles on répond facilement

Vérifier qu'en cas d'erreur le champs concerné soit identifié clairement

Établir le cahier des charges

Le cahier des charges C'est une esquisse du projet global pour demander une proposition à un prestataire

Objectif et environnement de votre entrepriseObjectif du site, calendrier

Vos attentes fonctionnelles : catalogue, e-boutique, e-mailingEspace utilisateur, connexion aux logiciels entreprises

L'architecture du site : solution techniques envisagées, plan Du site, le nom de domaine, la sécurité, la navigation...

Vos attentes graphiques : inspirations, chartes, maquettes de La pages d'accueil, exemple du contenu.

Vos attentes graphiques : inspirations, chartes, maquettes de La pages d'accueil, exemple du contenu.

Les règles de gestions : back office/front office, les espaces clients...

Le cadre juridique

La loi française sur la propriété intellectuelle● Les exceptions : Les court extrait avec citation et les licence Creative Commons

La loi Informatique et libertésElle protège les internautes de l'usage abusif de leurs données personnelles● Les personnes doivent être informé de la collecte des données● Leur collecte, traitement et conservation doivent faire l'objet d'une déclaration

auprès de la CNIL qui contrôle l'application du cadre légal

La LCEN (loi sur la confiance en l'économie numérique● Définit les droits et devoirs des consommateurs et des cybervendeurs● Obligations de faire apparaître les mentions légales● Encadre la prospection par voie électronique pour lutter contre le spam

Site vitrine 5 à 10 p. Site d'e-commerce 5-10 p. générales50-100 produits

Portail web+ de 200 p.+ espaces membres+ divers modules

Logiciel en ligneLocation mensuelle du site web

0€ – 30€ / mois 10€ – 100€ / mois Pas adapté

Freelance développeur web + webdesigner

500€ – 3 000€ 1 000€ – 20 000€ 5 000€ – 50 000€

Agence webPrestation complète

1 000€ – 5 000€ 3 000€ – 50 000€ 10 000€ – 100 000€

Une idée des tarifsAttention à la dimension juridique et à la propriété des sources, images...

Répondre aux critères du web

Le World Wild Wed Consortium (W3C) : Organisme dont la vocation est de promouvoir « un seul web partout et pour tous »

Se plier aux standards techniques en terme d'indexation des pages et des données, de design, d'architecture du site...

Tester votre site

Le référencement naturel

Pourquoi le référencement payant ?

Visibilité immédiatePlus vos enchères sont élevées plus votre position est haute dans l'affichage des résultats sponsorisés

Atteindre un audience cibléecréer soi-même ses annoncesSélectionner les mots-clés sur lesquels votre annonces apparaîtFaire ciblage géographique précis

Optimiser votre budgetdéfinir un budget quotidien maximumdéfinir vos enchères (coût maxi par clic) par campagne, mot-clé ou groupe de mots-clés qui définissent la position de votre annonces par rapport aux concurrentsFacturation seulement lorsque quelqu'un clique sur votre annonce

Quantifier vos résultats facilementSuivi sur le nombres d'impressions de vos annonces par mots-clésNombres de clic par annonce et mots clésMesure des taux de conversion

Les critères pris en compte par l'algorithme de Google

La structure du compte

L'attractivité des annonces

Les pages d’atterrissage

L'analyse des requêtes de recherche

Le montant des enchères

Les taux de transformation entre affichage (impression) de l'annonce et clic

Rédiger votre annonce