SlideShare une entreprise Scribd logo
1  sur  16
Journalisme plurimedia
     Jour 2 - Formation du 5 juin 2012




                                         1
Jour 2 : La Pratique d’Internet
La pratique d’Internet

Bien connaître son public

• Quel est le lectorat ciblé ?

• Quelles sont ses attentes ?

• Quelles sont ses pratiques du web ?

• Comment lui communiquer ?




                                        2
Jour 2 : La Pratique d’Internet
Écrire pour être lu et référencé

La règle des 5 W
• What ? Quoi ?
• Who ? Qui ?
• Where ? Où ?
• When ? Quand ?
• Why ? Pourquoi ?

La loi des proximités
• géographique
• temporelle
• sociale
• affective
Sur Internet on voit aussi :
• de notoriété
• du scoop, du buzz
                                   3
Jour 2 : La Pratique d’Internet
Écrire pour être lu et référencé

Une information claire
Le principe de la pyramide inversée : de l'essentiel au
détail
                       titre et chapeau



                        corps de texte



                        enrichissement
                          multimédia


                             liens
                                                          4
Jour 2 : La Pratique d’Internet
Écrire pour être lu et référencé
Écriture web
• claire
• concentrée
• mise en forme spécifique
• ergonomie
Réécrire et Relire
• Penser au concept de « Qualité Copie »
• Surveiller les risques de plagiat
• Surveiller l’orthographe (outils en ligne Reverso.net et CNRTL.fr)
Écrire pour le référencement
• mot en gras + en italique
• mot linké
• mots-clé et tags


                                                                       5
Jour 2 : La Pratique d’Internet
Optimiser le référencement d’un article

Terminologie et notions clés du référencement
• SEO (Search Engine Optimization) : optimisation sur les moteurs de
recherche.

• SMO (Social Media Optimization) : optimisation sur les réseaux sociaux

• SEM (Search Engine Marketing) : marketing pour les moteurs de recherche

• SEA (Search Engine Advertising) : publicité sur les moteurs de recherche

• SERP (Search Engine Result Page) : page de résultats d'un moteur de
recherche

                                                                             6
Jour 2 : La Pratique d’Internet
Optimisation SEO selon Google

A) Optimiser le contenu
• un contenu unique et ciblé
• un titre d’article efficace
• mots-clés pertinents
• optimisation des titres, textes, et du contenu multimédia

B) Optimiser techniquement le site
• avoir un plan de site structuré
• un titre unique par page
• adresse url claire avec mot-clé
• implication des webmasters

C) Optimiser la promotion du site
• mises à jour régulières
• promotion sur les réseaux sociaux
• politique de netlinking pertinente
• gestion des commentaires

                                                              7
Jour 2 : La Pratique d’Internet
Référencement quelques outils

Google Analytics
Logiciel gratuit de Google permettant de comprendre et observer le cheminement des visiteurs
sur le site/blog que l’on gère.
Taux de rebond = habitude des visiteurs à quitter votre site.

Centre d’aide des Webmasters de Google
Blog créé par les équipes de Google pour conseiller les Webmasters dans leurs démarches
d’améliorations de référencement de leurs sites.

Soovle
Application qui propose d’avoir un aperçu rapide des mots-clés les plus recherchés sur différents
moteurs de recherche. Utile pour avoir une idée de ce qui peut fonctionner.

Outil Référencement
Site amateur proposant plusieurs outils en ligne pour aider à déterminer les mots clés d’un texte.

Guide de démarrage Google – Optimisation pour les moteurs de recherche

                                                                                                    8
Jour 2 : La Pratique d’Internet
Les outils de publication en ligne

Le web 2.0 : l’ère du CMS
Un outil de « CMS » (Content Management System, un système de gestion de
contenu en français) est une application disposant de fonctionnalités de
publication et offrant en particulier une interface d’administration (le fameux
back-office).

Idéalement, un CMS doit posséder un système de workflow permettant à une
équipe éditoriale de travailler simultanément sur le contenu du site et à un
responsable de publication de valider les différentes contributions avant leur
mise en ligne.

Les articles et le contenu du site sont en principe stockés dans un base de
données, tandis que des templates (modèles de pages) permettant de définir
la présentation du contenu.
                                                                              9
