SlideShare une entreprise Scribd logo
1  sur  84
Les leviers du
Webmarketing
Adrien Ruffier
Le Webmarketing
C’est quoi ?
Adrien Ruffier
Le Webmarketing consiste à promouvoir
ses produits et services et à interagir avec
le consommateur à travers toutes formes
de supports ou canaux digitaux.
>Objectif :
augmenter la notoriété de votre marque ou de votre site
améliorer votre image ( relation de confiance)
augmenter le trafic de votre site web
réalisation des objectifs du site : ventes, contacts, lecture..
fidélisation des clients et des prospects
conversion des prospects en clients
Adrien Ruffier
« In the new world, it is not the big fish which eats the small
fish, it’s the fast fish which eats the slow fish »
Klaus Schwab, Founder & Executive Chairman – World Economic Forum
Adrien Ruffier
Grimper l’échelle
de la connaissance
numérique
Quelles sont mes
connaissances du
numérique ?
Adrien RuffierAdrien Ruffier
ETAT DES LIEUX DU NUMERIQUE01
1 La technologie numérique à la base de l’internet
2 Du web 1.0 au web 3.0
3 Les grandes tendances web 2016-2017
Adrien Ruffier
Adrien Ruffier
La technologie numérique à la base de l’internet1
Un peu d’histoire…
Adrien Ruffier
La technologie numérique à la base de l’internet
1950
1971
1973
1983
Création de l’ARPA
Naissance de l’e-mail par BBN
Création du Protocole TCP/IP
Naissance du DNS
(Domain Name Systeme)
D’une technologie militaire …
Adrien RuffierAdrien Ruffier
La technologie numérique à la base de l’internetRUPTURE
Adrien Ruffier
Apparition des
termes :
Navigateurs
Page Web
Liens hypertextes
Apparition du World
Wide Web (WWW)1989
> Objectif : améliorer et faciliter le
partage des données en interne
1993 Internet s’ouvre au grand public
Adrien Ruffier
La technologie numérique à la base de l’internetD’une technologie publique …
Adrien Ruffier
1993
1995
2012
Apparition de MOSAIC
Windows 95 et Internet Explorer
(90% du marché jusqu’en 2002)
Chrome dépasse la PDM de
Internet Explorer
Navigateurs PDM
Chrome (google) 49,8%
Safari (Apple) 14,9%
IE (Microsoft) 14,8%
Firefox (Mozilla) 7,7%
Juillet 2017,révolution digitale
Adrien Ruffier
La technologie numérique à la base de l’internetD’une technologie publique …
Adrien Ruffier
1998
Adrien Ruffier
La technologie numérique à la base de l’internetD’une technologie publique …
Adrien RuffierAdrien Ruffier
Adrien Ruffier
Du web 1.0 au web 4.02
30 ANS DE RÉVOLUTION NUMERIQUE ET DIGITALE
Adrien Ruffier
Adrien Ruffier
Du web 1.0 au web 4.02
30 ANS DE RÉVOLUTION NUMÉRIQUE
Le web 1.0
Le mag numérique, juin 2015
WEB 1.0 : De 1995 à 2003
Adrien RuffierAdrien Ruffier
Le mag numérique, juin 2015
WEB 1.0 : De 1995 à 2003
> Le Web 1.0 est le Web Traditionnel
> Il s’agissait de reproduire les modèles
de l’édition papier, de les adapter aux navigateurs internet.
 Il s’agit majoritairement de sites orientés produit
