LES “FICHE PRATIQUES”

Ou ce qu’il faut savoir sur Internet aujourd’hui

VOUS ETES RESPONSABLE DE LA COMMUNICATION ?

DIRECTEUR OU GERANT ?
VOUS AVEZ UN POSTE A RESPONSABILITE ?

Ces petites “fiches pratiques” vous permettront peut être de clarifier les notions nouvelles qui
régissent l’internet d’aujourd’hui, et de demain.
Volontairement grand public et succintes, ces fiches tentent de résumer ce qu’il est d’emblée im-
portant de savoir pour se tenir à jour dans l’économie nouvelle du réseau à l’aune du WEB 2.0.

Ces fiches sont à compléter et d’autre suivront tant il y aurait à dire...

Je vous souhaite une bonne lecture et vous rappelle que Update Agency reste à votre entière dis-
position pour compléter une information, ou bien sûr, répondre à vos besoins.

f.Michel.

FICHE N°1 - LE WEB 2.0,

Nouveaux enjeux pour la presse, les médias, et les entreprises.

FICHE N°1.2 - LE WEB 2.0 (suite)

Sites dynamiques, bases de données et métadonnées.

FICHE N°2
Les applications “riches” et ses conséquences sur le E-learning et
le E-commerce.

FICHE N°3
Optimiser vos productions audiovisuelles.

FICHE N°4
Bien être référencé sur Internet.

FICHE N°5
Vendre sur Internet.

FICHE N°6
Notre “Package” plateformes de sites/blogs + forum
& le Social Networking

FICHE N°7
Le cas des sites “culturels”, développement hybrides
et contribution des designers.

UPDATE / FAB sarl. 6, rue Cretet 75009 Paris. Tel : 06 50 84 59 63

Siège social 5 chemin du Buis, 09500 Tourtrol, rcs foix 431 969 989 – 00018 - NAF 921 B
 INTRODUCTION
UN SITE INTERNET, MAIS POURQUOI ? (fiche à l’usage des réfractaires)
Fiche préparée par www.update-agency.com

Pratiques d’Internet
MON SITE ? Heu.... :: Maîtrisez votre image ::
Après l’imprimerie et le téléphone, Inter-
Vos clients, vos collaborateurs, même vos
net est devenu indispensable...alors com- amis voudront savoir ce qui se dit de vous
ment et pourquoi l’utiliser ? sur Internet. Vous pensez ne pas y être ? Ce
n’est pas sûr, on parle peut-être de vous
dans votre dos...Quoiqu’il en soit, con-
cevoir son site “officiel” est le meil-
A l’heure où l’un des challenges du monde sera de ne pas se leurs moyen de maîtriser son image
laisser creuser une fracture numérique (c’est à dire une hu- et d’offrir un outil de réflexion indis-
manité à deux vitesses dont l’une fonctionne quelques milliards pensable à vos futurs clients ou col-
de fois plus vite que l’autre), certains d’entre nous pensent laborateurs.
pouvoir largement se passer d’Internet.
:: Synthétisez-vous ::
Pourtant Internet est la suite logique de l’imprimerie, du
téléphone, et de la télévision : en réalité, il est en passe Internet est l’outil idéal pour collecter, or-
de tous les remplacer ! ganiser, synthétiser, donner du sens, et
communiquer tous vos documents texte,
Non, l’heure n’est plus au passéisme ou à l’orgueil. On ne va pas lutter vidéos, sons, multimédia, schémas, etc...
bêtement contre ce qui est somme toute une des plus grande révolution
de l’humanité. Connectés, aujourd’hui, on doit l’être (à moins de vivre :: Economisez du papier ::
déconnecté pour de bon, qui en a le luxe ? Est-ce d’ailleurs si intéressant
de passer à côté de ce qui fait l’originalité de notre époque ?). Certains Fini les documents lourds, statiques, im-
pronent un droit à la déconnection : nous préconisons un droit à la con- primés une bonne fois pour toute, et dont
nection. Mais qu’en faire ? les pages se détachent, se perdent, ne
sont pas à jour.
:: Quelques données d’aujourd’hui... :: Fini les envois fastidieux par la poste.
Aujourd’hui on veut vous connaître,
...probablement déjà obsolètes à l’heure ou vous lisez ces lignes. Il faut et pour cela, on va voir sur Internet.
savoir : Vous n’y êtes pas ? Un autre y est...
-que les adolescents et de plus en plus d’adultes consacrent plus de temps
sur la toile que devant la télévision (se plaindra-t-on du fait qu’Internet :: Workflow, ou “flux de travail” ::
soit, malgrès surement tout ses défauts, le lieu du choix, du possible, et
donc moins passif que la télé ?). Votre équipe veut pouvoir collaborer sur
-que les chinois sont plus connectés via leur téléphones portables, que via des documents en commun, et en temps
leurs ordinateurs. réel, sans être tous assis sur la même
-que la population connectée vient de passer la barre des 1 Milliard (fevrier chaise ? Les documents et les applica-
2009) tions en lignes permettent la mobilité
tout en optimisant le workflow.
:: Internet ou ...“le diable” ::
:: Communiquer ou publier ? ::
On ne cesse du nous bassiner avec les dangers d’Internet (pédophilie,
violence, image non maitrisée de soi, etc.) Internet est à la fois un outil de com-
Pour faire court, nous ne répondrons que ceci : et bien oui, Internet, c’est munication (B to C ou B to B), utilisé
comme la vie. On y trouve de tout. L’éducation et le bon sens sont les seuls comme tel, et régit par ses propres loies,
et meilleurs moyens pour protéger vous et vos enfants de...la vie, donc. différentes de la com. papier par exem-
gier les liens (et le contenu) :: ple.
:: Internet et les professionnels :: Mais aussi un outil de publication, qui
permet de mettre à disposition des résul-
Un professionnel ne peut plus se passer d’avoir un site. D’une part car ne tats de recherche, des idées, des docu-
pas en avoir, c’est être perçu comme ayant raté le coche de l’époque, ce qui ments, des bases de données, et d’en faire
arrange modestement les sociétés de création de site comme la notre ! profiter ses semblables.