Jour 2 : La Pratique d’Internet
Les CMS les plus populaires

Cinq CMS dominent le marché




• WordPress
• Joomla!
• Dupral
• Ez publish
• SPIP



                              10
Jour 2 : La Pratique d’Internet
Présentation de WordPress

WordPress et son back-office

Présentation d’un site utilisant le CMS de WordPress




Le site Films Previews conçu pour présenter des images, vidéo, infos sur les
séries TV et les films à venir.

–> Exercice 4 : Création, ouverture et présentation d’un blog sur WordPress.com

                                                                                  11
Jour 2 : La Pratique d’Internet
Présentation de WordPress

Intégrer une photo, un son, de la vidéo et d’autres
traitements

Particularité pour les blogs hébergés sur les shortcodes WordPress.com
Tous les traitements ne peuvent pas êtres intégrés, pas même dans les pages
HTML

Intégration d’une image :
- Respecter le droit d’auteur et les crédits
- Penser à donner une légende à l’image
- Donner un nom SEO à l’image
- Remplir le « alt » de l’image
–> Exercice 5 : Intégrer une image ou une galerie d’images
                                                                          12
Jour 2 : La Pratique d’Internet
Présentation de WordPress

Intégrer une photo, un son, de la vidéo et d’autres
traitements

Intégration d’un son ou d’un podcast :
- Exemple SoundCloud : copie du code « Embed »
- Exemple podcast : [audio + adresse du son]

–> Exercice 7 : Intégrer un son dans un article du blog WordPress.com




                                                                        13
Jour 2 : La Pratique d’Internet
Présentation de WordPress

Intégrer une photo, un son, de la vidéo et d’autres
traitements

Intégration d’une vidéo :
- Exemple Dailymotion, Vimeo, YouTube
- Version « simple » : copier l’adresse web dans le navigateur et coller
directement dans la page
- Version « code » : intégrer le code « Embed » dans le HTML de la page pour
YouTube et Dailymotion

Si problème de vidéo dans WordPress.com, passer par le site VodPod
–> Exercice 6 : Intégrer une vidéo dans un article du blog WordPress.com


                                                                           14
Jour 2 : La Pratique d’Internet
Présentation de WordPress

Intégrer une photo, un son, de la vidéo et d’autres
traitements

Intégration de documents :
- Exemple Scribd (mettre en ligne des documents à lire) : copie du « Embed »
- Exemple de Thinglink (images interactives) : copie du « Embed »
- Exemple Google Maps (cartes) : copie du code « Embed » faire bien
attention à l’adresse ! Passer par google.com)
- Exemple SlideShare (présentations) : copie du code « Embed »
- Créer une infographie : Easel.ly (site générateur d’infographies)
- Trouver une infographie : Knoema (moteur de recherche infographies) et
Visual.ly (site de création d’infographie avec un stock important à partager)

                                                                            15
-–> Exercice 8 : Intégrer un document dans un article du blog
Jour 2 : La Pratique d’Internet
Synthèse sur la pratique d’Internet

Ecriture web, CMS et intégration

- Une écriture spécifique et codifiée
- Des traitements différents et disponibles
- Des CMS qui permettent l’intégration de supports différents

A consulter et utiliser également sur une autre plateforme que
WordPress.com :
- Calameo : outil pour afficher des images de façon livre virtuel
- Dipity : pour créer des chronologies interactives
- Storify : outil de curation pour créer des histoires autour des réseaux
sociaux

                                                                            16

Contenu connexe

Tendances

Les wikis en classe.
Les wikis en classe.Les wikis en classe.
Les wikis en classe.Carmen Vera
 
Apprendre à bloguer et générer des conversations
Apprendre à bloguer et générer des conversationsApprendre à bloguer et générer des conversations
Apprendre à bloguer et générer des conversationsPhilippe Marchesseault
 
2007 06 07 Les Usages Et Les Outils Du Web 2.0 Au Service De La Formation Et ...
2007 06 07 Les Usages Et Les Outils Du Web 2.0 Au Service De La Formation Et ...2007 06 07 Les Usages Et Les Outils Du Web 2.0 Au Service De La Formation Et ...
2007 06 07 Les Usages Et Les Outils Du Web 2.0 Au Service De La Formation Et ...novantura
 
