FORMATION WEB

PASSEPORT COMPÉTENCES CRÉATION

LE CLOUD

- LE WEB -

Les bases

Google drive / Framapad / Evernote / Dropbox

- LES OUTILS COLLABORATIFS -

- LES OUTILS COLLABORATIFS -

- Travailler à plusieurs

- En même temps

- Sur le même document

- Tous avec le même logiciel

- Depuis n’importe quel appareil(avec connexion Internet ou 3/4G)

BLOG / SITE

NAVIGATEUR mozilla, IE, Safari, Chrome BLOGSUn blog ou blogue[1] est un site Web constitué par la réunion de billets agglomérés au fil du temps et souvent classés par ordre antéchronologique (les plus récents en premier). Chaque billet (appelé aussi note ou article) est, à l'image d'un journal de bord ou d'un journal intime, un ajout au blog ; le blogueur (celui qui tient le blog) y délivre un contenu souvent textuel, enrichi d'hyperliens et d'éléments multimédias, sur lequel chaque lecteur peut généralement apporter des commentaires. SITES Des pages, des sites « vitrines » LOGICIELS LIBRES - Liberté 0 : La liberté d'exécuter le programme — pour tous les usages ;- Liberté 1 : La liberté d'étudier le fonctionnement du programme — ce qui suppose l'accès au code source ;- Liberté 2 : La liberté de redistribuer des copies — ce qui comprend la liberté de vendre des copies ;- Liberté 3 : La liberté d'améliorer le programme et de publier ces améliorations — ce qui suppose, là encore, l'accès au code source. CAHIER DES CHARGESUn cahier des charges vise à définir exhaustivement les « spécifications de base » d’un produit ou d’un service à réaliser.

- VOCABULAIRE -

FLUX RSS RSS désigne une famille de formats XML utilisés pour la syndication de contenu Web. L'usage le plus courant est de recevoir la liste des nouveaux articles publiés sur un blog ou un site d'informations, avec un résumé pour chaque article. Pour les recevoir, l'utilisateur doit s'abonner au flux à l'aide d'un agrégateur, ce qui lui permet de consulter rapidement les dernières mises à jour sans avoir à se rendre sur le site. Mais ce standard est utilisé plus généralement pour obtenir les mises à jour d'informations dont la nature change fréquemment: listes de tâches dans un projet, prix, alertes de toute nature, nouveaux emplois proposés, nouveaux articles ou chroniques, etc. Les Podcasts et vidéocasts sont conçus sur ce même standard en utilisant la balise 'enclosure'. Trois formats peuvent être désignés par ces initiales : * Rich Site Summary (RSS 0.91) * RDF Site Summary (RSS 0.90 et 1.0) * Really Simple Syndication (RSS 2.0) Mais on parle aussi souvent de RSS pour désigner également le format Atom.

FTP Le File Transfer Protocol (protocole de transfert de fichiers), ou FTP, est un protocole de communication destiné à l'échange informatique de fichiers sur un réseau TCP/IP. Il permet, depuis un ordinateur, de copier des fichiers vers un autre ordinateur du réseau, d'administrer un site web, ou encore de supprimer ou de modifier des fichiers sur cet ordinateur.OUTILS wiki, cms

- VOCABULAIRE -

THÈMEInterface graphique, page d'accueil, maquette, thèmeDe manière générale, une maquette est une représentation partielle d'un système ou d'un objet (réel et existant ou à concevoir) afin d'en tester et valider certains aspects (maquette virtuelle ou visuelle 2D ou 3D) et/ou comportements (maquette fonctionnelle). WIDGETS Blocs, cartouches, boites, widgets

FEUILLE DE STYLE En typographie une feuille de style désigne l'ensemble d'attributs de caractères et de formats de paragraphes pouvant être appliqués en une seule opération à un ou plusieurs paragraphes, à un livre etc. De façon extensive c'est l'ensemble des contraintes typographiques, de maquette, couleurs, reliure etc qui définissent l'unité d'une collection littéraire, d'une revue périodique etc. C'est aussi un document permettant de mettre en forme un autre document, comme par exemple un document rédigé dans un langage de balisage, comme SGML, HTML ou XML. Pour ce faire les feuilles de style sont rédigées dans un langage spécifique. Les langages de feuilles de style les plus courants sont :CSS, XSLT, XSL-FO, DSSSL

- VOCABULAIRE -

AUTONOME