> L’internaute est passif : « read only » – « view and link »
WEB 1.0 : De 1995 à 2003
Adrien Ruffier
Le mag numérique, juin 2015
WEB 1.0 : De 1995 à 2003WEB 1.0 : De 1995 à 2003
Adrien Ruffier
Métiers classiques de la création web
> webmaster
> intégrateur
> développeur
Adrien Ruffier
WEB 1.0 : De 1995 à 2003
Un petit coup de
WAYBACKMACHINE…
WEB 1.0 : De 1995 à 2003WEB 1.0 : De 1995 à 2003
Adrien Ruffier
Le mag numérique, juin 2015
WEB 2.0 : De 2003 à 2008
Le Web 2.0 est le Web Social
Il s’agit de l’internet communautaire avec l’apparition de
l’open source (Flux RSS, accès au API etc..)
C’est l’apparition des user generated content
Apparition des commentaire sur les sites, blogs, création
des forum etc..
L’internaute est Actif !
WEB 2.0 : De 2003 à 2008
Adrien Ruffier
Le web 2.0
Le mag numérique, juin 2015
WEB 2.0 : De 2003 à 2008WEB 2.0 : De 2003 à 2008
Adrien Ruffier
> Le terme « Web 2.0 » apparait en 2003
> Révolution technologique mettant l’internaute au centre du web
> Le web n’est plus un media mais une plateforme d’échange
> Nécessité pour les marques de prendre en compte cette dimension
collaborative
Adrien Ruffier
Le mag numérique, juin 2015
WEB 2.0 : De 2003 à 2008
> Le Web 2.0 est le Web Social
> Il s’agit de l’internet communautaire avec l’apparition de l’open source (Flux RSS, accès au API
etc..)
> Apparition des commentaires sur les sites, blogs, création des forums etc..
> C’est l’apparition des users generated content
> L’internaute est ACTIF !
WEB 2.0 : De 2003 à 2008
Adrien RuffierAdrien Ruffier
Chiffre wikipedia dec 2016 / Chifffres facebook //investor.fb.com 2017 / Chiffres tripadvisor Press Center 2016
WEB 2.0 : De 2003 à 2008
30 millions
d’articles,
25000 de
plus / jour
1,7 milliards
d’utilisateurs
actifs par mois
250 millions
d’avis de
voyageurs
WEB 2.0 : De 2003 à 2008
Adrien RuffierAdrien Ruffier
Chiffre wikipedia dec 2016 / Chifffres facebook //investor.fb.com 2017 / Chiffres tripadvisor Press Center 2016
WEB 2.0 : De 2003 à 2008WEB 2.0 : De 2003 à 2008
Adrien Ruffier
Nouveaux métiers
> webdesigner
> graphiste
> community manager
> chargé des RP digitales
> …et beaucoup d’autres…
Le mag numérique, juin 2015
WEB 2.0 : De 2003 à 2008
Un petit coup de
WayBack Machine
Un petit coup de
WAYBACKMACHINE…
WEB 2.0 : De 2003 à 2008WEB 2.0 : De 2003 à 2008
Adrien RuffierAdrien Ruffier
WEB 3.0 : De 2008 à aujourd’hui
Le Web 3.0 est le Web Sémantique
La personnalisation du contenu et vise à organiser les
réponses en fonction de chaque internaute. L’internet du
sur mesure.
Ce n’est plus le producteur comme dans le web 1.0, ou le
« user » dans le web 2.0 mais l’ordinateur qui produit
l’information en fonction de l’internaute.
L’internaute est numérique.
Apple watch
Le web 3.0
L’enjeu de la DATA
Une meilleure connaissance des internautes
La visibilité avant tout
La mobilité
WEB 3.0 : De 2008 à aujourd’huiWEB 3.0 : De 2008 à Aujourd’hui
Adrien Ruffier
Rappel du contexte
> Le terme « Web 3.0 » apparait en 2008
Le Web 3.0 fait émerger de nouveaux outils :
> Traçage du marketing en ligne : navigation et actions des visiteurs
> Récoltes d’informations via jeux, enquêtes en ligne…
Adrien Ruffier
WEB 3.0 : De 2008 à aujourd’huiWEB 3.0 : De 2008 à Aujourd’hui
Adrien Ruffier
Une meilleure connaissance des internautes
Google
Analytics
Adrien Ruffier
WEB 3.0 : De 2008 à aujourd’huiWEB 3.0 : De 2008 à Aujourd’hui
Adrien Ruffier
Segmentation évolue
- critères traditionnels désuets :
- situation géographique
- âge
> Nouveaux segments :
- Nouveaux visiteurs vs visiteurs connus
- Internautes actifs vs internautes passifs
- Acheteurs vs non acheteurs
Permet une meilleure définition du besoin client
Permet d’évaluer la structure du site dans le cadre d’une refonte
Une meilleure connaissance des internautes
Adrien Ruffier
WEB 3.0 : De 2008 à aujourd’huiWEB 3.0 : De 2008 à Aujourd’hui
Adrien Ruffier
La visibilité avant tout
> Avoir un site ne suffit plus, encore faut-il qu’il soit visible !
> Référencement = gage de visibilité !
> Objectif principal du référencement :
apparaître dans les premiers résultats des moteurs de recherche
Deux techniques :
- référencement naturel (SEO)
- référencement payant (SEA)
Adrien Ruffier
WEB 3.0 : De 2008 à aujourd’hui
Adrien Ruffier
La visibilité avant tout
SEO : Search Engine Optimization
SEA : Search Engine Advertising
Via campagne AdWords
Métier : Spécialiste SEM (SEA+SEO) ou référenceur
Adrien Ruffier
WEB 3.0 : De 2008 à aujourd’hui
Le Web 3.0 est le Web Sémantique
La personnalisation du contenu vise à organiser les réponses en fonction de chaque
internaute. L’internet du sur mesure.
Ce n’est plus le « user » comme dans le web 1.0 ou le web 2.0 avec le user generated
content mais c’est l’ordinateur qui produit l’information en fonction de l’internaute.
L’internaute est numérique.
WEB 3.0 : De 2008 à Aujourd’hui
Adrien Ruffier
Pour résumer
Adrien Ruffier
Le mag numérique, juin 2015
WEB 1.0 : De 1995 à 2003
Un petit coup de
WayBack Machine
Un petit coup de
WAYBACKMACHINE…
WEB 3.0 : A l’aube de 2020WEB 3.0 : De 2008 à Aujourd’hui
WEB 3.0 : A l’aube de 2020WEB 3.0 : De 2008 à Aujourd’hui
WEB 3.0 : De 2008 à aujourd’huiWEB 3.0 : De 2008 à Aujourd’hui
Adrien Ruffier
La mobilité
Adrien Ruffier
WEB 3.0 : De 2008 à aujourd’huiWEB 3.0 : De 2008 à Aujourd’hui
Adrien Ruffier
« plus de 900 millions de
tablettes et 3 milliards de
smartphones seront entre les
mains des consommateurs
du monde entier ».
« la pénétration des tablettes
s’est également accrue pour
atteindre plus de 14,1% des
foyers français »
Adrien Ruffier
WEB 3.0 : De 2008 à aujourd’huiWEB 3.0 : De 2008 à Aujourd’hui
Adrien Ruffier
Les supports évoluent
Adrien Ruffier
WEB 3.0 : De 2008 à aujourd’huiWEB 3.0 : De 2008 à Aujourd’hui
Adrien Ruffier
Prendre en compte
les contraintes liées
au périphérique :
zones
plus ou moins
accessibles
Site dédié ou
site responsive ?
Nouvelles contraintes
Adrien Ruffier
WEB 3.0 : De 2008 à aujourd’huiWEB 3.0 : De 2008 à Aujourd’hui
Adrien Ruffier
Le site dédié consiste à concevoir deux ou plusieurs entités différentes
selon le dispositif visé : un site principal, un site pour smartphones, un site
pour tablettes, etc.
Nouvelles contraintes
Adrien Ruffier
WEB 3.0 : De 2008 à aujourd’huiWEB 3.0 : De 2008 à Aujourd’hui
Adrien Ruffier
Avantages Inconvénients
- La possibilité d'affiner précisément la
structure du site et ses contenus en regard
du périphérique utilisé
- La possibilité de cibler et de s'adapter à
des fonctionnalités variées (notamment le
touch)
- Peut être une alternative rapide en
attendant une refonte complète (et
responsive) de son site web
- Le contenu dupliqué ("duplicate content")
- La maintenance de plusieurs versions de
site et de plusieurs adresses web (moins
facilement indexables par un moteur de
recherche)
Nouvelles contraintes
Adrien Ruffier
Internet c’est
> Est un media INCONTOURNABLE
> Une locomotive sur le marché publicitaire !
> Un media aux atouts bien identifiés par les annonceurs
en termes de ciblage, d’interactivité, de (faible) coût et de créativité
Aujourd’hui, internet c’est …
Adrien Ruffier
« Be Customer Centric »
Le mag numérique, juin 2015
WEB 1.0 : De 1995 à 2003
Un petit coup de
WayBack Machine
Grandes
tendances
2016-2017
WEB 3.0 : De 2008 à aujourd’huiGrandes tendances 2016-2017
Adrien Ruffier
Tendance 1 : Le Responsive Design prend son envol
Le responsive design est une manière de concevoir un site web pour que son contenu
s'adapte automatiquement à la résolution écran du terminal qui est utilisé pour le visionner
Adrien Ruffier
WEB 3.0 : De 2008 à aujourd’huiGrandes tendances 2016-2017
Adrien Ruffier
Tendance 2 : Le Flat Design s’heurte au material design
https://www.youtube.com/watch?v=Q8TXgCzxEnw
Adrien Ruffier
WEB 3.0 : De 2008 à aujourd’hui
Site one page, visuels plein écran, incitation au
scrolling, nouvelle manière de présenter les contenus
(stor y telling) 2017
Adrien Ruffier
Grandes tendances 2016-2017
Tendance 3 : Le Parallax
Adrien Ruffier
WEB 3.0 : De 2008 à aujourd’hui
Adrien Ruffier
Tendance 4 : Le GIF et le meme ont la côte
Grandes tendances 2016-2017
Adrien Ruffier
Le site Web
1 Les sites internet
2 Conception de site(structure, concept, contenu, expérience client)
3 La mise en pratique (achat domaine, hébergement, mise en ligne, renouvellement)
Les leviers On Site
PART.1
Démarrer sur le web02
1. Les leviers du Webmarketing
2. Le site Web (levier 1)
Le site Web
1 Les sites internet
2 Conception de site(structure, concept, contenu, expérience client)
3 La mise en pratique (achat domaine, hébergement, mise en ligne, renouvellement)
Les leviers On Site
PART.1
1. Les leviers du webmarketing
Adrien Ruffier
Adrien Ruffier
Le Marketing traditionnel est bouleversé
Les 4 P :
Prix
Produit
Distribution
Communication
I. Les leviers du Webmarketing
Adrien Ruffier
Adrien Ruffier
Le Webmarketing consiste à promouvoir
ses produits et services et à interagir avec
le consommateur à travers toutes formes
de supports ou canaux digitaux.
1. Les leviers du Webmarketing
Adrien Ruffier
>Objectif :
augmenter la notoriété de votre marque ou de votre site
améliorer votre image ( relation de confiance)
augmenter le trafic de votre site web
réalisation des objectifs du site : ventes, contacts, lecture..
fidélisation des clients et des prospects
conversion des prospects en clients
Adrien Ruffier
Levier du Webmarketing
Owned
Media
1. Les leviers du Webmarketing
Paid
Media
Earned
Media
Adrien Ruffier
Adrien Ruffier
Ensemble des outils digitaux géré par la marque
permettant de toucher directement l’internaute.
Ensemble des outils digitaux géré par une société externes
permettant de toucher l’internaute.
(publicité en ligne )
Le consommateur est le media
Owned
Media
Paid
Media
Earned
Media
1. Les leviers du Webmarketing
Adrien Ruffier
Le site Web
1 Les sites internet
2 Conception de site(structure, concept, contenu, expérience client)
3 La mise en pratique (achat domaine, hébergement, mise en ligne, renouvellement)
Les leviers On Site
PART.1
2. Le site Web (levier 1)
1 Définition & intérêts
2 Méthodologie globale de la conception de site
Adrien Ruffier
SITE WEB
1. Définition & intérêts
Ensemble de pages web hyperliées entre
elles et mises en ligne à une adresse web
(URL)
Site Web = support de communication
Adrien Ruffier
Adrien Ruffier
SITE WEB
1. Définition & intérêts
> Différents sites
Vitrine
Marchand ou E-commerce
Catalogue
Institutionnel
Etre crédible
Bénéficier d’un support de communication inépuisable et puissant (24/24 7/7)
Développer son entreprise (notoriété)
Vente en ligne
Pour trouver de nouveaux clients
Collecter des données
SAV pour les utilisateurs
> Intérêt d’un site Web
Adrien Ruffier
Adrien Ruffier
SITE WEB
2. Méthodologie globale de la conception de site
Etape 1 : Etablir un cahier des charges
Etape 2 : Conception du site
Etape 3 : Mise en ligne et hébergement
Etape 4 : Assurer sa visibilité
Adrien Ruffier
Adrien Ruffier
Le cahier des charges est LE document de référence lors de la
réalisation d’un projet
SITE WEB
2. Méthodologie globale de la conception de site
Etape 1 : Etablir un cahier des charges
Adrien Ruffier
Adrien Ruffier
« Un cahier des charges est un document qui va permettre
en interne de formaliser vos besoins en matière de
réalisation de site web et à les expliquer aux différents
acteurs pour s’assurer que tout le monde est d’accord. »
> C’est quoi ?
SITE WEB
2. Méthodologie globale de la conception de site
Etape 1 : Etablir un cahier des charges
Adrien Ruffier
Adrien Ruffier
De formaliser vos besoins et vos attentes à l’égard du site web.
De l’envoyer à divers prestataires externes afin d’avoir en retour des devis précis.
De pouvoir comparer objectivement les différents devis puisque basés sur les
mêmes besoins.
De réduire le coût de conception et de réalisation de votre site web.
> Intérêts ?
SITE WEB
2. Méthodologie globale de la conception de site
Etape 1 : Etablir un cahier des charges
Adrien Ruffier
Adrien Ruffier
> Contenu ?
Description du projet (présentation de l’entreprise, objectifs du site, cible..)
Description graphique et ergonomique (Charte graphique, design, maquette)
Description technique (arborescence, contenus, contraintes techniques)
Modalité
Un cahier des charges bien documenté c’est votre assurance
tranquillité
SITE WEB
2. Méthodologie globale de la conception de site
Etape 1 : Etablir un cahier des charges
Adrien Ruffier
Adrien Ruffier
Description du projet (présentation de l’entreprise, objectifs du site, cible..)
SITE WEB
2. Méthodologie globale de la conception de site
Etape 1 : Etablir un cahier des charges
Objectifs du site :
Se promouvoir ?
Vendre des produits ?
Présenter vos gammes
> Détermine le type de site
Adrien Ruffier
Adrien Ruffier
Nécessité d’identifier cibles du site, leurs attentes et besoins
Prendre la place de l’utilisateur :
Attentes ?
Habitudes de navigation ?
Âge ?
Etudes comportementales mettent en lumière habitudes de
navigation, permettant ainsi l’apparition des bonnes pratiques
ergonomiques
Objectif = améliorer l’expérience utilisateur
Description du projet (présentation de l’entreprise, objectifs du site, cible..)
SITE WEB
2. Méthodologie globale de la conception de site
Etape 1 : Etablir un cahier des charges
Adrien Ruffier
Adrien Ruffier
Charte graphique :
Qu’il s’agisse de Web ou Print :
utilisation d’une charte graphique & éditoriale
> communication globale cohérente
Design ( :
Avez-vous des exigences particulières concernant le design de votre futur site internet : flat design, effet
parallaxe, … ?
SITE WEB
2. Méthodologie globale de la conception de site
Etape 1 : Etablir un cahier des charges
Description graphique et ergonomique (charte graphique, design, maquette)
Adrien Ruffier
Adrien Ruffier
Wireframe
Powerpoint
SITE WEB
2. Méthodologie globale de la conception de site
Etape 1 : Etablir un cahier des charges
Description graphique et ergonomique (charte graphique, design, maquette)
Adrien Ruffier
Adrien Ruffier
Pour un site web = arborescence
Définir, organiser et
hiérarchiser les
contenus du site
=
Site plus clair et
compréhensible
SITE WEB
2. Méthodologie globale de la conception de site
Etape 1 : Etablir un cahier des charges
Description technique (arborescence, contenus, contraintes techniques)
Adrien Ruffier
Adrien Ruffier
Menu principal = repère de navigation
Il doit :
> Donner une vision globale des contenus présents sur le site
> Permettre un accès à d’autres niveaux de navigation si nécessaire
> Être bien identifiable
> Être accessible à tout moment et sur chaque page du site
> Être organisé et hiérarchisé logiquement
SITE WEB
2. Méthodologie globale de la conception de site
Etape 1 : Etablir un cahier des charges
Description technique (arborescence, contenus, contraintes techniques)
Adrien Ruffier
Adrien Ruffier
Adrien Ruffier
Adrien Ruffier
Doit-il y avoir un espace client sécurisé par un mot de passe ?
Souhaitez-vous un back office de suivi d’activité ? Précisez les besoins en termes de droits
d’administration, illustrez vos processus métiers par des schémas
Votre site doit-il intégrer un moteur de recherche interne ? Un blog ? Un module
d’inscription newsletter ?
Planning
SITE WEB
2. Méthodologie globale de la conception de site
Etape 1 : Etablir un cahier des charges
Modalités
Adrien Ruffier
Adrien Ruffier
> Réalisation par soi-même
> Réalisation par un Freelance
> Réalisation confiée à une agence
SITE WEB
2. Méthodologie globale de la conception de site
Etape 2 : Conception du site
Adrien Ruffier
Internet c’estRéalisation par soi-même
Adrien Ruffier
Le nom CMS, Content Management System, en
français Système de Gestion de Contenu est un terme
vague, puisqu’en fait tout logiciel gère un contenu.
Plus précisément on donne ce nom à un logiciel qui
gère la création et la publication de documents,
éventuellement de façon collaborative.
Adrien Ruffier
Internet c’estRéalisation par soi-même
Adrien Ruffier
ModéréSimple Compliqué
Utilisation de CMS++
Adrien Ruffier
Le site Web
1 Les sites internet
2 Conception de site(structure, concept, contenu, expérience client)
3 La mise en pratique (achat domaine, hébergement, mise en ligne, renouvellement)
Les leviers On Site
PART.1
A Strasbourg ?
Quelles agences ?
WEB 3.0 : De 2008 à aujourd’hui
Adrien Ruffier
Blackblitz
Adrien Ruffier
WEB 3.0 : De 2008 à aujourd’hui
Adrien Ruffier
1. Webdesigner : Créer l’identité visuelle et concept
2. Graphiste : Communication et la charte graphique de votre site
3. Infographiste : Mettre les images et les textes en valeur (maquette/dessin du site )
Toutes ces fonctions seront sous la direction du directeur artistique, professionnel de l’image,
qui sera chargé de la cohérence visuelle du site (intégré dans les agences)
4. Développeur : Créer le site internet
Les métiers en agences
Adrien Ruffier
JavaScript
Langage de script qui s'imbrique dans la code HTML de la page web. Il permet de modifier son contenu, de
traiter par exemple des formulaires.
.
CSS
L'emploi des feuilles de style sera aussi nécessaire pour un site vraiment sérieux avec une présentation
réutilisable, ou pour modifier la présentation selon l'appareil (PC, mobile).
Il est préférable d'utiliser les CSS dès la création du site. Un modèle complet est proposé sur ce site dans la
section CSS.
PHP
Les scripts PHP se placent dans une page HTML, mais sont exécutés par le serveur. Celui-ci génère une nouvelle
page selon les instructions du script.
ASP est une alternative à PHP qui ne fonctionne que sur un serveur Windows. On peut utiliser d'autres langages
dans le même but dont JavaScript avec Node.js.
Avec XAMPP , on peut faire fonctionner PHP, Apache et MySQL localement avant mise en ligne sur un site Web.
Ajax
C'est l'utilisation conjointe de JavaScript et éventuellement d'un langage coté serveur comme PHP ou ASP. Des
cadres d'applications (frameworks) préféfinis facilitent la tâche en fournissant les fonctions d'usage courant.
Vous pouvez utiliser une librairie simple comme Anaa ou un Framework Ajax plus puissant comme jQuery, le
plus communément utilisé.
Développement et langages
Adrien Ruffier
Achat du nom de domaine et choix de l’hébergeur
SITE WEB
2. Méthodologie globale de la conception de site
Etape 3 : Mise en ligne & hébergement
Adrien Ruffier
Adrien Ruffier
> Le nom de domaine est le nom « courant » d'un site Internet. C'est ce qui
permet aux utilisateurs de se souvenir plus facilement de l'adresse d'un site et
d'y accéder avec simplicité.
> Un nom de domaine est composé :
d'un nom
d'un suffixe (.com, .fr, .eu, .org…).
> Un bon nom de domaine :
Facile à prononcer
Facile à épeler
Facile à mémoriser
SITE WEB
2. Méthodologie globale de la conception de site
Etape 3 : Mise en ligne & hébergement
Adrien Ruffier
Le site Web
1 Les sites internet
2 Conception de site(structure, concept, contenu, expérience client)
3 La mise en pratique (achat domaine, hébergement, mise en ligne, renouvellement)
Les leviers On Site
PART.1
Où s’enregistrer ?
Adrien Ruffier
Un hébergeur est un prestataire de service qui met à votre disposition un
espace de stockage sur un serveur connecté en permanence à Internet.
Un hébergeur vous permet donc, entre autres, de rendre votre site
accessible à tous les internautes, 24 heures sur 24.
SITE WEB
2. Méthodologie globale de la conception de site
Etape 3 : Mise en ligne & hébergement
Adrien Ruffier
Le site Web
Les leviers On Site
PART.1
Hébergeur
TPE / PME
Le site Web
Les leviers On Site
PART.1
Hébergement
Serveur dédié
interne ou
hébergeur ?
Adrien Ruffier
SITE WEB
Etape 4 : Assurer sa visibilité
SEO : Search Engine Optimization
SEA : Search Engine Advertising
Via campagne AdWords
Métier : Spécialiste SEM (SEA+SEO) ou
référenceur
Adrien Ruffier

Contenu connexe

Tendances

Le digital marketing pour les nuls par social reflex
Le digital marketing pour les nuls par social reflexLe digital marketing pour les nuls par social reflex
Le digital marketing pour les nuls par social reflexMatthieu THOMAS
 
Présentation courte ebloo-group-fev11
Présentation courte ebloo-group-fev11Présentation courte ebloo-group-fev11
Présentation courte ebloo-group-fev11Calloc'h
 
Google Plus et la visibilité: Pourquoi vous devez être sur Google Plus !
Google Plus et la visibilité: Pourquoi vous devez être sur Google Plus !Google Plus et la visibilité: Pourquoi vous devez être sur Google Plus !
Google Plus et la visibilité: Pourquoi vous devez être sur Google Plus !Guinel CADIGNAN
 
Etude Viadeo TPE PME réseaux sociaux - juillet 2013
Etude Viadeo TPE PME réseaux sociaux - juillet 2013Etude Viadeo TPE PME réseaux sociaux - juillet 2013
Etude Viadeo TPE PME réseaux sociaux - juillet 2013FrenchWeb.fr
 
Optimiser sa présence sur le social et son e reputation - cci rennes
Optimiser sa présence sur le social et son e reputation - cci rennesOptimiser sa présence sur le social et son e reputation - cci rennes
Optimiser sa présence sur le social et son e reputation - cci rennesMedia-Marque
 
E-réputation et marques : état de l'art et enjeux - by Vanksen
E-réputation et marques : état de l'art et enjeux - by VanksenE-réputation et marques : état de l'art et enjeux - by Vanksen
E-réputation et marques : état de l'art et enjeux - by VanksenVanksen
 
Communication Digitale de l'Office de Tourisme de Rouen vallée de Seine
Communication Digitale de l'Office de Tourisme de Rouen vallée de SeineCommunication Digitale de l'Office de Tourisme de Rouen vallée de Seine
Communication Digitale de l'Office de Tourisme de Rouen vallée de SeineSamir SIRAT
 
20120220 gerer la ereputation
20120220 gerer la ereputation20120220 gerer la ereputation
20120220 gerer la ereputationCOMPETITIC
 
Atelier réseaux sociaux 2015
Atelier réseaux sociaux 2015Atelier réseaux sociaux 2015
Atelier réseaux sociaux 2015SID-Networks
 
Votre e-reputation personnelle - En prendre soin
Votre e-reputation personnelle - En prendre soinVotre e-reputation personnelle - En prendre soin
Votre e-reputation personnelle - En prendre soinGilles MARC
 
e-réputation et réservation en ligne, deux outils clés de la commercialisatio...
e-réputation et réservation en ligne, deux outils clés de la commercialisatio...e-réputation et réservation en ligne, deux outils clés de la commercialisatio...
e-réputation et réservation en ligne, deux outils clés de la commercialisatio...echangeurba
 
e-Academy II - 2014: Comment être présent sur les réseaux sociaux et le monde...
e-Academy II - 2014: Comment être présent sur les réseaux sociaux et le monde...e-Academy II - 2014: Comment être présent sur les réseaux sociaux et le monde...
e-Academy II - 2014: Comment être présent sur les réseaux sociaux et le monde...Paul Leysen
 
e-Academy II :Comment être présent sur les réseaux sociaux et le monde online...
e-Academy II :Comment être présent sur les réseaux sociaux et le monde online...e-Academy II :Comment être présent sur les réseaux sociaux et le monde online...
e-Academy II :Comment être présent sur les réseaux sociaux et le monde online...Paul Leysen
 
Conférence : Les E-commandements Reférencement en 2013
Conférence : Les E-commandements Reférencement en 2013Conférence : Les E-commandements Reférencement en 2013
Conférence : Les E-commandements Reférencement en 2013Guillaume Eouzan
 
Les réseaux sociaux et sites communautaires
Les réseaux sociaux et sites communautairesLes réseaux sociaux et sites communautaires
Les réseaux sociaux et sites communautairesAnne-Sophie LATRY
 
Atelier ENP "Etre présent sur les réseaux sociaux : facebook, viadeo, twitter...
Atelier ENP "Etre présent sur les réseaux sociaux : facebook, viadeo, twitter...Atelier ENP "Etre présent sur les réseaux sociaux : facebook, viadeo, twitter...
Atelier ENP "Etre présent sur les réseaux sociaux : facebook, viadeo, twitter...CCI 21
 
Actulligence Consulting - Polen - Conférence E-Reputation - Décembre 2009
Actulligence Consulting - Polen - Conférence E-Reputation - Décembre 2009Actulligence Consulting - Polen - Conférence E-Reputation - Décembre 2009
Actulligence Consulting - Polen - Conférence E-Reputation - Décembre 2009Actulligence Consulting
 
Tourisme et Medias Sociaux
Tourisme et Medias SociauxTourisme et Medias Sociaux
Tourisme et Medias SociauxMathieu BRUC
 

Tendances (20)

Le digital marketing pour les nuls par social reflex
Le digital marketing pour les nuls par social reflexLe digital marketing pour les nuls par social reflex
Le digital marketing pour les nuls par social reflex
 
Présentation courte ebloo-group-fev11
Présentation courte ebloo-group-fev11Présentation courte ebloo-group-fev11
Présentation courte ebloo-group-fev11
 
Google Plus et la visibilité: Pourquoi vous devez être sur Google Plus !
Google Plus et la visibilité: Pourquoi vous devez être sur Google Plus !Google Plus et la visibilité: Pourquoi vous devez être sur Google Plus !
Google Plus et la visibilité: Pourquoi vous devez être sur Google Plus !
 
Webschool mulhouse Ereputation, JC Freund
Webschool mulhouse   Ereputation, JC FreundWebschool mulhouse   Ereputation, JC Freund
Webschool mulhouse Ereputation, JC Freund
 
Etude Viadeo TPE PME réseaux sociaux - juillet 2013
Etude Viadeo TPE PME réseaux sociaux - juillet 2013Etude Viadeo TPE PME réseaux sociaux - juillet 2013
Etude Viadeo TPE PME réseaux sociaux - juillet 2013
 
Optimiser sa présence sur le social et son e reputation - cci rennes
Optimiser sa présence sur le social et son e reputation - cci rennesOptimiser sa présence sur le social et son e reputation - cci rennes
Optimiser sa présence sur le social et son e reputation - cci rennes
 
E-réputation et marques : état de l'art et enjeux - by Vanksen
E-réputation et marques : état de l'art et enjeux - by VanksenE-réputation et marques : état de l'art et enjeux - by Vanksen
E-réputation et marques : état de l'art et enjeux - by Vanksen
 
Communication Digitale de l'Office de Tourisme de Rouen vallée de Seine
Communication Digitale de l'Office de Tourisme de Rouen vallée de SeineCommunication Digitale de l'Office de Tourisme de Rouen vallée de Seine
Communication Digitale de l'Office de Tourisme de Rouen vallée de Seine
 
20120220 gerer la ereputation
20120220 gerer la ereputation20120220 gerer la ereputation
20120220 gerer la ereputation
 
Atelier réseaux sociaux 2015
Atelier réseaux sociaux 2015Atelier réseaux sociaux 2015
Atelier réseaux sociaux 2015
 
Les réseaux sociaux
Les réseaux sociaux Les réseaux sociaux
Les réseaux sociaux
 
Votre e-reputation personnelle - En prendre soin
Votre e-reputation personnelle - En prendre soinVotre e-reputation personnelle - En prendre soin
Votre e-reputation personnelle - En prendre soin
 
e-réputation et réservation en ligne, deux outils clés de la commercialisatio...
e-réputation et réservation en ligne, deux outils clés de la commercialisatio...e-réputation et réservation en ligne, deux outils clés de la commercialisatio...
e-réputation et réservation en ligne, deux outils clés de la commercialisatio...
 
e-Academy II - 2014: Comment être présent sur les réseaux sociaux et le monde...
e-Academy II - 2014: Comment être présent sur les réseaux sociaux et le monde...e-Academy II - 2014: Comment être présent sur les réseaux sociaux et le monde...
e-Academy II - 2014: Comment être présent sur les réseaux sociaux et le monde...
 
e-Academy II :Comment être présent sur les réseaux sociaux et le monde online...
e-Academy II :Comment être présent sur les réseaux sociaux et le monde online...e-Academy II :Comment être présent sur les réseaux sociaux et le monde online...
e-Academy II :Comment être présent sur les réseaux sociaux et le monde online...
 
Conférence : Les E-commandements Reférencement en 2013
Conférence : Les E-commandements Reférencement en 2013Conférence : Les E-commandements Reférencement en 2013
Conférence : Les E-commandements Reférencement en 2013
 
Les réseaux sociaux et sites communautaires
Les réseaux sociaux et sites communautairesLes réseaux sociaux et sites communautaires
Les réseaux sociaux et sites communautaires
 
Atelier ENP "Etre présent sur les réseaux sociaux : facebook, viadeo, twitter...
Atelier ENP "Etre présent sur les réseaux sociaux : facebook, viadeo, twitter...Atelier ENP "Etre présent sur les réseaux sociaux : facebook, viadeo, twitter...
Atelier ENP "Etre présent sur les réseaux sociaux : facebook, viadeo, twitter...
 
Actulligence Consulting - Polen - Conférence E-Reputation - Décembre 2009
Actulligence Consulting - Polen - Conférence E-Reputation - Décembre 2009Actulligence Consulting - Polen - Conférence E-Reputation - Décembre 2009
Actulligence Consulting - Polen - Conférence E-Reputation - Décembre 2009
 
Tourisme et Medias Sociaux
Tourisme et Medias SociauxTourisme et Medias Sociaux
Tourisme et Medias Sociaux
 

Similaire à Création, vie et évolution du web, site internet et rôle des acteurs du web marketing

Web de la genèse à demain mars 2016
Web de la genèse à demain mars 2016Web de la genèse à demain mars 2016
Web de la genèse à demain mars 2016Guillaume Eouzan
 
Qu'est-ce que le design numérique ? Ebauche d'une réponse...
Qu'est-ce que le design numérique ? Ebauche d'une réponse...Qu'est-ce que le design numérique ? Ebauche d'une réponse...
Qu'est-ce que le design numérique ? Ebauche d'une réponse...i-breed et associés
 
Web 2.0 : Construire sa stratégie social média.
Web 2.0 : Construire sa stratégie social média.Web 2.0 : Construire sa stratégie social média.
Web 2.0 : Construire sa stratégie social média.Samir SIRAT
 
[Greta] Web et réseaux sociaux juin 2015 - séance 1 + 2 + 3 + Test
[Greta] Web et réseaux sociaux juin 2015 - séance 1 + 2 + 3 + Test[Greta] Web et réseaux sociaux juin 2015 - séance 1 + 2 + 3 + Test
[Greta] Web et réseaux sociaux juin 2015 - séance 1 + 2 + 3 + TestGilles Regad
 
Les Tendances Du Web2009
Les Tendances Du Web2009Les Tendances Du Web2009
Les Tendances Du Web2009François GOUBE
 
Introduction aux concepts 2.0
Introduction aux concepts 2.0Introduction aux concepts 2.0
Introduction aux concepts 2.0Aymeric
 
Veille sur : Web 2.0, Web 3.0, Social Media et Real Time Web
Veille sur : Web 2.0, Web 3.0, Social Media et Real Time WebVeille sur : Web 2.0, Web 3.0, Social Media et Real Time Web
Veille sur : Web 2.0, Web 3.0, Social Media et Real Time Webmaclic
 
Webschool Web2 10lecons Light
Webschool Web2 10lecons LightWebschool Web2 10lecons Light
Webschool Web2 10lecons Lightmariejura
 
cours marketing digital
cours marketing digital cours marketing digital
cours marketing digital Yann Drumare
 
Web 2.0 BtoB pour les entreprises, les marques, les collaborateurs
Web 2.0 BtoB pour les entreprises, les marques, les collaborateursWeb 2.0 BtoB pour les entreprises, les marques, les collaborateurs
Web 2.0 BtoB pour les entreprises, les marques, les collaborateursegrospiron
 
Parlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usageParlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usageLaFrenchMobile
 
Cours information communication : Site web, Native App, Progressive Web App
Cours information communication : Site web, Native App, Progressive Web AppCours information communication : Site web, Native App, Progressive Web App
Cours information communication : Site web, Native App, Progressive Web AppAdrien Quenette
 
Médias sociaux : panorama, stratégies et influenceurs
Médias sociaux : panorama, stratégies et influenceursMédias sociaux : panorama, stratégies et influenceurs
Médias sociaux : panorama, stratégies et influenceursSamir SIRAT
 
veille Web 2.0
veille Web 2.0veille Web 2.0
veille Web 2.0yon79
 
Veille Web2.0
Veille Web2.0Veille Web2.0
Veille Web2.0yon79
 
Reseaux sociaux web school 2011
Reseaux sociaux web school 2011Reseaux sociaux web school 2011
Reseaux sociaux web school 2011Pascal Minguet
 
Solutions 2.0 à ajouter à son site e-commerce (DEVCOM Bruxelles)
Solutions 2.0 à ajouter à son site e-commerce (DEVCOM Bruxelles)Solutions 2.0 à ajouter à son site e-commerce (DEVCOM Bruxelles)
Solutions 2.0 à ajouter à son site e-commerce (DEVCOM Bruxelles)Yann KERVAREC
 

Similaire à Création, vie et évolution du web, site internet et rôle des acteurs du web marketing (20)

Internet 2.0 CNSN
Internet 2.0 CNSNInternet 2.0 CNSN
Internet 2.0 CNSN
 
Web de la genèse à demain mars 2016
Web de la genèse à demain mars 2016Web de la genèse à demain mars 2016
Web de la genèse à demain mars 2016
 
Qu'est-ce que le design numérique ? Ebauche d'une réponse...
Qu'est-ce que le design numérique ? Ebauche d'une réponse...Qu'est-ce que le design numérique ? Ebauche d'une réponse...
Qu'est-ce que le design numérique ? Ebauche d'une réponse...
 
Les Tendances Du Web
Les Tendances Du WebLes Tendances Du Web
Les Tendances Du Web
 
Web 2.0 : Construire sa stratégie social média.
Web 2.0 : Construire sa stratégie social média.Web 2.0 : Construire sa stratégie social média.
Web 2.0 : Construire sa stratégie social média.
 
[Greta] Web et réseaux sociaux juin 2015 - séance 1 + 2 + 3 + Test
[Greta] Web et réseaux sociaux juin 2015 - séance 1 + 2 + 3 + Test[Greta] Web et réseaux sociaux juin 2015 - séance 1 + 2 + 3 + Test
[Greta] Web et réseaux sociaux juin 2015 - séance 1 + 2 + 3 + Test
 
Les Tendances Du Web2009
Les Tendances Du Web2009Les Tendances Du Web2009
Les Tendances Du Web2009
 
Introduction aux concepts 2.0
Introduction aux concepts 2.0Introduction aux concepts 2.0
Introduction aux concepts 2.0
 
Veille sur : Web 2.0, Web 3.0, Social Media et Real Time Web
Veille sur : Web 2.0, Web 3.0, Social Media et Real Time WebVeille sur : Web 2.0, Web 3.0, Social Media et Real Time Web
Veille sur : Web 2.0, Web 3.0, Social Media et Real Time Web
 
Webschool Web2 10lecons Light
Webschool Web2 10lecons LightWebschool Web2 10lecons Light
Webschool Web2 10lecons Light
 
cours marketing digital
cours marketing digital cours marketing digital
cours marketing digital
 
Web 2.0 BtoB pour les entreprises, les marques, les collaborateurs
Web 2.0 BtoB pour les entreprises, les marques, les collaborateursWeb 2.0 BtoB pour les entreprises, les marques, les collaborateurs
Web 2.0 BtoB pour les entreprises, les marques, les collaborateurs
 
Reseaux sociaux
Reseaux sociaux Reseaux sociaux
Reseaux sociaux
 
Parlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usageParlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usage
 
Cours information communication : Site web, Native App, Progressive Web App
Cours information communication : Site web, Native App, Progressive Web AppCours information communication : Site web, Native App, Progressive Web App
Cours information communication : Site web, Native App, Progressive Web App
 
Médias sociaux : panorama, stratégies et influenceurs
Médias sociaux : panorama, stratégies et influenceursMédias sociaux : panorama, stratégies et influenceurs
Médias sociaux : panorama, stratégies et influenceurs
 
veille Web 2.0
veille Web 2.0veille Web 2.0
veille Web 2.0
 
Veille Web2.0
Veille Web2.0Veille Web2.0
Veille Web2.0
 
Reseaux sociaux web school 2011
Reseaux sociaux web school 2011Reseaux sociaux web school 2011
Reseaux sociaux web school 2011
 
Solutions 2.0 à ajouter à son site e-commerce (DEVCOM Bruxelles)
Solutions 2.0 à ajouter à son site e-commerce (DEVCOM Bruxelles)Solutions 2.0 à ajouter à son site e-commerce (DEVCOM Bruxelles)
Solutions 2.0 à ajouter à son site e-commerce (DEVCOM Bruxelles)
 

Dernier

SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdfSKennel
 
Cours SE Gestion des périphériques - IG IPSET
Cours SE Gestion des périphériques - IG IPSETCours SE Gestion des périphériques - IG IPSET
Cours SE Gestion des périphériques - IG IPSETMedBechir
 
Zotero avancé - support de formation doctorants SHS 2024
Zotero avancé - support de formation doctorants SHS 2024Zotero avancé - support de formation doctorants SHS 2024
Zotero avancé - support de formation doctorants SHS 2024Alain Marois
 
Annie Ernaux Extérieurs. pptx. Exposition basée sur un livre .
Annie   Ernaux  Extérieurs. pptx. Exposition basée sur un livre .Annie   Ernaux  Extérieurs. pptx. Exposition basée sur un livre .
Annie Ernaux Extérieurs. pptx. Exposition basée sur un livre .Txaruka
 
Bibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdf
Bibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdfBibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdf
Bibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdfBibdoc 37
 
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...Faga1939
 
Présentation_ Didactique 1_SVT (S4) complet.pptx
Présentation_ Didactique 1_SVT (S4) complet.pptxPrésentation_ Didactique 1_SVT (S4) complet.pptx
Présentation_ Didactique 1_SVT (S4) complet.pptxrababouerdighi
 
Cours SE Le système Linux : La ligne de commande bash - IG IPSET
Cours SE Le système Linux : La ligne de commande bash - IG IPSETCours SE Le système Linux : La ligne de commande bash - IG IPSET
Cours SE Le système Linux : La ligne de commande bash - IG IPSETMedBechir
 
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdf
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdfSciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdf
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdfSKennel
 
Bibdoc 2024 - Ecologie du livre et creation de badge.pdf
Bibdoc 2024 - Ecologie du livre et creation de badge.pdfBibdoc 2024 - Ecologie du livre et creation de badge.pdf
Bibdoc 2024 - Ecologie du livre et creation de badge.pdfBibdoc 37
 
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdfSKennel
 
Principe de fonctionnement d'un moteur 4 temps
Principe de fonctionnement d'un moteur 4 tempsPrincipe de fonctionnement d'un moteur 4 temps
Principe de fonctionnement d'un moteur 4 tempsRajiAbdelghani
 
SciencesPo_Aix_InnovationPédagogique_Bilan.pdf
SciencesPo_Aix_InnovationPédagogique_Bilan.pdfSciencesPo_Aix_InnovationPédagogique_Bilan.pdf
SciencesPo_Aix_InnovationPédagogique_Bilan.pdfSKennel
 
Bernard Réquichot.pptx Peintre français
Bernard Réquichot.pptx   Peintre françaisBernard Réquichot.pptx   Peintre français
Bernard Réquichot.pptx Peintre françaisTxaruka
 
Saint Georges, martyr, et la lègend du dragon.pptx
Saint Georges, martyr, et la lègend du dragon.pptxSaint Georges, martyr, et la lègend du dragon.pptx
Saint Georges, martyr, et la lègend du dragon.pptxMartin M Flynn
 
le present des verbes reguliers -er.pptx
le present des verbes reguliers -er.pptxle present des verbes reguliers -er.pptx
le present des verbes reguliers -er.pptxmmatar2
 
Evaluation du systeme d'Education. Marocpptx
Evaluation du systeme d'Education. MarocpptxEvaluation du systeme d'Education. Marocpptx
Evaluation du systeme d'Education. MarocpptxAsmaa105193
 
Presentation de la plateforme Moodle - avril 2024
Presentation de la plateforme Moodle - avril 2024Presentation de la plateforme Moodle - avril 2024
Presentation de la plateforme Moodle - avril 2024Gilles Le Page
 
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdfSKennel
 

Dernier (20)

SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdf
 
Cours SE Gestion des périphériques - IG IPSET
Cours SE Gestion des périphériques - IG IPSETCours SE Gestion des périphériques - IG IPSET
Cours SE Gestion des périphériques - IG IPSET
 
Zotero avancé - support de formation doctorants SHS 2024
Zotero avancé - support de formation doctorants SHS 2024Zotero avancé - support de formation doctorants SHS 2024
Zotero avancé - support de formation doctorants SHS 2024
 
Annie Ernaux Extérieurs. pptx. Exposition basée sur un livre .
Annie   Ernaux  Extérieurs. pptx. Exposition basée sur un livre .Annie   Ernaux  Extérieurs. pptx. Exposition basée sur un livre .
Annie Ernaux Extérieurs. pptx. Exposition basée sur un livre .
 
Bibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdf
Bibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdfBibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdf
Bibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdf
 
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
 
Présentation_ Didactique 1_SVT (S4) complet.pptx
Présentation_ Didactique 1_SVT (S4) complet.pptxPrésentation_ Didactique 1_SVT (S4) complet.pptx
Présentation_ Didactique 1_SVT (S4) complet.pptx
 
Cours SE Le système Linux : La ligne de commande bash - IG IPSET
Cours SE Le système Linux : La ligne de commande bash - IG IPSETCours SE Le système Linux : La ligne de commande bash - IG IPSET
Cours SE Le système Linux : La ligne de commande bash - IG IPSET
 
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdf
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdfSciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdf
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdf
 
Bibdoc 2024 - Ecologie du livre et creation de badge.pdf
Bibdoc 2024 - Ecologie du livre et creation de badge.pdfBibdoc 2024 - Ecologie du livre et creation de badge.pdf
Bibdoc 2024 - Ecologie du livre et creation de badge.pdf
 
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdf
 
DO PALÁCIO À ASSEMBLEIA .
DO PALÁCIO À ASSEMBLEIA                 .DO PALÁCIO À ASSEMBLEIA                 .
DO PALÁCIO À ASSEMBLEIA .
 
Principe de fonctionnement d'un moteur 4 temps
Principe de fonctionnement d'un moteur 4 tempsPrincipe de fonctionnement d'un moteur 4 temps
Principe de fonctionnement d'un moteur 4 temps
 
SciencesPo_Aix_InnovationPédagogique_Bilan.pdf
SciencesPo_Aix_InnovationPédagogique_Bilan.pdfSciencesPo_Aix_InnovationPédagogique_Bilan.pdf
SciencesPo_Aix_InnovationPédagogique_Bilan.pdf
 
Bernard Réquichot.pptx Peintre français
Bernard Réquichot.pptx   Peintre françaisBernard Réquichot.pptx   Peintre français
Bernard Réquichot.pptx Peintre français
 
Saint Georges, martyr, et la lègend du dragon.pptx
Saint Georges, martyr, et la lègend du dragon.pptxSaint Georges, martyr, et la lègend du dragon.pptx
Saint Georges, martyr, et la lègend du dragon.pptx
 
le present des verbes reguliers -er.pptx
le present des verbes reguliers -er.pptxle present des verbes reguliers -er.pptx
le present des verbes reguliers -er.pptx
 
Evaluation du systeme d'Education. Marocpptx
Evaluation du systeme d'Education. MarocpptxEvaluation du systeme d'Education. Marocpptx
Evaluation du systeme d'Education. Marocpptx
 
Presentation de la plateforme Moodle - avril 2024
Presentation de la plateforme Moodle - avril 2024Presentation de la plateforme Moodle - avril 2024
Presentation de la plateforme Moodle - avril 2024
 
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdf
 

Création, vie et évolution du web, site internet et rôle des acteurs du web marketing

  • 1. Les leviers du Webmarketing Adrien Ruffier Le Webmarketing C’est quoi ?
  • 2. Adrien Ruffier Le Webmarketing consiste à promouvoir ses produits et services et à interagir avec le consommateur à travers toutes formes de supports ou canaux digitaux. >Objectif : augmenter la notoriété de votre marque ou de votre site améliorer votre image ( relation de confiance) augmenter le trafic de votre site web réalisation des objectifs du site : ventes, contacts, lecture.. fidélisation des clients et des prospects conversion des prospects en clients Adrien Ruffier
  • 3. « In the new world, it is not the big fish which eats the small fish, it’s the fast fish which eats the slow fish » Klaus Schwab, Founder & Executive Chairman – World Economic Forum Adrien Ruffier
  • 4. Grimper l’échelle de la connaissance numérique Quelles sont mes connaissances du numérique ? Adrien RuffierAdrien Ruffier
  • 5. ETAT DES LIEUX DU NUMERIQUE01 1 La technologie numérique à la base de l’internet 2 Du web 1.0 au web 3.0 3 Les grandes tendances web 2016-2017 Adrien Ruffier
  • 6. Adrien Ruffier La technologie numérique à la base de l’internet1 Un peu d’histoire… Adrien Ruffier
  • 7. La technologie numérique à la base de l’internet 1950 1971 1973 1983 Création de l’ARPA Naissance de l’e-mail par BBN Création du Protocole TCP/IP Naissance du DNS (Domain Name Systeme) D’une technologie militaire … Adrien RuffierAdrien Ruffier
  • 8. La technologie numérique à la base de l’internetRUPTURE Adrien Ruffier Apparition des termes : Navigateurs Page Web Liens hypertextes Apparition du World Wide Web (WWW)1989 > Objectif : améliorer et faciliter le partage des données en interne 1993 Internet s’ouvre au grand public Adrien Ruffier
  • 9. La technologie numérique à la base de l’internetD’une technologie publique … Adrien Ruffier 1993 1995 2012 Apparition de MOSAIC Windows 95 et Internet Explorer (90% du marché jusqu’en 2002) Chrome dépasse la PDM de Internet Explorer Navigateurs PDM Chrome (google) 49,8% Safari (Apple) 14,9% IE (Microsoft) 14,8% Firefox (Mozilla) 7,7% Juillet 2017,révolution digitale Adrien Ruffier
  • 10. La technologie numérique à la base de l’internetD’une technologie publique … Adrien Ruffier 1998 Adrien Ruffier
  • 11. La technologie numérique à la base de l’internetD’une technologie publique … Adrien RuffierAdrien Ruffier
  • 12. Adrien Ruffier Du web 1.0 au web 4.02 30 ANS DE RÉVOLUTION NUMERIQUE ET DIGITALE Adrien Ruffier
  • 13. Adrien Ruffier Du web 1.0 au web 4.02 30 ANS DE RÉVOLUTION NUMÉRIQUE Le web 1.0
  • 14. Le mag numérique, juin 2015 WEB 1.0 : De 1995 à 2003 Adrien RuffierAdrien Ruffier
  • 15. Le mag numérique, juin 2015 WEB 1.0 : De 1995 à 2003 > Le Web 1.0 est le Web Traditionnel > Il s’agissait de reproduire les modèles de l’édition papier, de les adapter aux navigateurs internet.  Il s’agit majoritairement de sites orientés produit > L’internaute est passif : « read only » – « view and link » WEB 1.0 : De 1995 à 2003 Adrien Ruffier
  • 16. Le mag numérique, juin 2015 WEB 1.0 : De 1995 à 2003WEB 1.0 : De 1995 à 2003 Adrien Ruffier Métiers classiques de la création web > webmaster > intégrateur > développeur Adrien Ruffier
  • 17. WEB 1.0 : De 1995 à 2003 Un petit coup de WAYBACKMACHINE…
  • 18. WEB 1.0 : De 1995 à 2003WEB 1.0 : De 1995 à 2003 Adrien Ruffier
  • 19. Le mag numérique, juin 2015 WEB 2.0 : De 2003 à 2008 Le Web 2.0 est le Web Social Il s’agit de l’internet communautaire avec l’apparition de l’open source (Flux RSS, accès au API etc..) C’est l’apparition des user generated content Apparition des commentaire sur les sites, blogs, création des forum etc.. L’internaute est Actif ! WEB 2.0 : De 2003 à 2008 Adrien Ruffier Le web 2.0
  • 20. Le mag numérique, juin 2015 WEB 2.0 : De 2003 à 2008WEB 2.0 : De 2003 à 2008 Adrien Ruffier > Le terme « Web 2.0 » apparait en 2003 > Révolution technologique mettant l’internaute au centre du web > Le web n’est plus un media mais une plateforme d’échange > Nécessité pour les marques de prendre en compte cette dimension collaborative Adrien Ruffier
  • 21. Le mag numérique, juin 2015 WEB 2.0 : De 2003 à 2008 > Le Web 2.0 est le Web Social > Il s’agit de l’internet communautaire avec l’apparition de l’open source (Flux RSS, accès au API etc..) > Apparition des commentaires sur les sites, blogs, création des forums etc.. > C’est l’apparition des users generated content > L’internaute est ACTIF ! WEB 2.0 : De 2003 à 2008 Adrien RuffierAdrien Ruffier
  • 22. Chiffre wikipedia dec 2016 / Chifffres facebook //investor.fb.com 2017 / Chiffres tripadvisor Press Center 2016 WEB 2.0 : De 2003 à 2008 30 millions d’articles, 25000 de plus / jour 1,7 milliards d’utilisateurs actifs par mois 250 millions d’avis de voyageurs WEB 2.0 : De 2003 à 2008 Adrien RuffierAdrien Ruffier
  • 23. Chiffre wikipedia dec 2016 / Chifffres facebook //investor.fb.com 2017 / Chiffres tripadvisor Press Center 2016 WEB 2.0 : De 2003 à 2008WEB 2.0 : De 2003 à 2008 Adrien Ruffier Nouveaux métiers > webdesigner > graphiste > community manager > chargé des RP digitales > …et beaucoup d’autres…
  • 24. Le mag numérique, juin 2015 WEB 2.0 : De 2003 à 2008 Un petit coup de WayBack Machine Un petit coup de WAYBACKMACHINE…
  • 25. WEB 2.0 : De 2003 à 2008WEB 2.0 : De 2003 à 2008 Adrien RuffierAdrien Ruffier
  • 26. WEB 3.0 : De 2008 à aujourd’hui Le Web 3.0 est le Web Sémantique La personnalisation du contenu et vise à organiser les réponses en fonction de chaque internaute. L’internet du sur mesure. Ce n’est plus le producteur comme dans le web 1.0, ou le « user » dans le web 2.0 mais l’ordinateur qui produit l’information en fonction de l’internaute. L’internaute est numérique. Apple watch Le web 3.0 L’enjeu de la DATA Une meilleure connaissance des internautes La visibilité avant tout La mobilité
  • 27. WEB 3.0 : De 2008 à aujourd’huiWEB 3.0 : De 2008 à Aujourd’hui Adrien Ruffier Rappel du contexte > Le terme « Web 3.0 » apparait en 2008 Le Web 3.0 fait émerger de nouveaux outils : > Traçage du marketing en ligne : navigation et actions des visiteurs > Récoltes d’informations via jeux, enquêtes en ligne… Adrien Ruffier
  • 28. WEB 3.0 : De 2008 à aujourd’huiWEB 3.0 : De 2008 à Aujourd’hui Adrien Ruffier Une meilleure connaissance des internautes Google Analytics Adrien Ruffier
  • 29. WEB 3.0 : De 2008 à aujourd’huiWEB 3.0 : De 2008 à Aujourd’hui Adrien Ruffier Segmentation évolue - critères traditionnels désuets : - situation géographique - âge > Nouveaux segments : - Nouveaux visiteurs vs visiteurs connus - Internautes actifs vs internautes passifs - Acheteurs vs non acheteurs Permet une meilleure définition du besoin client Permet d’évaluer la structure du site dans le cadre d’une refonte Une meilleure connaissance des internautes Adrien Ruffier
  • 30. WEB 3.0 : De 2008 à aujourd’huiWEB 3.0 : De 2008 à Aujourd’hui Adrien Ruffier La visibilité avant tout > Avoir un site ne suffit plus, encore faut-il qu’il soit visible ! > Référencement = gage de visibilité ! > Objectif principal du référencement : apparaître dans les premiers résultats des moteurs de recherche Deux techniques : - référencement naturel (SEO) - référencement payant (SEA) Adrien Ruffier
  • 31. WEB 3.0 : De 2008 à aujourd’hui Adrien Ruffier La visibilité avant tout SEO : Search Engine Optimization SEA : Search Engine Advertising Via campagne AdWords Métier : Spécialiste SEM (SEA+SEO) ou référenceur Adrien Ruffier
  • 32. WEB 3.0 : De 2008 à aujourd’hui Le Web 3.0 est le Web Sémantique La personnalisation du contenu vise à organiser les réponses en fonction de chaque internaute. L’internet du sur mesure. Ce n’est plus le « user » comme dans le web 1.0 ou le web 2.0 avec le user generated content mais c’est l’ordinateur qui produit l’information en fonction de l’internaute. L’internaute est numérique. WEB 3.0 : De 2008 à Aujourd’hui Adrien Ruffier Pour résumer Adrien Ruffier
  • 33. Le mag numérique, juin 2015 WEB 1.0 : De 1995 à 2003 Un petit coup de WayBack Machine Un petit coup de WAYBACKMACHINE…
  • 34. WEB 3.0 : A l’aube de 2020WEB 3.0 : De 2008 à Aujourd’hui
  • 35. WEB 3.0 : A l’aube de 2020WEB 3.0 : De 2008 à Aujourd’hui
  • 36. WEB 3.0 : De 2008 à aujourd’huiWEB 3.0 : De 2008 à Aujourd’hui Adrien Ruffier La mobilité Adrien Ruffier
  • 37. WEB 3.0 : De 2008 à aujourd’huiWEB 3.0 : De 2008 à Aujourd’hui Adrien Ruffier « plus de 900 millions de tablettes et 3 milliards de smartphones seront entre les mains des consommateurs du monde entier ». « la pénétration des tablettes s’est également accrue pour atteindre plus de 14,1% des foyers français » Adrien Ruffier
  • 38. WEB 3.0 : De 2008 à aujourd’huiWEB 3.0 : De 2008 à Aujourd’hui Adrien Ruffier Les supports évoluent Adrien Ruffier
  • 39. WEB 3.0 : De 2008 à aujourd’huiWEB 3.0 : De 2008 à Aujourd’hui Adrien Ruffier Prendre en compte les contraintes liées au périphérique : zones plus ou moins accessibles Site dédié ou site responsive ? Nouvelles contraintes Adrien Ruffier
  • 40. WEB 3.0 : De 2008 à aujourd’huiWEB 3.0 : De 2008 à Aujourd’hui Adrien Ruffier Le site dédié consiste à concevoir deux ou plusieurs entités différentes selon le dispositif visé : un site principal, un site pour smartphones, un site pour tablettes, etc. Nouvelles contraintes Adrien Ruffier
  • 41. WEB 3.0 : De 2008 à aujourd’huiWEB 3.0 : De 2008 à Aujourd’hui Adrien Ruffier Avantages Inconvénients - La possibilité d'affiner précisément la structure du site et ses contenus en regard du périphérique utilisé - La possibilité de cibler et de s'adapter à des fonctionnalités variées (notamment le touch) - Peut être une alternative rapide en attendant une refonte complète (et responsive) de son site web - Le contenu dupliqué ("duplicate content") - La maintenance de plusieurs versions de site et de plusieurs adresses web (moins facilement indexables par un moteur de recherche) Nouvelles contraintes Adrien Ruffier
  • 42. Internet c’est > Est un media INCONTOURNABLE > Une locomotive sur le marché publicitaire ! > Un media aux atouts bien identifiés par les annonceurs en termes de ciblage, d’interactivité, de (faible) coût et de créativité Aujourd’hui, internet c’est … Adrien Ruffier « Be Customer Centric »
  • 43. Le mag numérique, juin 2015 WEB 1.0 : De 1995 à 2003 Un petit coup de WayBack Machine Grandes tendances 2016-2017
  • 44. WEB 3.0 : De 2008 à aujourd’huiGrandes tendances 2016-2017 Adrien Ruffier Tendance 1 : Le Responsive Design prend son envol Le responsive design est une manière de concevoir un site web pour que son contenu s'adapte automatiquement à la résolution écran du terminal qui est utilisé pour le visionner Adrien Ruffier
  • 45. WEB 3.0 : De 2008 à aujourd’huiGrandes tendances 2016-2017 Adrien Ruffier Tendance 2 : Le Flat Design s’heurte au material design https://www.youtube.com/watch?v=Q8TXgCzxEnw Adrien Ruffier
  • 46. WEB 3.0 : De 2008 à aujourd’hui Site one page, visuels plein écran, incitation au scrolling, nouvelle manière de présenter les contenus (stor y telling) 2017 Adrien Ruffier Grandes tendances 2016-2017 Tendance 3 : Le Parallax Adrien Ruffier
  • 47. WEB 3.0 : De 2008 à aujourd’hui Adrien Ruffier Tendance 4 : Le GIF et le meme ont la côte Grandes tendances 2016-2017 Adrien Ruffier
  • 48. Le site Web 1 Les sites internet 2 Conception de site(structure, concept, contenu, expérience client) 3 La mise en pratique (achat domaine, hébergement, mise en ligne, renouvellement) Les leviers On Site PART.1 Démarrer sur le web02 1. Les leviers du Webmarketing 2. Le site Web (levier 1)
  • 49. Le site Web 1 Les sites internet 2 Conception de site(structure, concept, contenu, expérience client) 3 La mise en pratique (achat domaine, hébergement, mise en ligne, renouvellement) Les leviers On Site PART.1 1. Les leviers du webmarketing Adrien Ruffier
  • 50. Adrien Ruffier Le Marketing traditionnel est bouleversé Les 4 P : Prix Produit Distribution Communication I. Les leviers du Webmarketing Adrien Ruffier
  • 51. Adrien Ruffier Le Webmarketing consiste à promouvoir ses produits et services et à interagir avec le consommateur à travers toutes formes de supports ou canaux digitaux. 1. Les leviers du Webmarketing Adrien Ruffier >Objectif : augmenter la notoriété de votre marque ou de votre site améliorer votre image ( relation de confiance) augmenter le trafic de votre site web réalisation des objectifs du site : ventes, contacts, lecture.. fidélisation des clients et des prospects conversion des prospects en clients
  • 52. Adrien Ruffier Levier du Webmarketing Owned Media 1. Les leviers du Webmarketing Paid Media Earned Media Adrien Ruffier
  • 53. Adrien Ruffier Ensemble des outils digitaux géré par la marque permettant de toucher directement l’internaute. Ensemble des outils digitaux géré par une société externes permettant de toucher l’internaute. (publicité en ligne ) Le consommateur est le media Owned Media Paid Media Earned Media 1. Les leviers du Webmarketing Adrien Ruffier
  • 54. Le site Web 1 Les sites internet 2 Conception de site(structure, concept, contenu, expérience client) 3 La mise en pratique (achat domaine, hébergement, mise en ligne, renouvellement) Les leviers On Site PART.1 2. Le site Web (levier 1) 1 Définition & intérêts 2 Méthodologie globale de la conception de site
  • 55. Adrien Ruffier SITE WEB 1. Définition & intérêts Ensemble de pages web hyperliées entre elles et mises en ligne à une adresse web (URL) Site Web = support de communication Adrien Ruffier
  • 56. Adrien Ruffier SITE WEB 1. Définition & intérêts > Différents sites Vitrine Marchand ou E-commerce Catalogue Institutionnel Etre crédible Bénéficier d’un support de communication inépuisable et puissant (24/24 7/7) Développer son entreprise (notoriété) Vente en ligne Pour trouver de nouveaux clients Collecter des données SAV pour les utilisateurs > Intérêt d’un site Web Adrien Ruffier
  • 57. Adrien Ruffier SITE WEB 2. Méthodologie globale de la conception de site Etape 1 : Etablir un cahier des charges Etape 2 : Conception du site Etape 3 : Mise en ligne et hébergement Etape 4 : Assurer sa visibilité Adrien Ruffier
  • 58. Adrien Ruffier Le cahier des charges est LE document de référence lors de la réalisation d’un projet SITE WEB 2. Méthodologie globale de la conception de site Etape 1 : Etablir un cahier des charges Adrien Ruffier
  • 59. Adrien Ruffier « Un cahier des charges est un document qui va permettre en interne de formaliser vos besoins en matière de réalisation de site web et à les expliquer aux différents acteurs pour s’assurer que tout le monde est d’accord. » > C’est quoi ? SITE WEB 2. Méthodologie globale de la conception de site Etape 1 : Etablir un cahier des charges Adrien Ruffier
  • 60. Adrien Ruffier De formaliser vos besoins et vos attentes à l’égard du site web. De l’envoyer à divers prestataires externes afin d’avoir en retour des devis précis. De pouvoir comparer objectivement les différents devis puisque basés sur les mêmes besoins. De réduire le coût de conception et de réalisation de votre site web. > Intérêts ? SITE WEB 2. Méthodologie globale de la conception de site Etape 1 : Etablir un cahier des charges Adrien Ruffier
  • 61. Adrien Ruffier > Contenu ? Description du projet (présentation de l’entreprise, objectifs du site, cible..) Description graphique et ergonomique (Charte graphique, design, maquette) Description technique (arborescence, contenus, contraintes techniques) Modalité Un cahier des charges bien documenté c’est votre assurance tranquillité SITE WEB 2. Méthodologie globale de la conception de site Etape 1 : Etablir un cahier des charges Adrien Ruffier
  • 62. Adrien Ruffier Description du projet (présentation de l’entreprise, objectifs du site, cible..) SITE WEB 2. Méthodologie globale de la conception de site Etape 1 : Etablir un cahier des charges Objectifs du site : Se promouvoir ? Vendre des produits ? Présenter vos gammes > Détermine le type de site Adrien Ruffier
  • 63. Adrien Ruffier Nécessité d’identifier cibles du site, leurs attentes et besoins Prendre la place de l’utilisateur : Attentes ? Habitudes de navigation ? Âge ? Etudes comportementales mettent en lumière habitudes de navigation, permettant ainsi l’apparition des bonnes pratiques ergonomiques Objectif = améliorer l’expérience utilisateur Description du projet (présentation de l’entreprise, objectifs du site, cible..) SITE WEB 2. Méthodologie globale de la conception de site Etape 1 : Etablir un cahier des charges Adrien Ruffier
  • 64. Adrien Ruffier Charte graphique : Qu’il s’agisse de Web ou Print : utilisation d’une charte graphique & éditoriale > communication globale cohérente Design ( : Avez-vous des exigences particulières concernant le design de votre futur site internet : flat design, effet parallaxe, … ? SITE WEB 2. Méthodologie globale de la conception de site Etape 1 : Etablir un cahier des charges Description graphique et ergonomique (charte graphique, design, maquette) Adrien Ruffier
  • 65. Adrien Ruffier Wireframe Powerpoint SITE WEB 2. Méthodologie globale de la conception de site Etape 1 : Etablir un cahier des charges Description graphique et ergonomique (charte graphique, design, maquette) Adrien Ruffier
  • 66. Adrien Ruffier Pour un site web = arborescence Définir, organiser et hiérarchiser les contenus du site = Site plus clair et compréhensible SITE WEB 2. Méthodologie globale de la conception de site Etape 1 : Etablir un cahier des charges Description technique (arborescence, contenus, contraintes techniques) Adrien Ruffier
  • 67. Adrien Ruffier Menu principal = repère de navigation Il doit : > Donner une vision globale des contenus présents sur le site > Permettre un accès à d’autres niveaux de navigation si nécessaire > Être bien identifiable > Être accessible à tout moment et sur chaque page du site > Être organisé et hiérarchisé logiquement SITE WEB 2. Méthodologie globale de la conception de site Etape 1 : Etablir un cahier des charges Description technique (arborescence, contenus, contraintes techniques) Adrien Ruffier
  • 70. Adrien Ruffier Doit-il y avoir un espace client sécurisé par un mot de passe ? Souhaitez-vous un back office de suivi d’activité ? Précisez les besoins en termes de droits d’administration, illustrez vos processus métiers par des schémas Votre site doit-il intégrer un moteur de recherche interne ? Un blog ? Un module d’inscription newsletter ? Planning SITE WEB 2. Méthodologie globale de la conception de site Etape 1 : Etablir un cahier des charges Modalités Adrien Ruffier
  • 71. Adrien Ruffier > Réalisation par soi-même > Réalisation par un Freelance > Réalisation confiée à une agence SITE WEB 2. Méthodologie globale de la conception de site Etape 2 : Conception du site Adrien Ruffier
  • 72. Internet c’estRéalisation par soi-même Adrien Ruffier Le nom CMS, Content Management System, en français Système de Gestion de Contenu est un terme vague, puisqu’en fait tout logiciel gère un contenu. Plus précisément on donne ce nom à un logiciel qui gère la création et la publication de documents, éventuellement de façon collaborative. Adrien Ruffier
  • 73. Internet c’estRéalisation par soi-même Adrien Ruffier ModéréSimple Compliqué Utilisation de CMS++ Adrien Ruffier
  • 74. Le site Web 1 Les sites internet 2 Conception de site(structure, concept, contenu, expérience client) 3 La mise en pratique (achat domaine, hébergement, mise en ligne, renouvellement) Les leviers On Site PART.1 A Strasbourg ? Quelles agences ?
  • 75. WEB 3.0 : De 2008 à aujourd’hui Adrien Ruffier Blackblitz Adrien Ruffier
  • 76. WEB 3.0 : De 2008 à aujourd’hui Adrien Ruffier 1. Webdesigner : Créer l’identité visuelle et concept 2. Graphiste : Communication et la charte graphique de votre site 3. Infographiste : Mettre les images et les textes en valeur (maquette/dessin du site ) Toutes ces fonctions seront sous la direction du directeur artistique, professionnel de l’image, qui sera chargé de la cohérence visuelle du site (intégré dans les agences) 4. Développeur : Créer le site internet Les métiers en agences Adrien Ruffier
  • 77. JavaScript Langage de script qui s'imbrique dans la code HTML de la page web. Il permet de modifier son contenu, de traiter par exemple des formulaires. . CSS L'emploi des feuilles de style sera aussi nécessaire pour un site vraiment sérieux avec une présentation réutilisable, ou pour modifier la présentation selon l'appareil (PC, mobile). Il est préférable d'utiliser les CSS dès la création du site. Un modèle complet est proposé sur ce site dans la section CSS. PHP Les scripts PHP se placent dans une page HTML, mais sont exécutés par le serveur. Celui-ci génère une nouvelle page selon les instructions du script. ASP est une alternative à PHP qui ne fonctionne que sur un serveur Windows. On peut utiliser d'autres langages dans le même but dont JavaScript avec Node.js. Avec XAMPP , on peut faire fonctionner PHP, Apache et MySQL localement avant mise en ligne sur un site Web. Ajax C'est l'utilisation conjointe de JavaScript et éventuellement d'un langage coté serveur comme PHP ou ASP. Des cadres d'applications (frameworks) préféfinis facilitent la tâche en fournissant les fonctions d'usage courant. Vous pouvez utiliser une librairie simple comme Anaa ou un Framework Ajax plus puissant comme jQuery, le plus communément utilisé. Développement et langages
  • 78. Adrien Ruffier Achat du nom de domaine et choix de l’hébergeur SITE WEB 2. Méthodologie globale de la conception de site Etape 3 : Mise en ligne & hébergement Adrien Ruffier
  • 79. Adrien Ruffier > Le nom de domaine est le nom « courant » d'un site Internet. C'est ce qui permet aux utilisateurs de se souvenir plus facilement de l'adresse d'un site et d'y accéder avec simplicité. > Un nom de domaine est composé : d'un nom d'un suffixe (.com, .fr, .eu, .org…). > Un bon nom de domaine : Facile à prononcer Facile à épeler Facile à mémoriser SITE WEB 2. Méthodologie globale de la conception de site Etape 3 : Mise en ligne & hébergement Adrien Ruffier
  • 80. Le site Web 1 Les sites internet 2 Conception de site(structure, concept, contenu, expérience client) 3 La mise en pratique (achat domaine, hébergement, mise en ligne, renouvellement) Les leviers On Site PART.1 Où s’enregistrer ?
  • 81. Adrien Ruffier Un hébergeur est un prestataire de service qui met à votre disposition un espace de stockage sur un serveur connecté en permanence à Internet. Un hébergeur vous permet donc, entre autres, de rendre votre site accessible à tous les internautes, 24 heures sur 24. SITE WEB 2. Méthodologie globale de la conception de site Etape 3 : Mise en ligne & hébergement Adrien Ruffier
  • 82. Le site Web Les leviers On Site PART.1 Hébergeur TPE / PME
  • 83. Le site Web Les leviers On Site PART.1 Hébergement Serveur dédié interne ou hébergeur ?
  • 84. Adrien Ruffier SITE WEB Etape 4 : Assurer sa visibilité SEO : Search Engine Optimization SEA : Search Engine Advertising Via campagne AdWords Métier : Spécialiste SEM (SEA+SEO) ou référenceur Adrien Ruffier