Initiation au blogging_les_bases
Initiation au blogging_les_basesInitiation au blogging_les_bases
Initiation au blogging_les_basesMaurice Thantan
 
Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Nicolas Morin
 
Les étapes de création d'un site web
Les étapes de création d'un site webLes étapes de création d'un site web
Les étapes de création d'un site webChris Gaillard
 
Introduction à la pratique multimédia ok
Introduction à la pratique multimédia okIntroduction à la pratique multimédia ok
Introduction à la pratique multimédia okXavier Lambert
 
Les outils de partage
Les outils de partageLes outils de partage
Les outils de partagekrynudino
 
Les outils de partage
Les outils de partageLes outils de partage
Les outils de partagekrynudino
 
Les outils de partage
Les outils de partageLes outils de partage
Les outils de partagekrynudino
 
20131204 precis du referencement naturel
20131204 precis du referencement naturel20131204 precis du referencement naturel
20131204 precis du referencement naturelceciestmonadressmail
 
Communication digitale
Communication digitaleCommunication digitale
Communication digitaleChris Gaillard
 
Web 2.0 - France Gestion
Web 2.0 - France GestionWeb 2.0 - France Gestion
Web 2.0 - France GestionXavier LAIR
 
Web { Design Project } Management
Web { Design Project } ManagementWeb { Design Project } Management
Web { Design Project } ManagementDavid Roessli
 
Wordpress pour les entreprises
Wordpress pour les entreprisesWordpress pour les entreprises
Wordpress pour les entreprisesmonsieurpixel
 

Tendances (19)

Les wikis en classe.
Les wikis en classe.Les wikis en classe.
Les wikis en classe.
 
Apprendre à bloguer et générer des conversations
Apprendre à bloguer et générer des conversationsApprendre à bloguer et générer des conversations
Apprendre à bloguer et générer des conversations
 
2007 06 07 Les Usages Et Les Outils Du Web 2.0 Au Service De La Formation Et ...
2007 06 07 Les Usages Et Les Outils Du Web 2.0 Au Service De La Formation Et ...2007 06 07 Les Usages Et Les Outils Du Web 2.0 Au Service De La Formation Et ...
2007 06 07 Les Usages Et Les Outils Du Web 2.0 Au Service De La Formation Et ...
 
Initiation au blogging_les_bases
Initiation au blogging_les_basesInitiation au blogging_les_bases
Initiation au blogging_les_bases
 
Le Web 2.0
Le Web 2.0Le Web 2.0
Le Web 2.0
 
Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)
 
Les étapes de création d'un site web
Les étapes de création d'un site webLes étapes de création d'un site web
Les étapes de création d'un site web
 
Etudes comparatives
Etudes comparativesEtudes comparatives
Etudes comparatives
 
Introduction à la pratique multimédia ok
Introduction à la pratique multimédia okIntroduction à la pratique multimédia ok
Introduction à la pratique multimédia ok
 
Les outils de partage
Les outils de partageLes outils de partage
Les outils de partage
 
Les outils de partage
Les outils de partageLes outils de partage
Les outils de partage
 
Les outils de partage
Les outils de partageLes outils de partage
Les outils de partage
 
20131204 precis du referencement naturel
20131204 precis du referencement naturel20131204 precis du referencement naturel
20131204 precis du referencement naturel
 
Utiliser WordPress
Utiliser WordPressUtiliser WordPress
Utiliser WordPress
 
Communication digitale
Communication digitaleCommunication digitale
Communication digitale
 
Web 2.0 - France Gestion
Web 2.0 - France GestionWeb 2.0 - France Gestion
Web 2.0 - France Gestion
 
Web { Design Project } Management
Web { Design Project } ManagementWeb { Design Project } Management
Web { Design Project } Management
 
Partager ses photos via internet.2012
Partager ses photos via internet.2012Partager ses photos via internet.2012
Partager ses photos via internet.2012
 
Wordpress pour les entreprises
Wordpress pour les entreprisesWordpress pour les entreprises
Wordpress pour les entreprises
 

En vedette

En vedette (20)

