HISTOIRE ET PANORAMA DU WEB À DESTINATION DES PROFESSIONNELS DE L'IMAGE ET DE L'INFORMATION

!"#$%&"'()#*+#,%-./-%#%&0-"+#*&$-)1%"2/0&#!"#$%#&'()*+,-,##

3453#6#2-#$(+%%/-%#&2-$1%()/7+-##

3458#6#9:;<=;#

34>8#6#2-#?@A#

1989 : le World Wide Web

1993 : Mosaic

1995-‐2003 : la guerre des navigateurs

Le web 2.0 / web social

A/.,2/M$"'()#*-#2"#,+C2/$"'()#

NOP9PQR#

:O@9R@P#S=?TO#

?U=!NDO9=O@# S=DRO#

D"/0#"+00/#6#C2/,9SV#B"19S#-1$W#

A/.,2/M$"'()#*-#2"#,+C2/$"'()#:O@9R@P#S=?TO#F#A9XRUD=@Y#

PA9XRUD# !=SRA9XRUD# YOOY!R#ZU@YZOP9## !RA#U;;!=AL#

D"/0#"+00/#6#[(+1+C-V#*"/2[.('()V#-1$W#

Simplifica'on de la publica'on CONTENU IMAGE

FlickR Photoshelter Instragram variantes