D’autre part, et plus sérieusement, car c’est une question de pratiques, :: E-business : une zone de chalandise
autant que d’image. sans frontière ! ::
Commençons par la dernière : oui, l’image ça compte un minimum, sans
forcément tomber dans le conformisme ; aller à un rendez-vous avec une Et oui, faire du E-commerce, c’est être ac-
chemise sale, ce n’est qu’une image, seulement voilà, même si ça n’est cessible à tous, et par conséquent, ne plus
pas très grâve ça ne fait pas bonne impression. limiter sa clientèle à une zone de chalan-
dise restreinte. Touchez 0,001% de la
Quand aux pratiques c’est autrement plus embêtant. >>> population connectée, et vous serez
gagnant !

UPDATE / FAB sarl. 6, rue Cretet 75009 Paris. Tel : 06 50 84 59 63

Siège social 5 chemin du Buis, 09500 Tourtrol, rcs foix 431 969 989 – 00018 - NAF 921 B
 FICHE PRATIQUE N°1
WEB 2.0 : le nouvel enjeu de la presse, des médias, et de l’entreprise.

Fiche préparée par www.update-agency.com

LE WEB 2.0
Un ensemble de pratiques pour aujourd’hui
...et demain.

Le WEB 2.0 n’est pas à proprement parler une technologie.

Il s’agit plutôt d’un ensemble de nouvelles pratiques, aquises
grâce au développement de technologies déjà existantes, qui
placent l’utilisateur en position d’acteur dans la chaîne
de la production d’information, et/ou décloisonnent les
“sites” pour leur permettre plus facilement d’agréger du
contenus, voire des services.
Techniquement le XHMTL /CSS et le PHP MySQL, le AJAX, ou le
RUBY, sont parmis les langages phares du WEB 2.0.
Qu’est-ce qu’un flux de
Le WEB 2.0 est une notion difficile à cerner, mais il faut savoir qu’elle est Syndication ?
à l’origine des nouvelles pratiques du net : sites communautaires, blogs,
etc…
:: Un des atouts majeurs et
Toutefois, le WEB 2.0 n’est pas uniquement dédié aux blogs : aujourd’hui incontournables du WEB 2.0 ::
des sites d’apparence traditionnels utilisent des moteurs de blogs pour
générer leur contenu mais ne fonctionnent pas avec la même logique dans Abonnez vous à l’information de vos sites
le rapport émetteur/ internaute. favoris en temps réel, et regroupez toutes
ces informations sur une même page perso,
:: Comment utiliser cette approche au sein de l’entreprise ? :: sans avoir à aller sur chacun des sites
: c’est ce que propose le RSS feed, ou flux
Un blog professionnel réalisé sur mesure est l’outil complémentaire idéal RSS (il en existe d’autre d’ailleurs).
du site corporate ou vitrine, en vue d’établir une relation client/entreprise
nouvelle et très forte. A l’inverse : publiez vos informations
directement sur la page perso de vos
On peut aussi l’envisager dans une logique de communication interne, ou lecteurs abonnés, en temps réel et
encore comme outil à disposition des comités d’entreprise. sans effort.

C’est une solution très intéressante pour la gestion autonome du contenu, Toujours plus simple : tous les navigateurs
que l’on peut très aisément enrichir de vidéos, d’images et de sons. (Internet Explorer, Firefox, Safari, Opera,
etc.) proposent aujourd’hui de collecter
On peut créer son magazine en ligne, sa WEB-TV, sa lettre d’information, vos flux d’abonnements sur la barre de
etc. mais aussi animer un site/blog grâce à l’intégration de services et de navigation !
contenu externe.
Donc si vous générez un flux, vous pouvez
tenir informés vos lecteurs des nouvelles
“…l’impact d’un blog, sa puissance de diffusion à travers les moteurs publications de votre site, directement sur
de recherche, est phénoménal…en conférant une valeur subjective à leur pages perso ou leur navigateur.
l’information qu’il fournit (à l’opposé des discours monolithiques, froids,
aseptisés des publicités), le blog risque fort de modifier les C’est un moyen incontournable de se rap-
comportements d’achat et de consommation”. peler à leur bon souvenir, et de les fidéliser
sans aucun effort.
::extrait d’un article de Xavier Lucron dans le magazine “L’entreprise” N°
260 :: :: Grâce à l’intégration de RSS feed,
animez votre contenu, avec des flux
en provenance d’autres sites, qui ali-
:: Quelques chiffres pour la presse :: (source Presse U.S) mentent alors votre propre site sans
aucun effort ::
75% des journaux acceptent désormais les commentaires sur leurs
Votre site est d’autant plus attractif pour
articles, contre 33% en 2007. les internautes, qui le fréquenteront plus
100% offrent des flux RSS. assiduement…ce qui le rend aussi plus ef-
92% des journaux intègrent la possibilité de bookmarker un article ficace et rentable.
sur un média social.
UPDATE / FAB sarl. 6, rue Cretet 75009 Paris. Tel : 06 50 84 59 63
Siège social 5 chemin du Buis, 09500 Tourtrol, rcs foix 431 969 989 – 00018 - NAF 921 B
 FICHE PRATIQUE N°1.2