Journalisme plurimedia - Troisième partie
Journalisme plurimedia - Troisième partieJournalisme plurimedia - Troisième partie
Journalisme plurimedia - Troisième partie
 
Catalogue formations Rue89
Catalogue formations Rue89Catalogue formations Rue89
Catalogue formations Rue89
 
Quelles littératies pour quelles conceptions de l'information
Quelles littératies pour quelles conceptions de l'informationQuelles littératies pour quelles conceptions de l'information
Quelles littératies pour quelles conceptions de l'information
 
Web et logiques classificatoiresv.1
Web et logiques classificatoiresv.1Web et logiques classificatoiresv.1
Web et logiques classificatoiresv.1
 
Stagenouveauxoutilsv3
Stagenouveauxoutilsv3Stagenouveauxoutilsv3
Stagenouveauxoutilsv3
 
Contrôle de ses données et écriture de soiv.4
Contrôle de ses données et écriture de soiv.4Contrôle de ses données et écriture de soiv.4
Contrôle de ses données et écriture de soiv.4
 
Indexationdesdésirs
IndexationdesdésirsIndexationdesdésirs
Indexationdesdésirs
 
Tendances Web Design 2017/2018
Tendances Web Design 2017/2018Tendances Web Design 2017/2018
Tendances Web Design 2017/2018
 
Servicio de envios en Colombia
Servicio de envios en ColombiaServicio de envios en Colombia
Servicio de envios en Colombia
 
Fibella 2011 tips
Fibella 2011 tipsFibella 2011 tips
Fibella 2011 tips
 
Ciudad medieval 2
Ciudad medieval 2Ciudad medieval 2
Ciudad medieval 2
 
Conduiredoumedh Jura
Conduiredoumedh JuraConduiredoumedh Jura
Conduiredoumedh Jura
 
Labad s2_1
Labad s2_1Labad s2_1
Labad s2_1
 
Alpiste una panacea
Alpiste una panaceaAlpiste una panacea
Alpiste una panacea
 
test transition
test transitiontest transition
test transition
 
Paris Edith Piaf
Paris Edith PiafParis Edith Piaf
Paris Edith Piaf
 
Présentation Service Desk 2009
Présentation Service Desk 2009Présentation Service Desk 2009
Présentation Service Desk 2009
 
Rspp 06
Rspp 06Rspp 06
Rspp 06
 
Case snow
Case snowCase snow
Case snow
 
La Tribune 19-11-16.PDF
La Tribune 19-11-16.PDFLa Tribune 19-11-16.PDF
La Tribune 19-11-16.PDF
 

Similaire à Journalisme plurimedia - Deuxième Partie

Formation blog entreprise et ecriture web et referencement
Formation blog entreprise et ecriture web et referencementFormation blog entreprise et ecriture web et referencement
Formation blog entreprise et ecriture web et referencementDMPROCONSEIL
 
Référencement naturel pour Entrepreneurs et Freelances
Référencement naturel pour Entrepreneurs et FreelancesRéférencement naturel pour Entrepreneurs et Freelances
Référencement naturel pour Entrepreneurs et FreelancesCéline Martinet
 
Digitalisez votre business !
Digitalisez votre business ! Digitalisez votre business !
Digitalisez votre business ! HELENE FRIEH
 
Atelier de sensibilisation au SEO
Atelier de sensibilisation au SEOAtelier de sensibilisation au SEO
Atelier de sensibilisation au SEOKseo Conseil
 
Développer son site internet et optimiser son référencement
Développer son site internet et optimiser son référencementDévelopper son site internet et optimiser son référencement
Développer son site internet et optimiser son référencementYoann Kassi-Vivier
 
Développer ses noms de domaine
Développer ses noms de domaineDévelopper ses noms de domaine
Développer ses noms de domaineOnlineStrat.fr
 
Cours SEO débutant Polycom Lausanne
Cours SEO débutant Polycom LausanneCours SEO débutant Polycom Lausanne
Cours SEO débutant Polycom LausannePierre Ammeloot
 
Rédaction web -Social Media Club Tunisie
Rédaction web -Social Media Club TunisieRédaction web -Social Media Club Tunisie
Rédaction web -Social Media Club TunisieRayya Laajimi
 