Les Réseaux Sociaux Les sites por`olio dédiés Les forums de mag. Spé.

A/.,2/M$"'()#*-#2"#,+C2/$"'()#:O@9R@P#=@\OXDU9=O@#<#9Rb9R#

B(%*;%-00# Q2(II-%# R1$#

c#!-#./0*1*

F!#A][C2(I#F!#9[,-,"*#F!#:")"2C2(I#F!OJ-%FC2(I##F!R1$W#

B/]/#F#B/]/,-*/"#

A/.,2/M$"'()#*-#2"#%-$^-%$^-#TJ(2+'()#*-0#.(1-+%0#*-#%-$^-%$^-V#0[)*/$"'()#*-#$()1-)+0V#1"I0V#^"0^1"ILLL#TJ(2+'()#*-0#.(1-+%0#*-#%-$^-%$^-V#0[)*/$"'()#*-#$()1-)+0V#1"I0V#TJ(2+'()#*-0#.(1-+%0#*-#%-$^-%$^-V#0[)*/$"'()#*-#$()1-)+0V#1"I0V#TJ(2+'()#*-0#.(1-+%0#*-#%-$^-%$^-V#0[)*/$"'()#*-#$()1-)+0V#1"I0V#TJ(2+'()#*-0#.(1-+%0#*-#%-$^-%$^-V#0[)*/$"'()#*-#$()1-)+0V#1"I0V#

B-C#3LH#<#.(1-+%#*-#%-$^-%$^-#6#F!#9%(+J-%#*-0#*($+.-)10#I%d$-#e#*-0#.(10#$2&0#,%&0-)1#*")0#2-#'1%-#-1#2"#C"%%-#*f-)#1g1-V#*&C+1#*-0#c#D-1"D(1-+%#h#i/)*-_"'()#"#,"%'%#*-0#C%(K0-%j#F!9%"/1-.-)1#+)/7+-.-)1#/)a(%."'7+-V#2-#$(*-#"J")1#2-#0-)0#

BRQ#3LH#<#K-C#01"'7+-#k#.(1-+%#*-#%-$^-%$^-#

BRQ#GLH#k#.(1-+%#*-#%-$^-%$^-#B-C#GLH#<#.(1-+%#*-#%-$^-%$^-#6#F!?&J-2(,,-.-)1#*-0#c#:%"K2-%#h#344lF3445#k#0$"))#*+#K-C#F!=)*-_"'()#*")0#2-0#$()1-)+0#-)#,2+0#*+#'1%-#-1#*-0#C"%%-0#*f-)#1g1-V#D&1"*())&-0#F!?&C+1#*-#c#2f/)1-%,%&1"'()#*-0#%-7+g1-0#h#

BRQ#8LH#<#K-C#A&.")'7+-k#.(1-+%#*-#%-$^-%$^-#

B-C#8LH#<#.(1-+%#*-#%-$^-%$^-#<#K-C#0&.")'7+-#6#FR_,2(/1"'()#*+#0-)0#0&.")'7+-#*-0#$()1-)+0#F#K-C#-)%/$^/#m#A1")*"%*/0&#-1#a(%."2/0&#,"%#O)1(2(I/-#iOB!jV#?-0$%/,'()#*-0#%-00(+%$-0V#D&1"F*())&-0V#"))(1"'()V#PX=V#1%/,2-10#m#X-7+g1-#-)#2")I"I-#)"1+%-2#F#."$^/)-0#-_,2(/1-)1V#/)1-%,%n1-)1#-1#$(.C/)-)1#2-0#%-00(+%$-0#F#=)a(%."'()0#,-%')-)1-0#m#S"01-#-0,"$-#*f&$^")I-#*-#%-00(+%$-0#-)1%-#."$^/)-0#-1#+'2/0"1-+%0##

Piscatum

, 201

1

Internet et web

Web visible et web invisible

web visible indexé par les moteurs de recherche

web invisible / profond

Christophe Asselin, 2001 ?

;"%1#*-#."%$^&#*-0#.(1-+%0#

*f",%n0#U9#=)1-%)-1V#H><GH38#

D()*-# \%")$-#

233456*77879*

:;<4*=8>9*:?;@A*B8C9*

D?E33F**>8=9* ?AGH6I*+8+9*

*f",%n0#p"%."0)"$]V#H5<GH38#

233456*,+8=9*

:;<4*>8-9*

D?E33F*+8C9*

?AGH6I**=8C9* *J*

Simplifica'on de la recherche Effectuer une recherche efficace

Bien référencer son site

Principe de base de recherche sur le web sur google :

-‐ Paramètres de recherche avancée sur google -‐ Les guillemets pour une expression exacte -‐ La requête [site:] -‐ Terme à exclure avec [-‐] -‐ Terme à inclure avec [+] -‐ Recherche avec caractère de remplacement (Wildcard) [*] -‐ L'opérateur [OR] -‐ La requête [filetype:]

Ce que google ne fait pas : Pour plusieurs termes, Google signale uniquement les pages qui comportent TOUS ces termes, mais pas nécessairement à la suite les uns des autres Google ne 'ent pas compte des majuscules

Les mots clés : les mots clés "primaires" ou "larges" qui servent à définir de façon globale le domaine de recherche -‐ les mots clés "secondaires" ou "profonds", à l'intérieur du domaine balisé par les mots clés "primaires" -‐ les mots clés "interdits » Le site donne des exemples

Simplifica'on de la recherche Effectuer une recherche efficace

Bien référencer son site Principe de base du référencement Def : Le SEO (search Engine Op'misa'on) consiste à employer un certains nombre de techniques afin de donner de la visibilité à un site internet sur les moteurs de recherche

Techniques de bases : Concernant le SEO (référencement naturel) il existe deux types de facteurs perme{ant d'op'miser la visibilité d'un site : Les facteurs internes au site lui-‐même (on page) :

-‐ Les pages doivent avoir un 'tre -‐ Penser à renseigner les balise méta -‐ Donner une descrip'ons aux images en u'lisant l'a|rbut Alt -‐ Hierarchiser le contenu du site -‐ Réécrire les URL -‐ Élaborer un contenu éditorial riche en mot clés -‐ Préférer un nom de domaine simple et non concurren'el

Les facteurs externes au site (off page) : -‐ La quan'té de d'hyperliens menant au site (linking) -‐ La qualité de ces Liens (concep'on du lien lui-‐même dans le html, qualité du site éme{eur de ce lien...) -‐ Ancienneté du site et du nom de domaine

Mesurer sa présence sur le web

Google analyZcs

• Analyse du contenu • Analyse des mobiles

• Analyse des conversions • Analyse des réseaux sociaux • Analyse de la publicité

Filtrer l’informa'on Cura'on, veille

L’infobésité : « Chacune et chacun d’entre nous a aujourd’hui accès par une diversité de canaux, de la radio à Internet, du téléphone portable à la télévision, à une mul'tude d’informa'ons instantanées et en con'nu. Ce roulis ininterrompu donne le sen'ment d’être toujours informé. Parfois, il assiège plus les citoyens qu’il ne les libère. Ce{e surinforma'on chasse l’informa'on et sa hiérarchisa'on. » wikipédia Il est donc nécessaire de trier, classer, organiser et hiérarchiser l’informa'on. Mais également de bien connaître son audience et se donner les moyens de l’élargir grâce aux ou'ls à notre disposi'on.

Filtrer et partager l’informa'on Cura'on / veille

Défini'on de curaZon :désigne tout type de gardien d'un héritage culturel (conservateur de musée, bibliothécaire, etc.) chargé de rassembler et d'organiser différents éléments d'une même collec'on pour mieux la diffuser au public. Appliqué à l'Internet, la cura'on consiste à collec'onner, agencer et partager les contenus les plus intéressants. Une forme de e-‐documentaliste 2.0.

Défini'on de Veille :« Une veille informa'onnelle est l’ensemble des stratégies mises en place pour rester informé, en y consacrant le moins de temps possible et en u'lisant des processus de signalement automa'sés. » (Source : JP Lardy – Urfist de Lyon)

1 : Les forums, l’ancêtre pré-‐web 2.0

Le web Social Collabora'on, partage, échange, mobilité

En informa'que, un forum est un espace de discussion publique (ou au moins ouvert à plusieurs par'cipants). Les discussions y sont archivées ce qui permet une communica'on asynchrone (c'est ce qui différencie les forums de la messagerie instantanée). Il y a deux sortes de forum, en fonc'on du classement des messages : soit les « forum de discussion » dont les messages sont classés par date chronologique, soit les « forum de ques'ons / réponses » ( QUORA, mais pour ce cas ci, l’u7lisa7on est bcp plus vaste que la simple ques7on/réponse) dont les messages sont classés par votes. Forum est un terme d'origine la'ne (popularisé par l'anglais) désignant une place de la ville consacrée à la discussion et au commerce. Source Wiki.

G#6#!"#$(22"C(%"'()V##2-#,"%1"I-#-1#2f&$^")I-#

!-#K-C#A($/"2#:(22"C(%"'()V#,"%1"I-V#&$^")I-V#.(C/2/1&#

E6#!"#.(C/2/1&#

!-#K-C#A($/"2#:(22"C(%"'()V#,"%1"I-V#&$^")I-V#.(C/2/1&#

!-#K-C#0+CJ-%0/a#@(+J-"+_#.(*-0#*-#*/01%/C+'()#

Le web subversif Web 2.0 & vie privée

Chaque ac'on que vous réa l i s ez su r Internet laisse une t r a c e , d û m e n t exp lo i tée pa r l e s spéc ia l i stes de la collecte d’informa'on.

Les chiffres clés

40% de la planète connecté

920 millions de sites internet

260 millions de noms de domaines

27 milliards d’euros dépenser par les français en 2013

300 000 million de photo publiées par jour sur facebook

180 millions le nombre d’u'lisateurs ac'fs sur Twi{er

91% des français u'lisent google

Usages des moteurs

Infographiclabs, 2010, GO-‐Gulf, 2012, Médiamétrie, 2012

93 % des internautes u'lisent les moteurs

de recherche pour trouver et accéder aux sites

21 % du temps passé en ligne est consacré

à la recherche

57 % des internautes cherchent sur le web

chaque jour

46 % des recherches concernent des informa'ons sur des produits ou des services (e-‐commerce)

50 % du trafic d’un site vient

d’un moteur de recherche (France)

Les réseaux sociaux google, facebook, twi{er, linkedin

GOOGLE • Un moteur de recherche • Un client messagerie, Gmail • Un réseau social, Google+ • Des ou'ls bureau'ques, Google Drive • Une suite d’ou'ls intégrés


FACEBOOK • Un réseau social • axé sur le partage de contenus (rachat Instagram...) • les interac'ons sociales (Like, Share, Facebook connect) • et les données personnelles (Facebook, Graph search) • Et maintenant un diffuseur d’informa'on


TWITTER • Un site de micro-‐blogging • avec son langage propre (# hashtag, @, RT..) •une architecture ouverte où l’on se «suit»


LINKEDIN • Un réseau social professionnel • aux fonc'onnalités dédiées au monde professionnel • qui s’oriente également vers le partage de contenus


Organiser la diffusion sur les réseaux • Hootsuite : le tradi'onnel • SociallyMap : le nouveau mapping réseaux visuel • Tweetdeck : le livetweet et les tendances • Youseemii : mesurer sa présence sur les réseaux

Publica'on et partage mul'médias Blog et wiki, Youtube etc, Flickr etc…

• Wordpress, le plus courant et personnalisable • Tumblr, le plus simple et le plus en vogue • Wikimedia, l’ou'l derrière Wikipedia


• YouTube leader en volume avec 1 milliard de visiteurs uniques par mois • Vimeo et Dailymo'on se dis'nguent avec des approches différentes et éditorialisées


• Flickr : leader de l’hébergement de photo avec fonc'onnalités de recherche avancées • Concurrencée par les applica'ons mobiles (Instagram...) et Facebook

Syndica'on et cura'on Défini'ons, les ou'ls

• Fermeture du service Google Reader en juillet 2013 • Netvibes, l’historique • Feedly, le moderne • Flipboard, le mobile

Syndica'on et cura'on Défini'ons, les ou'ls

• Scoop-‐it, Perper.li, organiser et partager • Pearltress, organiser et visualiser • Delicious, « bookmarker » • Storify, éditorialiser • Xmarks – signet en ligne

Les bonus Travailler en équipe, simplifier son travail en ligne etc….

• Ou'ls de collabora'on en ligne : Basecamp, Asana • Travailler en équipe : screen viewer • Mind Mapping collabora'f • Ou'l de prise de note : Evernote • Des ou'ls pour chaque besoin à découvrir... sur Google & Co.

Exercices pra'ques

-‐ Rechercher une image -‐ Recherche PDF -‐ U'liser les paramètres avancés -‐ Maitriser ses flux RSS -‐ Partager sa veille -‐ Travailler en équipe -‐ Orienta'on per'nente de son info sur les réseaux sociaux -‐ Le mapping Réseaux