LE WEB 2.0 : sites dynamiques, bases de données et métadonnées.
Fiche préparée par www.update-agency.com

LE WEB 2.0...suite
Ou comment utiliser les métadonnées pour
optimiser vos bases de données.
Un des aspects les plus intéressants de ces pratiques nouvelles
est le fait d’avoir séparé l’aspect visuel des sites, de leur con-
tenu en données. L’un et l’autre étant traités à part, ils ne sont
plus liés “en dur”.
D’autre part, les données, augmentées de “métadon-
nées” peuvent ête traitées de manière croisées, et ne
sont plus assujetties à une place fixe ou à un classement
rigide. Bien utiliser ces principes permet de donner du
sens à votre site de façon exponentielle !

L’utilisation des CSS (ou feuilles de style) permet de gérer l’aspect vi- Base de données
suel de votre site indépendament de son contenu. Vous connaissez cer-
tainement la possibilité de changer sur votre PC, dans vos préférences, le
Dynamiques
“thème” visuel de celui-ci, ce qui en change l’aspect (couleur des cadres,
:: Quand votre contenu est vivant ::
polices de caractères, etc...)
Aujourd’hui vous pouvez faire de même avec votre propre site, et ces pos-
On vient de le voir pour le “nuage de tags”
sibilités sont assez extensives. De la même façon, certains sites proposent
dont les mots apparaissent plus ou moins
aux utilisateurs de choisir son “thème” afin de personnaliser sa consulta-
gros selon leur nombre d’occuence dans la
tion ou une page personnelle, etc.
base de donnée, votre contenu peut être
listé sur votre site de façon dynamique.
:: Les TAGS, ou mots clefs associés aux données ::
D’abord, comme le font les blogs, vous
pouvez décider de mettre en avant les ar-
Les tags sont des métodonnées, c’est à dire, pour être simple, des mots
ticles publiés par ordre chronologique (ou
clefs que vous pouvez associer à telle ou telle donnée de votre site : une
ante-chronologique !)
image, un article, une page. Ce faisant, vous lui attribuez un marqueur qui
Mais aussi par articles “les plus populaires”,
permettra de le retrouver par le biais de ces tags, et non plus par le biais
“les plus longs”, “les articles avec vidéo”,
des traditionnelles catégories ou rubriques de votre site.
“par auteur”, etc. et ce, bien entendu, in-
Ces tags sont souvent affichés (parfois sous forme de “nuages de tags”),
dépendamment du rubriquage.
sur le site. Il suffit de cliquer sur l’un d’eux pour obtenir la liste de tous
les articles qui ont été marqués de ce même tag. Ainsi, imaginez que vous
Votre contenu vit et s’anime selon des
êtes un designer d’objets de décoration : vous avez vos rubriques tradi-
paramètres que vous décidez, et qui le
tionnelles : Mobilier, Objets, Canapés, etc...
décloisonnent de son carcan traditionnel,
Vous souhaitez permettre à vos utilisateurs de voir tout ce que vous avez
sans s’y substituer.
fait matériau par matériau (verre, boix, metal, polyesther, etc.) mais lister
tous les matériaux sous forme de rubriques serait trop long et peu adé-
:: Le nombre de page d’un site inter-
quat.
fère sur le coût de fabriquation ? ::
Les TAGS sont la pour ça : affichés dans un coin de votre site, ou
bien mis en avant, ils permettent d’un simple clic de retrouver tous
Question fréquemment posée par les cli-
les articles marqués par tel ou tel tag.
ents néophytes : combien de pages fera
Il arrive même que pour certains sites, le nuage de tag se subsitue entière-
mon site, le prix dépend-il du nombre de
ment aux rubriques classiques ! Notez que des articles placés dans des
page ? NON. Le nombre de page est illimi-
rubriques différentes, peuvent se retrouver listés sous un même
té, puisque votre contenu est désormais
Tag, ce qui permet donc de croiser les rubriques entre elles.
dynamique, et que VOUS allez pouvoir le
gérer par vous même.
:: Les nuage de TAGS ou l’illustration de la base de données Cependant, le nombre de gabarit de pages
“dynamique” :: différent peut influer sur le coût de votre
site. Si vous voulez un gabarit pour les ar-
Un nuage de tags est une disposition un peu anarchique de tous ticles de la rubrique “Mobilier” différent de
les tags que vous avez utilisés pour marquer vos articles et qui la rubrique “Objets”, cela signife que nous
permettent à vos internautes de lister ces articles par mots clefs devons développer deux gabarits...
plutôt que par rubriques. Sous forme de nuage, un tag apparait
plus ou moins gros (ou plus ou moins coloré) selon qu’il est Dynamisez votre site !
utilisé comme marqueur sur plus ou moins d’articles. Ainsi Rendez le vivant et bien
un gros Tag signifie que beaucoup d’articles sont concernés, alors
qu’un petit, veut dire que peu d’articles lui correspondent... plus riche, en utilisant
les métadonnées.
UPDATE / FAB sarl. 6, rue Cretet 75009 Paris. Tel : 06 50 84 59 63
Siège social 5 chemin du Buis, 09500 Tourtrol, rcs foix 431 969 989 – 00018 - NAF 921 B
 FICHE PRATIQUE N°2
LES APPLICATIONS “RICHES” (+ le E-Learning et le E-commerce)

Fiche préparée par www.update-agency.com

LES APPLICATIONS
“RICHES”
Toujours plus de confort pour l’internaute
...et de résultats pour l’entreprise.