Location d’un serveur

Achat d’un nom de domaine

www.ovh.com

- 2 SOLUTIONS -

www.wordpress.comwww.wordpress.org

AUTO-HÉBERGÉ

Pas de location de serveur

Pas de nom de domaine

emonsite.com wix.com

AUTONOME

Inconvénients

Prix

Mise à jour…

Avantages

Liberté / créativité

Tous les ajouts…

- 2 SOLUTIONS -

www.wordpress.comwww.wordpress.org

AUTO-HÉBERGÉ

Inconvénients

Pas trop de liberté

Pubs

…

Avantages

Mise à jour automatiques…

Se préparer

Ressources, vocabulaire

S’écouter

Cahier des charges

S’équiper

logiciels,matériel,...

Se lancer

Télécharger, transférer, configurer, installer

Se faire plaisir

charte graphique, webdesign

S’exprimer

articles, pages, liens

Se mettre en danger

Vérifier, affronter la critique, écouter et améliorer

- SE PRÉPARER -

- CONSTRUCTION D’UN SITE -

PRINCIPE ET FONCTIONNEMENT DE WORDPRESS - Présentation de la partie publique et privée - Installation d'un site WordPress - Les différents outils nécessaires : Serveur Web, Editeur... Configuration minimale requise- Les procédures de mise à jour

ATELIER PRATIQUE 1 - installation de WordPress sur un serveur Web Publication de contenu - Présentation du tableau de bord - Gestion des pages : création, édition, modification - Apprendre à utiliser l'éditeur de texte - Les commentaires - La gestion des avatars - Gestion des différents médias : Images, Audio, Vidéo... - Importer du contenu depuis d'autres plateformes : DotClear, Blogger… - La gestion du Workflow

ATELIER PRATIQUE 2- Gestion des pages statiques - Le système rétrolien- Protection contre le spam - Gestion des utilisateurs et auteurs multiples Protection des articles par mot de passe Les services Web - Installer et utiliser des plugins supplémentaires - Personnalisation graphique de WordPress - Le thème par défaut Utilisation des autres thèmes - Apprendre à modifier un thème par défaut Créer son propre thème

- WORDPRESS -

Pour accéder : www.wordpress.com

- UTILISER WORDPRESS EN LIGNE -

BACK OFFICE

- UTILISER WORDPRESS EN LIGNE -

http://wp-infinity.com/tutoriels/installer-wordpress/ovh-hebergement-mutualise/

Google est mon ami « tuto installation wordpress »

- INSTALLER WORDPRESS -

1. Création d’une première maquette papier, 2. Création d’une première maquette sur Photoshop, 3. Élaboration du design en fonction des besoins, des envies, des possibilités et du rendu, 4. Validation finale de la maquette, 5. Découpage de la maquette en vue de l’intégration, 6. Intégration XHTML de la maquette dans les thèmes, 7. Intégration CSS de la maquette. 8. Ajustements et validation sur différents navigateurs. 9. Mise en ligne du nouveau design du blog.

« Commencer le design de son site web sur son ordinateur, c’est comme construire une maison en commençant par le toit ! »

- INSTALLER WORDPRESS -

LE REFERENCEMENT

Payant- Google Ads - Facebook Ads Naturel

Algorithme

les 3 étape Technique

Éditorial Backlink

- MOTEUR DE RECHERCHES -

1- Une page optimisée doit contenir au minimum 100 mots. Les 30 à 50 premiers (2-3 premières phrases) sont primordiaux pour le référencement.

2- Le mot-clé doit être situé au début du document plutôt qu'à la fin, c'est-à-dire dans le premier paragraphe. L'idéal est de pouvoir intégrer également le féminin et le pluriel du mot-clé.

3- Les mots-clés seront plus efficaces s'ils sont mis en exergue : - en gras- avec un lien sur le mot clé important - efficacité maximale : mettre le lien en gras

4- Dans la page idéale de 100 mots minimum, le terme doit être répété 3 fois. L'indice de densité d'un mot-clé (IDM) est = 3%Dans une page de 200 mots, si l'on répète le terme 3 fois, l'indice devient = 1,5% Essayez d'entrer dans une fourchette de 2% à 5% pour vos mots clés importants. Si vous n'aimez pas les calculs retenez 3 mots-clés pour 100 mots.

5- Proposez un thème unique par page (cela ne vaut pas que pour le référencement…)