Ecrire pour le web v3 cfj2012
Ecrire pour le web v3 cfj2012Ecrire pour le web v3 cfj2012
Ecrire pour le web v3 cfj2012Eric Mettout
 
2015 cours-projet web-infonum-part2
2015 cours-projet web-infonum-part22015 cours-projet web-infonum-part2
2015 cours-projet web-infonum-part2Eric Giraudin
 
Améliorer sa visibilité Google via les réseaux de sites (PBN)
Améliorer sa visibilité Google via les réseaux de sites (PBN)Améliorer sa visibilité Google via les réseaux de sites (PBN)
Améliorer sa visibilité Google via les réseaux de sites (PBN)Semrush France
 
Presentation EPMI Web 2.0 David Boisseleau
Presentation EPMI Web 2.0 David BoisseleauPresentation EPMI Web 2.0 David Boisseleau
Presentation EPMI Web 2.0 David Boisseleaudboisseleau
 
Internet en entreprise - octobre 2012
Internet en entreprise - octobre 2012Internet en entreprise - octobre 2012
Internet en entreprise - octobre 2012Le Moulin Digital
 
Formation Créajeunes - Simplon.co par Michel Lubac
Formation Créajeunes - Simplon.co par Michel LubacFormation Créajeunes - Simplon.co par Michel Lubac
Formation Créajeunes - Simplon.co par Michel LubacPhilemonday
 
Démarrer son site WordPress : LA "to-do" list
Démarrer son site WordPress : LA "to-do" listDémarrer son site WordPress : LA "to-do" list
Démarrer son site WordPress : LA "to-do" listKaylynne Johnson
 
2016 Cours projet Web Collaboratif - Partie 2
2016 Cours projet Web Collaboratif - Partie 22016 Cours projet Web Collaboratif - Partie 2
2016 Cours projet Web Collaboratif - Partie 2Eric Giraudin
 

Similaire à Journalisme plurimedia - Deuxième Partie (20)

Cours1
Cours1Cours1
Cours1
 
Formation blog entreprise et ecriture web et referencement
Formation blog entreprise et ecriture web et referencementFormation blog entreprise et ecriture web et referencement
Formation blog entreprise et ecriture web et referencement
 
Référencement naturel pour Entrepreneurs et Freelances
Référencement naturel pour Entrepreneurs et FreelancesRéférencement naturel pour Entrepreneurs et Freelances
Référencement naturel pour Entrepreneurs et Freelances
 
Digitalisez votre business !
Digitalisez votre business ! Digitalisez votre business !
Digitalisez votre business !
 
Atelier de sensibilisation au SEO
Atelier de sensibilisation au SEOAtelier de sensibilisation au SEO
Atelier de sensibilisation au SEO
 
Développer son site internet et optimiser son référencement
Développer son site internet et optimiser son référencementDévelopper son site internet et optimiser son référencement
Développer son site internet et optimiser son référencement
 
Développer ses noms de domaine
Développer ses noms de domaineDévelopper ses noms de domaine
Développer ses noms de domaine
 
Cours SEO débutant Polycom Lausanne
Cours SEO débutant Polycom LausanneCours SEO débutant Polycom Lausanne
Cours SEO débutant Polycom Lausanne
 
Rédaction web -Social Media Club Tunisie
Rédaction web -Social Media Club TunisieRédaction web -Social Media Club Tunisie
Rédaction web -Social Media Club Tunisie
 
Ecrire pour le web v3 cfj2012
Ecrire pour le web v3 cfj2012Ecrire pour le web v3 cfj2012
Ecrire pour le web v3 cfj2012
 
2015 cours-projet web-infonum-part2
2015 cours-projet web-infonum-part22015 cours-projet web-infonum-part2
2015 cours-projet web-infonum-part2
 
Améliorer sa visibilité Google via les réseaux de sites (PBN)
Améliorer sa visibilité Google via les réseaux de sites (PBN)Améliorer sa visibilité Google via les réseaux de sites (PBN)
Améliorer sa visibilité Google via les réseaux de sites (PBN)
 
Presentation EPMI Web 2.0 David Boisseleau
Presentation EPMI Web 2.0 David BoisseleauPresentation EPMI Web 2.0 David Boisseleau
Presentation EPMI Web 2.0 David Boisseleau
 