N’entrons pas dans les détails techniques, retenons seule-

ment ceci : une application dite “Riche” (ou RIA) permet à
l’utilisateur d’agir directement sur le site qu’il consulte :
il déplace des blocs, agit sur une carte (google map), customise
les couleurs d’un T-shirt, y ajoute un graphisme, fabrique son
panier d’achat, et voit le prix se modifier en temps réel...
En plus de ça, il consulte des vidéos, des sons, tout comme des Les conséquences sur
documents texte. Un des langages phare des RIA : l’AJAX. le E-Learning
Cela semble évident ? Pourtant, peu de sites proposent encore ce type
de consultation à ses internautes. Les résultats sont pourtants là : tous :: Personnaliser son apprentissage et
les sites qui proposent des RIA voient leur fréquentation augmenter dras- bénéficier de médias riches ::
tiquement, le temps de consutation des internautes s’allonger outrageuse-
ment, les résultats de ventes pour les sites e-commerce s’accroitre de Grâce au RIA, la consultation de médias
manière indécente ! divers et variés se fait sans effort.
Ainsi les didacticiels peuvent être en vi-
:: Un tout petit peu de technique quand même :: déos, lesquelles peuvent être augmentées
d’interactivité (par exemple sur tel mo-
Traditionnellement, sur un site HTML classique par exemple, le système ment de la vidéo, une image apparait sur
de l’information est organisé comme suit : vous êtes le client (avec votre le côté, elle est cliquable, etc...
ordinateur) et le site que vous consultez est sur un serveur. Ce que vous On peut aussi organiser son espace de tra-
voyez à l’écran est la conséquence d’une requête que vous formulez, sans vail.
le savoir, au serveur (en cliquant sur un lien par exemple), qui vous ren-
voie une réponse (en affichant une nouvelle page par exemple).
Ce va et vient requête-réponse est controlé et synchronisé. Les conséquences sur
Seulement voilà, (pour aller vite), avec une RIA, ce va et vien est non
seulement a-synchrone, et peut ne concerner qu’une partie d’une page
le E-commerce
WEB et non l’ensemble.
C’est ce qui permet à l’utilisateur d’agir directement sur une partie de la
page, par exemple en cliquant sur un module et en le déplaçant, etc... :: Offrir au client une expérience
utilisateur unique... ::
:: Quelques exemples d’utilisation ::
...mais aussi lui permettre d’affiner et de
contrôler sa commande, voire de person-
Sur votre site internet développé en RIA, l’internaute peut : naliser son produit tout en ayant une vi-
-customiser un produit sion claire de celui-ci.
-customiser un panier d’achat (coordonner tel et tel produit par
exemple) Il est prouvé que par cette pratique,
-agir sur une image (retouche, zoom, etc.) l’utilisateur reste plus longtemps sur le
-créer des calculs en temps réel et voir un graphique s’adapter site, et ce par plaisir. L’achat consécutif est
-organiser sa page de consultation à loisir quasiment systématique.
-utiliser des outils en ligne et les organiser sur sa page
-manipuler un plan (exemple google)

:: Quelques bonnes raisons de se tourner vers des applications riches ::

:: Engager, guider, et écouter ses cli- :: Simplifier certains processus com-

ents en ligne de manière plus proche. plexes comme les enregistrements, les
paiements, réservations, etc.
:: Enrichir les contenus par l’intégration
facile de médias multiples. :: Réduire les coûts de bande passante.
UPDATE / FAB sarl. 6, rue Cretet 75009 Paris. Tel : 06 50 84 59 63
Siège social 5 chemin du Buis, 09500 Tourtrol, rcs foix 431 969 989 – 00018 - NAF 921 B
 FICHE PRATIQUE N°3
OPTIMISER VOS PRODUCTIONS AUDIOVISUELLES
Fiche préparée par www.update-agency.com

CREER ET DIFFUSER
SES FILMS ?
Vidéo, 3D, motion design :
créez une fois, diffusez mille fois !

Il fût un temps où l’on investissait dans un film d’entreprise,

mais il ne servait que trop peu...une fois présenté en salle de
réunion, et dupliqué sur un DVD (nouvel investissement) qui
finissait parfois à la poubelle, le film était mort.
Aujourd’hui, le développement d’internet et de ses pratiques
ont aussi révolutionnés l’usage fait des films : streaming, vidéo
blog, TV online, sites de partage : autant de bonnes raison Spécial Evenementiel
d’investir massivement dans les supports d’images animées !
:: La vidéo reste le meilleur témoignage
Bien sûr le DVD reste une valeur sure, et peut s’avérer être un support de vos événements passés mais... ::
intéressant notamment dans les cas suivants :
1-le film produit est long et vaut la peine d’être conservé pour motifs pro- ...c’est aussi le meilleurs moyen de faire
fessionnels ou affectifs. du Teasing sur l’événement à venir. Avec
2-un beau coffret, agrémenté d’un livret, voire d’un cartonnage hors norme peu de moyens et beaucoup de créativité,
permet de faire du DVD un support à multiples facettes et luxueux. on peut parler de ce qui n’existe pas en-
core : un spot en 3D ou motion design à
Mais il est des cas ou d’autres moyens de diffusion sont plus adaptés et base de quelques photos animées fait par-
bien moins couteux. fois grande impression !
Bien entendu, le complément est le film
:: Streaming vidéo, ou comment héberger un film long sur le net :: de témoignage de l’événement. L’un et
l’autre peuvent être diffusés sur le site de
La technique du streaming permet de mettre à disposition des internautes l’événement, ou de son ogranisateur.
des films de grands formats et de bonne qualité. Le streaming consiste à
précharger le film au fur et à mesure de sa lecture : ainsi nul besoin de
le télécharger (ce qui peut s’avérer très long), ni de le charger entière- 3D, Motion design ?
ment avant visionnage (long aussi). Le film part quasi instantanément en
lecture. Il faut cependant se doter d’un serveur qui accepte le streaming, :: Enrichissez vos productions ::
savoir encoder convenablement le film, et l’intégrer à votre site. Enfin il
fut savoir que vous payez votre bande passante, ce qui peut s’avérer être Motion Design, ou en français, le Design
un surcoût lors de visionnages intensifs de vos films, selon votre contrat en mouvement. Plus connu sous le nom
d’hébergemment (cependant, une grande fréquentation de votre site est (réducteur) d’habillage graphique, le mo-
tout le mal que l’on vous souhaite!). tion design consiste non seulement à ha-
biller vos séquences traditionnelles (ti-
:: Les sites de partages de vidéos :: trages, bandeaux de sous titres, logos,
etc.) mais aussi à créer des séquences à
On connait YouTube, Daylimotion, on connait moins Vimeo. Autant part entières en utilisant les techniques
de l’animation 2D ou 3D : flying logo (ou
de possibilités d’héberger gratuitement ou presque (le mode pro
votre logo animé en 3D), séquences de
est parfois payant mais trés peu honéreux) vos productions. Vos générique, séquences intersticielles (entre
films sont visibles directement sur ces plateformes, et bénéficient des chapitres par exemple), spots entiers
de toutes les fonctionnalités WEB 2.0, comme les mots-clefs asso- avec simulation de paysages, de person-
ciés, les réseaux de recommandations, etc. nages, de fluides, de particules, etc.
Cependant vos films peuvent être hébergés chez un de ces fournis-
seurs de service, mais visibles directement sur votre site : vous Ces technologies, autrefois très chères,
économisez votre disque dur et votre bande passante ! se sont largement démocratisées, et nous
En travaillant habillement les liens entre votre plateforme sommes en mesure de vous proposer
aujourd’hui des réalisations animées à
d’hébergement communautaire et votre site propre, vous pouvez
l’aspect bien plus “designé” qu’auparavent,
considérablement booster la fréquentation de votre site et la visi- dans un budget très acceptable !
bilité de vos films !

FAITES DE VOTRE SITE UN OUTIL DE DIFFUSION COMPLET ET ATTRACTIF !

ENRICHISSEZ VOS PRODUCTIONS, et AUGMENTEZ LEURS VISIBILITES !
UPDATE / FAB sarl. 6, rue Cretet 75009 Paris. Tel : 06 50 84 59 63
Siège social 5 chemin du Buis, 09500 Tourtrol, rcs foix 431 969 989 – 00018 - NAF 921 B
 FICHE PRATIQUE N°4
SOLUTIONS GRATUITES AU PROBLEME DU REFERENCEMENT
Fiche préparée par www.update-agency.com

REFERENCER SON SITE AU MIEUX

Comment mettre toutes ses chances de son côté pour exister
sur la toile, gratuitement...ou pas !

Partons du principe que bien référencer son site c’est faire al- Exister sur la toile
légence à Google, qui totalise 90% des recherches sur internet. :: Participer pour se faire connaitre ::
S’il n’y a pas de solutions miracle au fait que nous vou-
lons tous la même place, il existe des procédures qui Un des moyens les plus sûr, (même si un
permettent de maximiser la fréquentation intelligente de peu chronophage) pour se faire référencer
son site, y compris gratuitement. consiste à faire acte de présence : allez sur
Il faut savoir que ces procédures sont assez récentes car les blogs ou les forums, et participez sans
Google à changé ses algorythmes il y a à peine trois ans... omettre de laisser l’adresse de votre site.
Inscrivez vous sur les annuaires pro en
ligne. Cette participation active paye en
Auparavent, il fallait, pour optimiser son référencement, gaver le code de fréquentation, et en référencement.
son site de mots clefs à répétition. Les abus n’ont pas tardé et les web- Il est aussi parfois utile de proposer à vos
masters n’ont pas hésité à mettre des mots comme “sexe” ou “football” internautes de “bookmarker” vos pages,
pour des sites sur la pratique de l’aquarelle, espérant ainsi booster la c’est à dire de les recommander sur des
fréquentation. C’était sans compter sur la sagacité de Google qui ne s’en moteurs de recherches de blog comme
laisse pas conter. Aussi le fameux moteur de recherche a-t-il changé ses “de.li.c.ious”. Si cette dernière pratique
procédures de classement des sites, pour privilégier ceux qui sont censés est encore méconnue, elle compte tout de
avoir un contenu adéquat à la recherche, riches en contenu, et participatifs même de nombreux adeptes dont le nom-
de l’économie générale de la toile. bre ne cesse d’augmenter.
:: Aspects et exigences techniques :: AUTREMENT DIT, UN SITE “WEB 2.0”
EST LE MEILLEUR OUTIL POUR VOTRE
L’aspect le plus évident et pourtant le moins respecté pour préserver votre REFERENCEMENT ! (cf fiches 1 et 1.2)
capacité de référencement, est la qualité d’écriture du code de votre site.
Une code peut fonctionner, et pourtant ne pas être écrit de manière
assez “propre” pour que Google et son armée de robots aient envie Référencement payant
de se casser la tête à le déchiffrer. :: si le “naturel” ne suffit pas... ::
Le respect des normes W3C (le fameux World Wide Web ou WWW) est
une base indispensable. Elle n’est cependant pas suffisante. Il faut ajouter Google vous propose d’acheter, disons,
au respect de ces normes un certain nombre de décisions techniques que des “droits de présence” en fonction de
seul un professionnel de la chose peut mettre en place une fois pour toute mots clefs que vous aurez choisis. Ex-
(comme les url sémantiques, éviter les zones de Tables, faire un travail sur emple : vous mettez une mise de 100 eu-
le SEO ou Search Engine Optimisation, etc...) ros sur le mot “Cuisine”. Lorsqu’un inter-
Voilà pour ce que vous ne pouvez pas faire tout seul si vous n’êtes pas naute cherche avec le mot “cuisine” dans
technicien spécialisé. Google, votre site ressort sur le côté, mis
en avant. Si un internaute clique sur votre
:: De bonnes pratiques à respecter :: lien, il vous en coûte disons 20 centimes,
qui viennent en débit de votre compte de
Privilégiez le contenu textuel et utilisez des mots simples et décisifs : 100 euros. Chaque clic vous coûte donc 20
Google ne sait pas lire une image, mais sait lire les mots. C’est la raison centimes, jusqu’à ne plus avoir de mise
pour laquelle les sites Flash sont à déconseiller du point de vue du ré- mais bon : un clic, c’est aussi un client po-
férencement, mais c’est une autre histoire...Les titres de page sont très tentiel ! (le coût des clics est variable en
importants : c’est la première chose que Google regarde. fonction des mots choisis, mais nous vous
prévenons avant).
:: Le page Rank, privilégier les liens (et le contenu) :: C’est là qu’un véritable travail de recher-
che sémantique s’impose, afin de couvrir
Le page rank d’une page WEB est une notation calculée sur le nombre de un champs intelligent de mots clefs. Et l’on
fois qu’un lien en provenance d’un autre site pointe sur cette page. Plus est parfois surpris de constater la richesse
elle est pointée plus une page remonte dans le classement de Google. de mots susceptibles d’être utilisés alors
Il faut donc trouver des “amis” pour échanger des liens ou être qu’on ne pense qu’à deux ou trois mots
suffisemment intéressant pour que vos pages soient pointées par sois même...
d’autres.
Il est à noter que les liens “internes” au site (un mot sur une page de votre Ce travail de recherche et d’analyse peut
site peut pointer vers une autre page de votre site) sont comptabilisés. Il se faire en concertation avec un professi-
est donc important de se donner la peine de faire ces liens, c’est gratuit ! onnel de l’internet.
UPDATE / FAB sarl. 6, rue Cretet 75009 Paris. Tel : 06 50 84 59 63
Siège social 5 chemin du Buis, 09500 Tourtrol, rcs foix 431 969 989 – 00018 - NAF 921 B
 FICHE PRATIQUE N° 5
LE E-COMMERCE, A USAGE DE TOUS ?
Fiche préparée par www.update-agency.com

VENDRE SUR INTERNET

Les sites de vente en ligne à l’usage de
tous ?

Aujourd’hui, le plus difficile dans le commerce n’est plus d’avoir :: Les usines à gaz ::
un lieu. C’est d’avoir quelque chose à vendre et de le faire
savoir. Si votre boutique en ligne est très ambi-
En guise de boutique : un site e-commerce. N’ayons plus peur, tieuse et qu’elle nécessite plus qu’un sys-
les internautes nous ont montré l’exemple : ils ont compris qu’il tème hébergé même bien customisé, il
trouvent mieux sur le Net chaussure à leur pied, et les payent vous reste la solution “usine à gaz”, et il
moins cher...Mauvais exemple : le E-commerce s’applique à ce n’y a pas tellement d’intermédiaire...
Nous entendons par “usine à gaz” le fait
que l’on n’essaye pas ! Mais hé, Des produits aux services, cela
qu’il faille faire développer un site entière-
représente quand même une bonne part d’activité ! ment sur mesure, avec par définition un
nombre de fonctionnalités assez complex-
es comme la gestion des stocks, les paie-
ments en ligne, etc.
La sécurisation des réseaux de paiements en ligne et la qualité des sites de
Il faut savoir que ces systèmes nécessitent
vente en ligne ont finit par gagner la confiance des internautes. En sautant
par la suite un entretient régulier, ce qui
par dessus un certain nombre de frais fixes que la boutique traditionnelle
nécessite un rapport étroit avec votre pres-
impose, le e-commerce est souvent le lieux des bons plans.
tataire technique, ou mieux, un techncien
à demeure...
:: Les systèmes de paiement ::
:: RIA et Ajax pour le e-commerce ::
Si vous avez fait l’expérience d’acheter sur Internet, vous aurez sûrement
croisés la possiblité de payer au moins par un de ces deux moyens : par Nous l’avons vu dans la Fiche N° 2 sur les
carte bleue, ou par paypal. applications “riches” ou RIA, l’usage de
Si le système paypal est plus sécurisé que le système carte bleu, il est plus l’Ajax (par exemple) peut permettre une
contraignant et pour le vendeur, et pour le client. D’autre part, la commis- conception très interactive de votre site
sion prise par paypal lors d’une vente est importante. Cependant, certains e-commerce, en permettant à l’internaute
clients en ligne préfèreront ce système pour plus de sécurité. d’agir de façon plus complète sur sa com-
Pourtant, le nombre des délits concernant les détournements de mande. C’est souvent un atout très effi-
comptes via une récupération de numéros de carte en ligne, sont cace.
finalement très faibles en rapport au nombre de transactions ef-
fecuées. :: Extension de la zone de chalandise ::
:: Sites de vente en ligne : les services hébergés :: Est-il besoin de rappeller que vendre sur
Internet permet de vendre plus loins...aus-
Selon la taille de votre boutique, et surtout le nombre de produits con- si est-il parfois utile de considérer l’aspect
tenus dans votre catalogue, vous pouvez opter pour plusieurs solutions international de son site, et la possiblité
e-commerce. Certaines, dites “hébergées”, vous proposent de “louer” un de le traduire en plusieurs langues, ce qui
emplacement sur un serveur mutualisé, et d’y créer votre boutique en est un des éléments importants à prendre
payant un forfait mensuel, et en mettant à votre disposition des outils de en compte dès le départ d’une conception
vente en ligne. Ces services peuvent s’avérer assez intéressants tant que de projet.
vous ne possédez par un très grand nombre de produits à votre catalogue,
et que vous n’êtes pas très regardants côté Design. Car vous êtes toujours :: Donner du sens à son commerce ::
contraints de vous fondre dans ce qui est proposé, aussi bien pensé que
cela puisse être au départ. Il peut être très opportun d’associer son
site e-commerce à un blog ou un site “WEB
Or, le Design, ici, n’est pas à prendre à la légère. S’il est inconcev- 2.0”. Tout le monde s’accorde à dire que le
able pour un bar branché de faire une déco ringarde, ici la “déco” futur de la consommation passe par un re-
est la seule chose qui vous relie à vos clients potentiels. S’ils ne gain de “valeurs”. Associer vos produits à
se reconnaissent pas dans votre design, il n’achèteront pas chez une démarche de publication, voilà l’idée !
vous. Certains de ces services donnent la possibilité de faire“customiser”
sa boutique par votre développeur préféré, afin que ses fonctionalités et Enfin, ne négligez pas tout ce qui
son aspect soient véritablement représentatifs de votre activité. peut rapprocher votre client de vous.
Par exemple, montrez vous ou mon-
Par contre, les fonctionnalités importantes comme le suivi des commandes, trez votre équipe, faites des vidéos
la gestion des stocks, les paiements en ligne, les notifications clients, représentatives de votre activité, de
l’analyse marketing, etc. sont parfois intégrés sur les meilleurs services. vos locaux, bref, rassurez.

UPDATE / FAB sarl. 6, rue Cretet 75009 Paris. Tel : 06 50 84 59 63

Siège social 5 chemin du Buis, 09500 Tourtrol, rcs foix 431 969 989 – 00018 - NAF 921 B
 FICHE 6 : PACKAGE
INSTITUTIONS, ECOLES, UNIVERSITES, MAIRIES, ENTREPRISES... ET SOCIAL NETWORKING.

Fiche préparée par www.update-agency.com

Notre “PACKAGE” phare

Un outil pour répondre à tous vos besoin
de communication interne et/ou externe.

Vous êtes une grande institution, une école, une mairie, une
université, une entreprise, et vous avez besoin de plusieurs es-
paces de communication ou de publication, sur Internet ?
Vous souhaitez pouvoir gérer l’ensemble de ces espaces de la
manière la plus simple, et donner des accès individualisés pour
la gestion du contenu ?
Vous souhaitez interfacer ces outils avec un ou des forums de
discussion ? Bref, vous voulez entrer dans le WEB 2.0 ?

Notre “Package” est la solution. Ce que nous proposons : la possibilité

de clôner un premier site constitué, autant de fois que vous le souhaitez. SOCIAL NETWORKING
Autrement dit, après nous avoir confié la création d’un site “modèle”, vous
pouvez le multiplier selon vos besoins, en quelques minutes et gratuite- :: VOTRE PROPRE “FACEBOOK” ::
ment ! Vous êtes alors propriétaire d’une plateforme de sites, et non plus
d’un seul.

:: Le back office ou “interface de gestion du contenu” ::

Le back office (en Français, le bureau administratif) de votre site est le

même pour toute la plateforme. Il vous suffit de sélectionner le site sur
lequel vous souhaitez intervenir, et le tour est joué.

Vous pouvez donner des accès spécifiques à tel ou tel collabora-

teur. En fonction de son statut (que vous aurez définit), il aura plus
ou moins de possiblités d’intervention dans le back office. Il peut Grâce à notre maîtrise d’outils appropriés
être un simple “contributeur” ou un véritable “administrateur”. nous sommes en mesure de créér votre
propre réseau social (ou social-network).
:: Quelques exemples où ce package est une nécessité :: Grâce à cette plateforme, vous pouvez
créer une communauté et lui offrir la
Universités : le site modéle est le site de l’université. Les sites clônes sont possibilité de s’exprimer sur votre ré-
les sites des professeurs, des UV, ou bien l’un pour l’association seau social.
des étudiants, l’autre pour les partenaires de l’université, un autre Bien entendu, l’intégration de plateformes
pour tel groupe de recherche, etc. Bref, grâce au Package, vous offrez de blogs ou de forums de discussion au ré-
à ceux qui le souhaitent un outil de publication personnalisable et hyper- seau social est tout à fait envisageable.
performant.
Soyons WEB 2.0 !
Déclinez ceci pour une mairie (clônes pour les mairies de quartier, pour
les associations sportives, pour les services, etc...), une enteprise (clônes
pour le comité d’entreprise, le journal interne, etc., etc.
UPDATE SOCIAL NETWORKING

: Les forums de discussions associés à la plateforme de sites/blogs ::

Vous souhaitez créer un espace de paroles et d’échange pour vos inter-

nautes : nous intégrons à votre plateforme de sites/blogs un forum de
discussions que vous pourrez gérer vous même.
Vous pourrez créer des discussions différentes. Ainsi le forum des étudi-
ants, le forum des citoyens, le forum des musiciens, etc. etc.

UPDATE / FAB sarl. 6, rue Cretet 75009 Paris. Tel : 06 50 84 59 63

Siège social 5 chemin du Buis, 09500 Tourtrol, rcs foix 431 969 989 – 00018 - NAF 921 B
 FICHE 7 : DESIGN+DEVELOPPEMENT
LE CAS PARTICULIER DES SITES POUR EQUIPEMENTS
ET ACTEURS CULTURELS

Fiche préparée par www.update-agency.com

EQUIPEMENTS et ACTEURS CULTURELS

Besoin de Design, de fonctionnalité, et d’évolutivité ?

La culture est un pôle très important et complexe pour la cré-

tion d’outils Internet. A la croisée systématique des problé-
matiques de la communication et de la publication, les outils
à créer se doivent de répondre à toutes ces attentes, quitte à
devenir “hybrides”.
L’alliage entre les technologies, les pratiques
d’aujourd’hui et les préoccupations esthétiques est sou-
vent un challenge qui nécessite la mise en commun de
plusieurs compétences.
:: Ergonomie et créativité ::

Malheureusement, ces deux termes ne

Il est vrai que souvent certains sites (et notament dans le WEB 2.0) sont pas toujours amis. Si l’ergonomie
privilégient l’efficacité technologique et d’usage (nous entendons par là d’un site (sa capacité à être d’un usage
l’ergonomie, l’efficacité et l’évolutivité fonctionnelle) aux aspects plus pro- facile et gratifiant) relève de quelques rè-
prement esthétiques. gles simples, il relève aussi des usages et
Or dans certains cas, l’ethétique est une condition sine qua non du projet, habitudes des internautes : trop les desta-
et notamment dans le cas des sites à caractère culturels (équipements biliser consiste à prendre le risque qu’ils
publics ou privés, sites portfolios, etc.). quittent le site d’un clic rageur.
Or les langages de programmations ayant tous des points forts et
des points faibles, il est parfois indispensable de pouvoir les inté- Pourtant, il est possible de créer dans
grer les uns dans les autres afin de profiter du meilleurs de chacun. cet ensemble de règles, et c’est là que
D’autre part, il faut que la créativité du designer s’accommode des con- le Designer se doit d’être connaisseur du
traintes techniques... WEB...

:: L’esthétique “Flash” :: :: La programmation Hybride ::

Il est reconnu que le langage de programmation de FLash (l’action script) Ainsi il convient de pouvoir intégrer les
est le meilleur outil de création visuelle pour Internet. Il permet tout type langages les uns dans les autres, afin de
d’animations, et de créativité. Il assure une grande fluidité dans les transi- profiter au mieux de tous : une structure
tions visuelles etc. PHP qui génére des pages HTML, lesquelles
Cependant, Flash a plusieurs énormes inconvénients. Le moindre est que intègrent des éléments Javacripts (ou
l’internaute se doit d’avoir Flash player sur son ordinateur (mais cet arg- Ajax) et des fichiers Flash lorsque néces-
ment est de moins en moins problématique, car sa distribution est très saire, voilà ce qui semble être aujourd’hui
largement assurée). Un autre inconvénient, plus majeur, est la très mau- la panassée de tous ceux qui ont besoin
vaise performance de Flash vis à vis du référencement naturel. Tout sim- d’esthétique mais ne souhaitent pas sacri-
plement car google ne sait pas lire le contenu d’un fichier Flash... fier à cette dernière les immenses possi-
Enfin, il faut être conscient que plus on sacrifie à la complexité visuelle bilité du WEB 2.0.
et d’animation, plus on se prive de possibilité d’évolution sans avoir à
reprendre tout un chantier...et ce y compris en ce qui concerne la gestion C’est aussi (et peut-être surtout) une
du contenu. manière sécure de s’assurer que son site
reste totalement ouvert et évolutif, ce qui
Autrement dit, Flash est un excellent outil, mais si et seulement si est, étant donnée la rapidité de l’évolution
votre site n’est pas destiné à évoluer, et si le référencement na- des tecniques et des pratiques, un atout
turel n’est pas une priorité. nécessaire.

:: Le JavaSript :: Donc le designer doit travailler de con-

cert avec le développeur et en com-
Une alternative aux animations Flash est l’usage de Javascript. Ce lan- prendre les problématiques, de même
gage, facilement intégrable dans des pages HMTL ou XHMTL permet de que le développeur peut et doit guider
créer des animations dont certaines sont quasi-équivalentes à Flash. Du le designer.
point de vue des fonctionnalités, le Javascript est une alternative à Flash Former l’équipe de choc Design / Dével-
tout à fait remarquable, et il est parfois difficile de dire si un site est fait en oppement (et parfois plusieurs dével-
Flash ou en Javascript pour un oeil non expert. oppeurs sont nécessaires), voilà une de
nos compétences phare.

UPDATE / FAB sarl. 6, rue Cretet 75009 Paris. Tel : 06 50 84 59 63

Siège social 5 chemin du Buis, 09500 Tourtrol, rcs foix 431 969 989 – 00018 - NAF 921 B
 www.update-agency.net

UPDATE / FAB sarl. 6, rue Cretet 75009 Paris. Tel : 06 50 84 59 63

Siège social 5 chemin du Buis, 09500 Tourtrol, rcs foix 431 969 989 – 00018 - NAF 921 B