6- Évitez les pages bilingues ou trilingues qui ne sont pas bien lues par les moteurs

7- Soignez le libellé de vos liens. Il doit être le plus pertinent possible par rapport au contenu vers lequel vous pointez. N'utilisez jamais cliquez ici ou lisez la suite, totalement stérile. Préférez du texte plutôt qu'une image pour mettre vos liens.

8- Visez toujours la qualité du contenu plutôt que la quantité. Plus vos articles seront intéressants et originaux, plus les gens pointeront naturellement vers votre site sans que vous ayez besoin de faire des partenariats ou des échanges de liens. Plus il y aura de liens (de qualité) qui pointeront vers votre site et mieux votre site sera classé dans Google. Si vous faites des échanges de liens, proposez des partenariats de contenu ayant une réelle valeur ajoutée pour vos lecteurs.

Textes issus : http://plumeinteractive.canalblog.com

- RÈGLES WEB ÉDITORIALES -

http://openclassrooms.com/courses/ameliorez-la-visibilite-de-votre-site-grace-au-referencement

- POUR ALLER PLUS LOIN -

LES RÉSEAUX SOCIAUX

- VIRALITÉ -

- Twitter est une plate forme gratuite de micro-blogging permettant la diffusion de messages courts (140 caractères) à une liste de contacts personnels. - Faire de la veille - Découvrir des actualités - Suivre des conversations - Diffuser des informations - Rentrer en interaction avec d’autre professionnels

https://support.twitter.com/articles/515487-glossaire-twitter - Twittos- Followers (Abonnés) Following (Abonnements) Retwett- Hashtag “#”- Augmenter son référencement

VOCABULAIRE

- TWITTER -

140 caractères @nom

#hashtag

Notifications Un utilisateur décide de vous follower Quelqu'un vous envoie un message privé

Profil Votre site web Biographie en 160 caractères.

- TWITTER -

PREMIÈRES CONFIGURATIONS

- TWITTER -

Les retweetsRT @[auteurDuTweetÀretweeter] [contenuDuTweetÀretweeter]

Les replies - @[nomDutilisateur] @BillGates Tu veux venir manger à la maison ce soir ?

Les messages privés DM @[nomDutilisateur] Message

AUTRES TWEETS

- TWITTER -AUTRES FONCTIONNALITÉS

Les listes

FavorisConserver un tweet pour le consulter plus tard

TROUVER D’AUTRES TWITTOS

- Via sa boite mail- Sur des sites ou des blogs - Rechercher http://search.twitter.com- Via des listes - Via des conversations - Interagir avec d’autres Twittos (@nom / RT @nom / DM @nom) - En Retwittant

- TWITTER -

FRÉQUENCE

- Pas plus de 3 tweets à la suite - Environ 2 tweets / jour- Du lundi au jeudi de 09h00 à 15h00

5 POINTS CLÉS

Soyez concis70% d’engagement moyen en plus pour les tweets avec 10 – 49 caractères plutôt que ceux compris entre 101 et 140 caractères. Utilisez des photos Plus d’engagement moyen en plus pour les tweets qui comprennent une photo. Ajoutez un hashtag+122% d’engagement moyen en plus pour les tweets avec un hashtag. Intégrez du contenu cliquable avec précaution +81% d’engagement moyen en plus pour les tweets avec 3 à 4 éléments cliquables contre 1 à 2.+36% d’engagement moyen en plus pour les tweets sponsorisés avec 3 à 4 éléments cliquables contre 5 à 11.Recourez aux mentions +51% d’engagement moyen en plus pour les tweets avec 1 à 2 mentions par rapport à ceux qui n’en ont pas.

- TWITTER -

search.twitter.com

- TWITTER -

RECHERCHER

#FollowFriday #nowPlaying

#poitiers

Trouver des #hashtags- Recherche - Listes

POUR DÉMARRER

- TWITTER -

Des informations intéressantes tu tweeteras Tes sources tu citeras Le SMS tu banniras Les URL tu raccourciras (bit.ly, tinyurl) des médias tu tweeteras (Photos : Twitpic / Vidéos : Twitvid)

- TWITTER -

LES 5 COMMANDEMENTS

https://tweetdeck.twitter.com

hootsuite.com

ifttt.com

- LES OUTILS CONNEXES -

- FACEBOOK PAGE -

- FACEBOOK PAGE -