Evolution du web2.0
Evolution du web2.0Evolution du web2.0
Evolution du web2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Internet en entreprise - octobre 2012
Internet en entreprise - octobre 2012Internet en entreprise - octobre 2012
Internet en entreprise - octobre 2012
 
Web2.0urfist
Web2.0urfistWeb2.0urfist
Web2.0urfist
 
Formation Créajeunes - Simplon.co par Michel Lubac
Formation Créajeunes - Simplon.co par Michel LubacFormation Créajeunes - Simplon.co par Michel Lubac
Formation Créajeunes - Simplon.co par Michel Lubac
 
Démarrer son site WordPress : LA "to-do" list
Démarrer son site WordPress : LA "to-do" listDémarrer son site WordPress : LA "to-do" list
Démarrer son site WordPress : LA "to-do" list
 
2016 Cours projet Web Collaboratif - Partie 2
2016 Cours projet Web Collaboratif - Partie 22016 Cours projet Web Collaboratif - Partie 2
2016 Cours projet Web Collaboratif - Partie 2
 

Journalisme plurimedia - Deuxième Partie

  • 1. Journalisme plurimedia Jour 2 - Formation du 5 juin 2012 1
  • 2. Jour 2 : La Pratique d’Internet La pratique d’Internet Bien connaître son public • Quel est le lectorat ciblé ? • Quelles sont ses attentes ? • Quelles sont ses pratiques du web ? • Comment lui communiquer ? 2
  • 3. Jour 2 : La Pratique d’Internet Écrire pour être lu et référencé La règle des 5 W • What ? Quoi ? • Who ? Qui ? • Where ? Où ? • When ? Quand ? • Why ? Pourquoi ? La loi des proximités • géographique • temporelle • sociale • affective Sur Internet on voit aussi : • de notoriété • du scoop, du buzz 3
  • 4. Jour 2 : La Pratique d’Internet Écrire pour être lu et référencé Une information claire Le principe de la pyramide inversée : de l'essentiel au détail titre et chapeau corps de texte enrichissement multimédia liens 4
  • 5. Jour 2 : La Pratique d’Internet Écrire pour être lu et référencé Écriture web • claire • concentrée • mise en forme spécifique • ergonomie Réécrire et Relire • Penser au concept de « Qualité Copie » • Surveiller les risques de plagiat • Surveiller l’orthographe (outils en ligne Reverso.net et CNRTL.fr) Écrire pour le référencement • mot en gras + en italique • mot linké • mots-clé et tags 5
  • 6. Jour 2 : La Pratique d’Internet Optimiser le référencement d’un article Terminologie et notions clés du référencement • SEO (Search Engine Optimization) : optimisation sur les moteurs de recherche. • SMO (Social Media Optimization) : optimisation sur les réseaux sociaux • SEM (Search Engine Marketing) : marketing pour les moteurs de recherche • SEA (Search Engine Advertising) : publicité sur les moteurs de recherche • SERP (Search Engine Result Page) : page de résultats d'un moteur de recherche 6
  • 7. Jour 2 : La Pratique d’Internet Optimisation SEO selon Google A) Optimiser le contenu • un contenu unique et ciblé • un titre d’article efficace • mots-clés pertinents • optimisation des titres, textes, et du contenu multimédia B) Optimiser techniquement le site • avoir un plan de site structuré • un titre unique par page • adresse url claire avec mot-clé • implication des webmasters C) Optimiser la promotion du site • mises à jour régulières • promotion sur les réseaux sociaux • politique de netlinking pertinente • gestion des commentaires 7
  • 8. Jour 2 : La Pratique d’Internet Référencement quelques outils Google Analytics Logiciel gratuit de Google permettant de comprendre et observer le cheminement des visiteurs sur le site/blog que l’on gère. Taux de rebond = habitude des visiteurs à quitter votre site. Centre d’aide des Webmasters de Google Blog créé par les équipes de Google pour conseiller les Webmasters dans leurs démarches d’améliorations de référencement de leurs sites. Soovle Application qui propose d’avoir un aperçu rapide des mots-clés les plus recherchés sur différents moteurs de recherche. Utile pour avoir une idée de ce qui peut fonctionner. Outil Référencement Site amateur proposant plusieurs outils en ligne pour aider à déterminer les mots clés d’un texte. Guide de démarrage Google – Optimisation pour les moteurs de recherche 8
  • 9. Jour 2 : La Pratique d’Internet Les outils de publication en ligne Le web 2.0 : l’ère du CMS Un outil de « CMS » (Content Management System, un système de gestion de contenu en français) est une application disposant de fonctionnalités de publication et offrant en particulier une interface d’administration (le fameux back-office). Idéalement, un CMS doit posséder un système de workflow permettant à une équipe éditoriale de travailler simultanément sur le contenu du site et à un responsable de publication de valider les différentes contributions avant leur mise en ligne. Les articles et le contenu du site sont en principe stockés dans un base de données, tandis que des templates (modèles de pages) permettant de définir la présentation du contenu. 9
  • 10. Jour 2 : La Pratique d’Internet Les CMS les plus populaires Cinq CMS dominent le marché • WordPress • Joomla! • Dupral • Ez publish • SPIP 10
  • 11. Jour 2 : La Pratique d’Internet Présentation de WordPress WordPress et son back-office Présentation d’un site utilisant le CMS de WordPress Le site Films Previews conçu pour présenter des images, vidéo, infos sur les séries TV et les films à venir. –> Exercice 4 : Création, ouverture et présentation d’un blog sur WordPress.com 11
  • 12. Jour 2 : La Pratique d’Internet Présentation de WordPress Intégrer une photo, un son, de la vidéo et d’autres traitements Particularité pour les blogs hébergés sur les shortcodes WordPress.com Tous les traitements ne peuvent pas êtres intégrés, pas même dans les pages HTML Intégration d’une image : - Respecter le droit d’auteur et les crédits - Penser à donner une légende à l’image - Donner un nom SEO à l’image - Remplir le « alt » de l’image –> Exercice 5 : Intégrer une image ou une galerie d’images 12
  • 13. Jour 2 : La Pratique d’Internet Présentation de WordPress Intégrer une photo, un son, de la vidéo et d’autres traitements Intégration d’un son ou d’un podcast : - Exemple SoundCloud : copie du code « Embed » - Exemple podcast : [audio + adresse du son] –> Exercice 7 : Intégrer un son dans un article du blog WordPress.com 13
  • 14. Jour 2 : La Pratique d’Internet Présentation de WordPress Intégrer une photo, un son, de la vidéo et d’autres traitements Intégration d’une vidéo : - Exemple Dailymotion, Vimeo, YouTube - Version « simple » : copier l’adresse web dans le navigateur et coller directement dans la page - Version « code » : intégrer le code « Embed » dans le HTML de la page pour YouTube et Dailymotion Si problème de vidéo dans WordPress.com, passer par le site VodPod –> Exercice 6 : Intégrer une vidéo dans un article du blog WordPress.com 14
  • 15. Jour 2 : La Pratique d’Internet Présentation de WordPress Intégrer une photo, un son, de la vidéo et d’autres traitements Intégration de documents : - Exemple Scribd (mettre en ligne des documents à lire) : copie du « Embed » - Exemple de Thinglink (images interactives) : copie du « Embed » - Exemple Google Maps (cartes) : copie du code « Embed » faire bien attention à l’adresse ! Passer par google.com) - Exemple SlideShare (présentations) : copie du code « Embed » - Créer une infographie : Easel.ly (site générateur d’infographies) - Trouver une infographie : Knoema (moteur de recherche infographies) et Visual.ly (site de création d’infographie avec un stock important à partager) 15 -–> Exercice 8 : Intégrer un document dans un article du blog
  • 16. Jour 2 : La Pratique d’Internet Synthèse sur la pratique d’Internet Ecriture web, CMS et intégration - Une écriture spécifique et codifiée - Des traitements différents et disponibles - Des CMS qui permettent l’intégration de supports différents A consulter et utiliser également sur une autre plateforme que WordPress.com : - Calameo : outil pour afficher des images de façon livre virtuel - Dipity : pour créer des chronologies interactives - Storify : outil de curation pour créer des histoires autour des réseaux sociaux 16