-  Pour créer une nouvelle relation avec ses usagers -  Pour fidéliser et créer du lien -  Se faire connaître et faire la promotion de son site

-  Écouter et échanger -  Mettre en place des “Ambassadeur(drice)s” de nos organisations -  Montrer qu’il y a des personnes derrière les organisations

- FACEBOOK PAGE -

À QUOI ÇA SERT ?

De bénéficier de statistiques poussées 1. Profil (Âges Sexes) 2. Démographie (Ville, Région, ...)3. Qui a partager 4. Qui a cliqué sur “J’aime” 5. Quelles sont les personnes touchées De faire le lien entre son site et sa page Facebook1. Badge2. Bouton “J’aime”

D’augmenter son référencement sur les recherches Google

- FACEBOOK PAGE -

LA PAGE FACEBOOK PERMET

http://legroupe.laposte.fr/content/download/22947/170155/version/1/file/Thompagnie.webmÉtape 1 : Je fais la promotion de mon événement !Étape 2 : Je le fais savoir à mes fans en partageant une photo prise avec mon téléphone sur ma page Étape 3 : Mes fans voient ma publication et la partagent, font un commentaire et elle sera visible par leurs amis

- FACEBOOK PAGE -

LA VIRALITÉ

- FACEBOOK PAGE -

CONSULTER LES STATISTIQUES

- Inviter ses amis Facebook - Ajouter d’autres administrateur(trice)s à votre page Ajouter le lien de votre page sur toutes vos publications- Papier (Affiches, Flyers - Tracts, papier à en-tête)- Web (Signatures email, articles, Newsletter, …) - Renseigner au mieux la partie “À propos” (Ajouter le lien vers son site !)- Bien réfléchir à son url de page (ex : www.facebook.com/nomdestructure)- Ajouter un badge sur votre site- Ajouter des statuts pertinents

- FACEBOOK PAGE -

TROUVER DES FANS

- AVEC VOTRE SITE -

LES BADGES

LES OUTILS DE PARTAGE

PLAN MARKETING

identité numérique / e-réputation

- PERSONNAL BRANDING -

La réputation numérique (e-réputation)C'est l'image que les gens se font de vous en faisant une recherche sur Internet.L'identité numériquecontrôle de ce que vous déposez sur Internet.L'empreinte numérique Ce sont les traces que vous laissez sur Internet.

- E-REPUTATION -

1. Vérification- www.123poeple.com - www.cvgadget.com - http://pipl.com/ ... et Google www.google.com

2. Comment améliorer son e-réputation

- Augmenter les contenus - Agir et régir- Les « User Generated Content »

3. Vérifier et surveiller - Google alerte- Google analytics

- E-REPUTATION -

- LES OUTILS-

Tous les jours- Envoyer des mails- Mettre à jour ses profils (Facebook, Viadéo, Myspace, ...) - Lire les flux RSS par Google Reader ou Netvibes - Twitter - Partager sa veille

Une ou plusieurs fois par semaine - Partager ses bookmarks (Favoris) - Ecrire un ou plusieur(s) billet(s) sur son blog - Commenter; Blogs, goupes facebook, Twitts, profils divers - Informer ses fans de groupe Facebook - Analyser les google Alertes - Surveiller ses statistiques de consultations (visiteurs, ..., taux de rebond)

- PLANNING -

Une fois par mois - Envoyer une Newsletter - Ecrire un billet avec un récapitulatif des billets du blog - Partager des médias (Photos, sons, vidéos, ...) - Faire le bilan des actions du mois - Faire une veille de la concurrence

Une ou plusieurs fois par an- Entretenir son portfolio- Analyser ses statistiques et faire un bilan des mots clés, expressions, ...- Vérifier son référencement sur les moteurs de recherches et annuaires- Vérifier son « linking » (Liens vers mon site, mon blog ou un de mes billets) - Informer ses lecteurs de son bilan - Revoir l'ergonomie de son site, blog ou portfolio - Analyser son image; sa e-réputation

- PLANNING -

Se qui se fait tout seul - Les « RT » de Twitter - L'inscriptions à la newsletter - L'abonnement au flux RSS - On parle de vous et de vos publications - Un billet « Envoyé à un ami »

Pour aller plus loin le e-book « Cultivez votre identité numérique » http://issuu.com/geemik/docs/cultivez_votre_identite_numerique/2

- PLANNING -

SIEGFRIEDBURGEOT

@codezigo

MERCI !