SlideShare una empresa de Scribd logo
1 de 20
Descargar para leer sin conexión
Conception 
d’un site web 
Objectifs de l’atelier 
1. Analyser ses besoins et créer un cahier des charges 
2. Structurer un site pour optimiser sa navigation 
3. Rédiger pour le web 
4. Optimiser pour les moteurs de recherche 
Nicolas Frétigny & Samuel Crausaz, webmaster@unifr.ch 
universitas UNIVERSITÉ DE FRIBOURG friburgensis 
UNIVERSITÄT FREIBURG
gestiOn d’un prOJet web: 
5 Étapes 
1. planifi cation stratégique 
identifi cation des besoins de votre organisme 
2. Conception 
paramètres concrets aboutissant à la rédaction d’un cahier des charges 
3. production 
Réalisation technique et artistique 
4. Mise en ligne 
Déploiement et lancement 
5. exploitation 
Maintenance et optimisation 
http://www.alliancenumerique.com/pages/pdf/Allianceinternet/Guidebeta2009.pdf 
universitas UNIVERSITÉ DE FRIBOURG friburgensis 
UNIVERSITÄT FREIBURG 
extrait de Guide des Meilleures pratiques web
1. Planifier 
1. Fixer vos objectifs en se posant les bonnes questions 
• Comment mon institut s’insère dans la politique globale de l’université 
• Qu’est-ce que mon institut vend/a comme point fort? 
• Qu’est-ce que je veux faire de mon site web: plateforme d’échange? vitrine? 
• Quelles ressources ai-je pour créer / mettre à jour mon site? 
2. Identifier le public cible 
• Qui sont mes clients ou visiteurs: étudiants? chercheurs? journalistes? 
• Viennent-ils souvent? 
• Vocabulaire de spécialistes ou public large? 
3. Produire un cahier des charges 
• Quels sont les produits que je vais promouvoir 
• Quelles sont les fonctionnalités dont j’ai besoin: formulaires, base de données,... 
• Cerner le champ d’action: textes, formes, etc... 
• Fixer les délais 
N’hésitez pas à aller voir ce que font vos concurrents ou partenaires. 
universitas UNIVERSITÉ DE FRIBOURG friburgensis 
UNIVERSITÄT FREIBURG
2. Concevoir 
1. Structurer: créer une arborescence cohérente 
La base peut être crée sur papier ou avec des logiciels spécifiques 
Importance de la persistence de la structure: 
• pour les moteurs de recherche 
• pour les visiteurs 
Cette étape est cruciale: une bonne structure ne verra pas son premier niveau modi-fié 
dans les années qui suivent 
Premier niveau: 
• 5 à 7 entrées maximum 
• Entrées thématiques exclusives l’une de l’autre (auto ne côtoie pas voiture) 
• Termes clefs compréhensibles, pas de phrase dans les menus 
universitas UNIVERSITÉ DE FRIBOURG friburgensis 
UNIVERSITÄT FREIBURG
Exemple de structure à l’aide d’un logiciel Mind Map 
universitas UNIVERSITÉ DE FRIBOURG friburgensis 
UNIVERSITÄT FREIBURG 
» 2. Concevoir
Exemple de structure 
universitas UNIVERSITÉ DE FRIBOURG friburgensis 
UNIVERSITÄT FREIBURG 
» 2. Concevoir
Exemple de structure 
universitas UNIVERSITÉ DE FRIBOURG friburgensis 
UNIVERSITÄT FREIBURG 
» 2. Concevoir
2. structuration des pages et modèles en zones 
technique des maquettes en fi ls de fer (wireframe) 
• permet de structurer le contenu 
• Force à la réfl exion 
• Facilite la lecture en créant une structure de la page 
ergonomie 
• Ne pas chercher à réinventer la roue 
• Rassurer le lecteur habitué à une présentation type 
• Faciliter la navigation: nav primaire, secondaire, fi l d’ariane (breadcrumbs) 
• Structurer et simplifi er 
• pas de codes compliqués: la page doit se comprendre en elle-même 
universitas UNIVERSITÉ DE FRIBOURG friburgensis 
UNIVERSITÄT FREIBURG 
» 2. ConCevoir 
les zones défi nies en CSS sur les mdèles de l’uni 
http://www.unifr.ch/weboffi ce/fr/prestations/tools/use/id
exemple de zones appliquées à la page d’accueil de l’uni 
universitas UNIVERSITÉ DE FRIBOURG friburgensis 
UNIVERSITÄT FREIBURG 
» 2. ConCevoir
Exemple de modèles en fils de fer 
universitas UNIVERSITÉ DE FRIBOURG friburgensis 
UNIVERSITÄT FREIBURG 
» 2. Concevoir
Exemple de modèles en fils de fer > version papiers collés 
universitas UNIVERSITÉ DE FRIBOURG friburgensis 
UNIVERSITÄT FREIBURG 
» 2. Concevoir
A vous de JOUER 
L’institut de bananologie est experte dans le domaine de production des bananes de 
masse hors-sol. 
Elle accueille chaque année plus de 500 étudiants dont la moitié proviennent de pays 
étrangers comme l’Allemagne, la France et les Etats-Unis. Ses cours sont donnés sur 
les sites de Miséricorde et Pérolles 2. 
En marge de son activité académique, elle propose des cours d’été pour les experts 
dans le domaine. Ses chercheurs publient régulièrement sur le site des résultats et 
informent les médias à différentes occasions. Ils sont une carte de visite importante; 
plusieurs d’entre eux sont reconnus mondialement. 
Les responsables de l’institut se sont réunis pour réfléchir à un site web. Ils ont eu l’oc-casion 
de faire un brainstorming pour sortir toutes les idées. Le voici en annexe. 
A partir du brainstorming et des informations ci-dessus, proposez un concept de site 
web (base graphique = modèle unifr): 
• proposez une structure de site cohérente 
• indiquez le contenu que vous allez disposer sur le site 
• si nécessaire identifiez les technologies et outils utiles à la réalisation 
universitas UNIVERSITÉ DE FRIBOURG friburgensis 
UNIVERSITÄT FREIBURG
3. prOduire et rÉdiger 
1. identifi er et classifi ez les contenus 
• Quel contenu va dans quelle partie du site ou concerne quel public 
• Quel contenu vais-je mettre et dans quel format 
(pDF, htMl, image, reprise d’une base de données, etc...) 
• planifi ez déjà la mise à jour: quel contenu, par qui et à quelle fréquence 
2. eviter les redondances 
• Facilite la mise à jour 
• elimine les erreurs et incohérences 
• Ainsi les liens sont privilégiés (importance pour l’indexation) 
universitas UNIVERSITÉ DE FRIBOURG friburgensis 
UNIVERSITÄT FREIBURG 
ecrire pour le web, recuil de liens 
http://blog.unifr.ch/weboffi ce/archives/36
3. rédiger pour le web et pour être lu > forme 
• pourquoi le web est différent: écran, lien, coup d’oeil 
• phrases brèves 
• Contenu structuré: titres, listes, etc... 
• Mots mis en évidence, sobriété des couleurs 
4. rédiger pour le web et pour être lu > contenu 
• technique du journal: l’idée principale au début 
• Adaptez-vous au public-cible: attention au jargon interne ou spécialisé 
• Oubliez l’académique, écrivez pour être lu le lecteur abandonne après 3 hauteurs d’écran 
• epurez, épurez, épurez... revenez à la quintessence, pensez à ce que le lecteur 
doit savoir en quittant votre site et non à ce que vous aimeriez lui présenter 
• Si nécessaire, partagez votre contenu sur plusieurs pages liens plus aisés 
universitas UNIVERSITÉ DE FRIBOURG friburgensis 
UNIVERSITÄT FREIBURG 
» 3. proDUire et rÉDiGer 
ecrire pour le web, recuil de liens 
http://blog.unifr.ch/weboffi ce/archives/36
exemple avec pDF en téléchargement: pandemia.ch 
universitas UNIVERSITÉ DE FRIBOURG friburgensis 
UNIVERSITÄT FREIBURG 
» 3. proDUire et rÉDiGer
4. Mise en ligne 
La mise en ligne est une étape importante. Avant d’effectuer cette dernière, il y a 
quelques points à respecter 
• Tester la navigation (et la compréhension) par un tiers externe 
• Faire relire le site avant de le lancer en publication 
• Si des liens ont été communiqués dans une brochure, sur une carte de visite, 
etc... les reproduire pour ne pas casser un lien 
• Prévoir une page d’erreur dans le site qui permette à l’internaute de remonter 
dans la hiérarchie des informations s’il vient d’un lien cassé 
• Vérifiez les outils comme les flux RSS etc.. 
• Formez les rédacteurs web, désignez les responsables des différentes pages 
universitas UNIVERSITÉ DE FRIBOURG friburgensis 
UNIVERSITÄT FREIBURG
5. Maintenir et optimiser 
Le cycle d vie d’un site ne se termine pas par sa mise en ligne. 
Il s’agit à présent de le maintenir à jour 
1. Maintenance: 
• désignez les responsables de telle ou telle zone à mettre à jour 
• identifiez clairement les différentes fréquences et cycles: news chaque semaine, 
programme des cours chaque semestre 
• Politique de communication: planifiez des thèmes à mettre en évidence qui 
correspondent à vos produits, ayez une démarche pro-active orientée vers vos 
clients (outils, documents, rédaction, etc...) 
universitas UNIVERSITÉ DE FRIBOURG friburgensis 
UNIVERSITÄT FREIBURG
2. Optimiser (normalement en amont) 
• Pour les lecteurs: accessibilité et utilisabilité 
• Pour les navigateurs: standards CSS 
• Pour les moteurs de recherche: SEO (Search Engine Optimization), 
contenus accessibles (pas de flash, interactif, etc...) 
Google Tips 
Google représente 90-95% des moteurs de recherche (données août 2009, Allemagne et Espagne ) 
Il est ainsi nécessaire d’optimiser ses pages en priorité pour Google. 
Quelques astuces pour que votre site soit correctement indexé: 
• Utiliser des termes clefs et des phrases brèves dans les endroits pertinents 
• Mise en valeur des éléments <title>, <h1>, <h2>, etc... 
• Structurez votre page pour permettre la lisibilité par Google 
• Ne pas utiliser d’images ou de Flash à la place d’un texte, ni de formulaire de 
navigation sans alternative > Google ne lit pas le flash ou ne simule pas d’action 
Javascript 
• Les meta n’augmentent pas votre chance d’indexation, par contre des termes 
judicieux oui: Bienvenue sur notre site <> Chaire d’anthropologie sociale Univer-sité 
de Fribourg 
universitas UNIVERSITÉ DE FRIBOURG friburgensis 
UNIVERSITÄT FREIBURG 
» 5. Maintenir et optimiser
Google Tips, suite 
Google a un mécanisme complexe assez proche du raisonnement humain. 
Il tient compte de la notoriété et de la pertinence, ainsi que de l’indexabilité. 
• Indexabilité: le moteur peut parcourir le contenu 
• La pertinence est l’adéquation d’une page aux termes recherchés 
• La notoriété est le nombre de pages liés à la vôtre. (pondération des liens sortant -- annuaire) 
Quelques astuces pour optimiser votre placement: 
• Bon référencement naturel = mix indexation / pertinence / notoriété 
• Ne changez pas l’url d’une page: ancienneté = plus-value 
• Respectez les consignes de rédaction et formatez correctement votre texte 
• Soyez pertinents dans les termes utilisés, réfléchissez à la plus-value qu’offre 
votre institut ou à ses thèmes phares 
• Utilisez les standards web 
• Privilégiez les liens entrants avec les termes pertinents de votre site 
• Pour les liens, mettez le lien sur des termes précis, et non pas sur un petit bouton 
‘lien’ à côté du texte. 
• Utilisez des outils standards comme des blogs et des CMS: ils incitent à un for-matage 
correct limitant la tentation de créativité débordante mais improductive 
universitas UNIVERSITÉ DE FRIBOURG friburgensis 
UNIVERSITÄT FREIBURG 
» 5. Maintenir et optimiser
Bonnes lectures 
• Guide des meilleurs pratiques web: 
http://www.alliancenumerique.com/guideweb.html 
• Ecrire pour le web: 
http://blog.unifr.ch/weboffice/archives/36 
http://www.kelreferencement.com/le-contenu-editorial.html 
• Google: 
Ajouter/inscrire son site: http://www.google.ch/addurl/ 
Creation d’un sitemap XML: http://www.xml-sitemaps.com/ 
Outils pour webmaster: http://www.google.com/webmasters/tools/ 
• SImpleWeb: 
http://www.simpleweb.fr 
• Weboffice: 
http://www.unifr.ch/weboffice/ 
• CHU Nicolas, Réussir un projet de site web, Eyrolles, Paris, 2003 
universitas UNIVERSITÉ DE FRIBOURG friburgensis 
UNIVERSITÄT FREIBURG

Más contenido relacionado

La actualidad más candente

8 modules elearning à découvrir
8 modules elearning à découvrir8 modules elearning à découvrir
8 modules elearning à découvrirRedaction SKODEN
 
Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Nicolas Morin
 
Pourquoi et comment créer son Réseau
Pourquoi et comment créer son RéseauPourquoi et comment créer son Réseau
Pourquoi et comment créer son RéseauPierre Lindenbaum
 
Jpo 2009 Dut Src Montbeliard Atelier Communication
Jpo 2009 Dut Src Montbeliard Atelier CommunicationJpo 2009 Dut Src Montbeliard Atelier Communication
Jpo 2009 Dut Src Montbeliard Atelier CommunicationJCD srcmontbeliard
 
Book projets-web
Book projets-webBook projets-web
Book projets-webacoquard
 
Alphorm.com Formation Viadeo
Alphorm.com Formation ViadeoAlphorm.com Formation Viadeo
Alphorm.com Formation ViadeoAlphorm
 
Developper Sa Visibilité sur internet avec les outils du web 2.0
Developper Sa Visibilité sur internet avec les outils du web 2.0Developper Sa Visibilité sur internet avec les outils du web 2.0
Developper Sa Visibilité sur internet avec les outils du web 2.0olivierlegr
 
Outils 2.0 pour creer un site web pedagogique
Outils 2.0 pour creer un site web pedagogiqueOutils 2.0 pour creer un site web pedagogique
Outils 2.0 pour creer un site web pedagogiqueRedaction SKODEN
 
Web { Design Project } Management
Web { Design Project } ManagementWeb { Design Project } Management
Web { Design Project } ManagementDavid Roessli
 
Présentation Projet 4: Digikid
Présentation Projet 4: DigikidPrésentation Projet 4: Digikid
Présentation Projet 4: DigikidCoralie Boulay
 

La actualidad más candente (12)

8 modules elearning à découvrir
8 modules elearning à découvrir8 modules elearning à découvrir
8 modules elearning à découvrir
 
Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)
 
Pourquoi et comment créer son Réseau
Pourquoi et comment créer son RéseauPourquoi et comment créer son Réseau
Pourquoi et comment créer son Réseau
 
Jpo 2009 Dut Src Montbeliard Atelier Communication
Jpo 2009 Dut Src Montbeliard Atelier CommunicationJpo 2009 Dut Src Montbeliard Atelier Communication
Jpo 2009 Dut Src Montbeliard Atelier Communication
 
Comment réussir son premier CV ?
Comment réussir son premier CV ? Comment réussir son premier CV ?
Comment réussir son premier CV ?
 
Book projets-web
Book projets-webBook projets-web
Book projets-web
 
Alphorm.com Formation Viadeo
Alphorm.com Formation ViadeoAlphorm.com Formation Viadeo
Alphorm.com Formation Viadeo
 
Developper Sa Visibilité sur internet avec les outils du web 2.0
Developper Sa Visibilité sur internet avec les outils du web 2.0Developper Sa Visibilité sur internet avec les outils du web 2.0
Developper Sa Visibilité sur internet avec les outils du web 2.0
 
Outils 2.0 pour creer un site web pedagogique
Outils 2.0 pour creer un site web pedagogiqueOutils 2.0 pour creer un site web pedagogique
Outils 2.0 pour creer un site web pedagogique
 
Web { Design Project } Management
Web { Design Project } ManagementWeb { Design Project } Management
Web { Design Project } Management
 
Communiquer avec Facebook
Communiquer avec FacebookCommuniquer avec Facebook
Communiquer avec Facebook
 
Présentation Projet 4: Digikid
Présentation Projet 4: DigikidPrésentation Projet 4: Digikid
Présentation Projet 4: Digikid
 

Destacado

Conception d'un site web
Conception d'un site webConception d'un site web
Conception d'un site webMoufida Othmani
 
Rédiger un bon cahier des charge pour développer son site Web, conférence Avi...
Rédiger un bon cahier des charge pour développer son site Web, conférence Avi...Rédiger un bon cahier des charge pour développer son site Web, conférence Avi...
Rédiger un bon cahier des charge pour développer son site Web, conférence Avi...Semaweb
 
WebMarketing - Support de cours // Niveau débutant
WebMarketing - Support de cours // Niveau débutantWebMarketing - Support de cours // Niveau débutant
WebMarketing - Support de cours // Niveau débutantQWEB.ECO
 
Savoir rediger cahier des charges Atelier Aisne numerique - dec 2014
Savoir rediger cahier des charges   Atelier Aisne numerique - dec 2014Savoir rediger cahier des charges   Atelier Aisne numerique - dec 2014
Savoir rediger cahier des charges Atelier Aisne numerique - dec 2014Frédéric-Michel Chevalier
 
CIF: Etablir et entretenir des alliances en microassurance afin d’atteindre u...
CIF: Etablir et entretenir des alliances en microassurance afin d’atteindre u...CIF: Etablir et entretenir des alliances en microassurance afin d’atteindre u...
CIF: Etablir et entretenir des alliances en microassurance afin d’atteindre u...ICMIF Microinsurance
 
3 webeducation 24sep09-sol_tanguay
3 webeducation 24sep09-sol_tanguay3 webeducation 24sep09-sol_tanguay
3 webeducation 24sep09-sol_tanguaymelgolli
 
Mainframe Technology Overview
Mainframe Technology OverviewMainframe Technology Overview
Mainframe Technology OverviewHaim Ben Zagmi
 
Présentation PowerPoint " Conception et développement d'un portail web pour l...
Présentation PowerPoint " Conception et développement d'un portail web pour l...Présentation PowerPoint " Conception et développement d'un portail web pour l...
Présentation PowerPoint " Conception et développement d'un portail web pour l...Hajer Dahech
 
Move to Hadoop, Go Faster and Save Millions - Mainframe Legacy Modernization
Move to Hadoop, Go Faster and Save Millions - Mainframe Legacy ModernizationMove to Hadoop, Go Faster and Save Millions - Mainframe Legacy Modernization
Move to Hadoop, Go Faster and Save Millions - Mainframe Legacy ModernizationDataWorks Summit
 
Conception et refonte d'un site web : les bonnes pratiques
Conception et refonte d'un site web : les bonnes pratiquesConception et refonte d'un site web : les bonnes pratiques
Conception et refonte d'un site web : les bonnes pratiquesTarn Tourisme
 
Les grandes tendances de la publicite digitale SRI Syndicat des Régies Intern...
Les grandes tendances de la publicite digitale SRI Syndicat des Régies Intern...Les grandes tendances de la publicite digitale SRI Syndicat des Régies Intern...
Les grandes tendances de la publicite digitale SRI Syndicat des Régies Intern...ACTUONDA
 
Emailing & Display : les mécaniques de ciblage (trafic et lead).
Emailing & Display : les mécaniques de ciblage (trafic et lead).Emailing & Display : les mécaniques de ciblage (trafic et lead).
Emailing & Display : les mécaniques de ciblage (trafic et lead).Jonathan Ravallec
 
E publicité v5
E publicité  v5E publicité  v5
E publicité v5Cyril Spoor
 
Cahier des charges web
Cahier des charges webCahier des charges web
Cahier des charges webFred Brouard
 
Panorama et enjeux de la publicité digitale mars 2012 partie 1
Panorama et enjeux de la publicité digitale mars 2012 partie 1Panorama et enjeux de la publicité digitale mars 2012 partie 1
Panorama et enjeux de la publicité digitale mars 2012 partie 1BEIJAFLORE
 
Google display par fly conseils
Google display par fly conseilsGoogle display par fly conseils
Google display par fly conseilsFLY Conseils
 
Influenceurs : intégrez-les dans votre stratégie d'acquisition
Influenceurs : intégrez-les dans votre stratégie d'acquisitionInfluenceurs : intégrez-les dans votre stratégie d'acquisition
Influenceurs : intégrez-les dans votre stratégie d'acquisitionJonathan Ravallec
 
Panorama et enjeux de la publicité digitale mars 2012 partie 2
Panorama et enjeux de la publicité digitale mars 2012 partie 2Panorama et enjeux de la publicité digitale mars 2012 partie 2
Panorama et enjeux de la publicité digitale mars 2012 partie 2BEIJAFLORE
 
Pole digital self image
Pole digital self imagePole digital self image
Pole digital self imageselfimage
 

Destacado (20)

Conception d'un site web
Conception d'un site webConception d'un site web
Conception d'un site web
 
Rédiger un bon cahier des charge pour développer son site Web, conférence Avi...
Rédiger un bon cahier des charge pour développer son site Web, conférence Avi...Rédiger un bon cahier des charge pour développer son site Web, conférence Avi...
Rédiger un bon cahier des charge pour développer son site Web, conférence Avi...
 
WebMarketing - Support de cours // Niveau débutant
WebMarketing - Support de cours // Niveau débutantWebMarketing - Support de cours // Niveau débutant
WebMarketing - Support de cours // Niveau débutant
 
Siteweb Mini
Siteweb MiniSiteweb Mini
Siteweb Mini
 
Savoir rediger cahier des charges Atelier Aisne numerique - dec 2014
Savoir rediger cahier des charges   Atelier Aisne numerique - dec 2014Savoir rediger cahier des charges   Atelier Aisne numerique - dec 2014
Savoir rediger cahier des charges Atelier Aisne numerique - dec 2014
 
CIF: Etablir et entretenir des alliances en microassurance afin d’atteindre u...
CIF: Etablir et entretenir des alliances en microassurance afin d’atteindre u...CIF: Etablir et entretenir des alliances en microassurance afin d’atteindre u...
CIF: Etablir et entretenir des alliances en microassurance afin d’atteindre u...
 
3 webeducation 24sep09-sol_tanguay
3 webeducation 24sep09-sol_tanguay3 webeducation 24sep09-sol_tanguay
3 webeducation 24sep09-sol_tanguay
 
Mainframe Technology Overview
Mainframe Technology OverviewMainframe Technology Overview
Mainframe Technology Overview
 
Présentation PowerPoint " Conception et développement d'un portail web pour l...
Présentation PowerPoint " Conception et développement d'un portail web pour l...Présentation PowerPoint " Conception et développement d'un portail web pour l...
Présentation PowerPoint " Conception et développement d'un portail web pour l...
 
Move to Hadoop, Go Faster and Save Millions - Mainframe Legacy Modernization
Move to Hadoop, Go Faster and Save Millions - Mainframe Legacy ModernizationMove to Hadoop, Go Faster and Save Millions - Mainframe Legacy Modernization
Move to Hadoop, Go Faster and Save Millions - Mainframe Legacy Modernization
 
Conception et refonte d'un site web : les bonnes pratiques
Conception et refonte d'un site web : les bonnes pratiquesConception et refonte d'un site web : les bonnes pratiques
Conception et refonte d'un site web : les bonnes pratiques
 
Les grandes tendances de la publicite digitale SRI Syndicat des Régies Intern...
Les grandes tendances de la publicite digitale SRI Syndicat des Régies Intern...Les grandes tendances de la publicite digitale SRI Syndicat des Régies Intern...
Les grandes tendances de la publicite digitale SRI Syndicat des Régies Intern...
 
Emailing & Display : les mécaniques de ciblage (trafic et lead).
Emailing & Display : les mécaniques de ciblage (trafic et lead).Emailing & Display : les mécaniques de ciblage (trafic et lead).
Emailing & Display : les mécaniques de ciblage (trafic et lead).
 
E publicité v5
E publicité  v5E publicité  v5
E publicité v5
 
Cahier des charges web
Cahier des charges webCahier des charges web
Cahier des charges web
 
Panorama et enjeux de la publicité digitale mars 2012 partie 1
Panorama et enjeux de la publicité digitale mars 2012 partie 1Panorama et enjeux de la publicité digitale mars 2012 partie 1
Panorama et enjeux de la publicité digitale mars 2012 partie 1
 
Google display par fly conseils
Google display par fly conseilsGoogle display par fly conseils
Google display par fly conseils
 
Influenceurs : intégrez-les dans votre stratégie d'acquisition
Influenceurs : intégrez-les dans votre stratégie d'acquisitionInfluenceurs : intégrez-les dans votre stratégie d'acquisition
Influenceurs : intégrez-les dans votre stratégie d'acquisition
 
Panorama et enjeux de la publicité digitale mars 2012 partie 2
Panorama et enjeux de la publicité digitale mars 2012 partie 2Panorama et enjeux de la publicité digitale mars 2012 partie 2
Panorama et enjeux de la publicité digitale mars 2012 partie 2
 
Pole digital self image
Pole digital self imagePole digital self image
Pole digital self image
 

Similar a conception web

Veille documentaire, flux rss, agrégateurs de flux et social bookmarking
Veille documentaire, flux rss, agrégateurs de flux et social bookmarkingVeille documentaire, flux rss, agrégateurs de flux et social bookmarking
Veille documentaire, flux rss, agrégateurs de flux et social bookmarkingClaire Chignard
 
La veille d' information_cafel201019
La veille d' information_cafel201019La veille d' information_cafel201019
La veille d' information_cafel201019Philippe Ramette Pro
 
Mener à bien un projet Drupal (Drupagora 2013)
Mener à bien un projet Drupal (Drupagora 2013)Mener à bien un projet Drupal (Drupagora 2013)
Mener à bien un projet Drupal (Drupagora 2013)LaNetscouade
 
Webschool contenu-de-qualite-pour-le-web
Webschool contenu-de-qualite-pour-le-webWebschool contenu-de-qualite-pour-le-web
Webschool contenu-de-qualite-pour-le-webmariejura
 
Webschool CCI du Jura - Contenu de qualité pour le web
Webschool CCI du Jura - Contenu de qualité pour le webWebschool CCI du Jura - Contenu de qualité pour le web
Webschool CCI du Jura - Contenu de qualité pour le webAlexis Montpeyroux
 
Accessiblite Web, Idées reçues, enjeux, implications et bénéfices
Accessiblite Web, Idées reçues, enjeux, implications et bénéficesAccessiblite Web, Idées reçues, enjeux, implications et bénéfices
Accessiblite Web, Idées reçues, enjeux, implications et bénéficesEtienne Samson
 
Referencement naturel par netlinking de qualité : articles backlinks
Referencement naturel par netlinking de qualité : articles backlinksReferencement naturel par netlinking de qualité : articles backlinks
Referencement naturel par netlinking de qualité : articles backlinksAXIZ eBusiness
 
Le référencement Universel des supports multimédia
Le référencement Universel des supports multimédiaLe référencement Universel des supports multimédia
Le référencement Universel des supports multimédiaSemaweb
 
Comment booster le referencement naturel de votre site en publiant des articl...
Comment booster le referencement naturel de votre site en publiant des articl...Comment booster le referencement naturel de votre site en publiant des articl...
Comment booster le referencement naturel de votre site en publiant des articl...AXIZ eBusiness
 
Usability & Wireframe par Nathalie Gouzée - Co-Founder Rubbik
Usability & Wireframe par Nathalie Gouzée - Co-Founder RubbikUsability & Wireframe par Nathalie Gouzée - Co-Founder Rubbik
Usability & Wireframe par Nathalie Gouzée - Co-Founder RubbikLa FeWeb
 
présentation sur la gestion des projets.pdf
présentation sur la gestion des projets.pdfprésentation sur la gestion des projets.pdf
présentation sur la gestion des projets.pdfghiz-
 
Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1
Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1
Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1Médiathèque de Roubaix - La Grand-Plage
 
La recherche sur Internet: devenez un super chercheur
La recherche sur Internet: devenez un super chercheurLa recherche sur Internet: devenez un super chercheur
La recherche sur Internet: devenez un super chercheurElium
 
Formation : "Concevoir et promouvoir votre site internet" V3
Formation : "Concevoir et promouvoir votre site internet" V3Formation : "Concevoir et promouvoir votre site internet" V3
Formation : "Concevoir et promouvoir votre site internet" V3Synerg'hetic
 
Présentation EMLDesign
Présentation EMLDesignPrésentation EMLDesign
Présentation EMLDesignEric Delhoulle
 
Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015SADC d'Abitibi-Ouest
 
Strategie Marketing
Strategie MarketingStrategie Marketing
Strategie Marketingbergadaa
 
Lesclsdevotrestratgieebusinesslinternational 131209074509-phpapp02
Lesclsdevotrestratgieebusinesslinternational 131209074509-phpapp02Lesclsdevotrestratgieebusinesslinternational 131209074509-phpapp02
Lesclsdevotrestratgieebusinesslinternational 131209074509-phpapp02Thierry Pastorello
 
Comment gérer son identité numérique de chercheur ou d’étudiant-chercheur en ...
Comment gérer son identité numérique de chercheur ou d’étudiant-chercheur en ...Comment gérer son identité numérique de chercheur ou d’étudiant-chercheur en ...
Comment gérer son identité numérique de chercheur ou d’étudiant-chercheur en ...Gabriel Dumouchel, Ph.D.
 

Similar a conception web (20)

Veille documentaire, flux rss, agrégateurs de flux et social bookmarking
Veille documentaire, flux rss, agrégateurs de flux et social bookmarkingVeille documentaire, flux rss, agrégateurs de flux et social bookmarking
Veille documentaire, flux rss, agrégateurs de flux et social bookmarking
 
La veille d' information_cafel201019
La veille d' information_cafel201019La veille d' information_cafel201019
La veille d' information_cafel201019
 
Mener à bien un projet Drupal (Drupagora 2013)
Mener à bien un projet Drupal (Drupagora 2013)Mener à bien un projet Drupal (Drupagora 2013)
Mener à bien un projet Drupal (Drupagora 2013)
 
Comment optimiser la Création ou la refonte de son site internet ?
Comment optimiser la Création ou la refonte de son site internet ?Comment optimiser la Création ou la refonte de son site internet ?
Comment optimiser la Création ou la refonte de son site internet ?
 
Webschool contenu-de-qualite-pour-le-web
Webschool contenu-de-qualite-pour-le-webWebschool contenu-de-qualite-pour-le-web
Webschool contenu-de-qualite-pour-le-web
 
Webschool CCI du Jura - Contenu de qualité pour le web
Webschool CCI du Jura - Contenu de qualité pour le webWebschool CCI du Jura - Contenu de qualité pour le web
Webschool CCI du Jura - Contenu de qualité pour le web
 
Accessiblite Web, Idées reçues, enjeux, implications et bénéfices
Accessiblite Web, Idées reçues, enjeux, implications et bénéficesAccessiblite Web, Idées reçues, enjeux, implications et bénéfices
Accessiblite Web, Idées reçues, enjeux, implications et bénéfices
 
Referencement naturel par netlinking de qualité : articles backlinks
Referencement naturel par netlinking de qualité : articles backlinksReferencement naturel par netlinking de qualité : articles backlinks
Referencement naturel par netlinking de qualité : articles backlinks
 
Le référencement Universel des supports multimédia
Le référencement Universel des supports multimédiaLe référencement Universel des supports multimédia
Le référencement Universel des supports multimédia
 
Comment booster le referencement naturel de votre site en publiant des articl...
Comment booster le referencement naturel de votre site en publiant des articl...Comment booster le referencement naturel de votre site en publiant des articl...
Comment booster le referencement naturel de votre site en publiant des articl...
 
Usability & Wireframe par Nathalie Gouzée - Co-Founder Rubbik
Usability & Wireframe par Nathalie Gouzée - Co-Founder RubbikUsability & Wireframe par Nathalie Gouzée - Co-Founder Rubbik
Usability & Wireframe par Nathalie Gouzée - Co-Founder Rubbik
 
présentation sur la gestion des projets.pdf
présentation sur la gestion des projets.pdfprésentation sur la gestion des projets.pdf
présentation sur la gestion des projets.pdf
 
Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1
Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1
Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1
 
La recherche sur Internet: devenez un super chercheur
La recherche sur Internet: devenez un super chercheurLa recherche sur Internet: devenez un super chercheur
La recherche sur Internet: devenez un super chercheur
 
Formation : "Concevoir et promouvoir votre site internet" V3
Formation : "Concevoir et promouvoir votre site internet" V3Formation : "Concevoir et promouvoir votre site internet" V3
Formation : "Concevoir et promouvoir votre site internet" V3
 
Présentation EMLDesign
Présentation EMLDesignPrésentation EMLDesign
Présentation EMLDesign
 
Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015
 
Strategie Marketing
Strategie MarketingStrategie Marketing
Strategie Marketing
 
Lesclsdevotrestratgieebusinesslinternational 131209074509-phpapp02
Lesclsdevotrestratgieebusinesslinternational 131209074509-phpapp02Lesclsdevotrestratgieebusinesslinternational 131209074509-phpapp02
Lesclsdevotrestratgieebusinesslinternational 131209074509-phpapp02
 
Comment gérer son identité numérique de chercheur ou d’étudiant-chercheur en ...
Comment gérer son identité numérique de chercheur ou d’étudiant-chercheur en ...Comment gérer son identité numérique de chercheur ou d’étudiant-chercheur en ...
Comment gérer son identité numérique de chercheur ou d’étudiant-chercheur en ...
 

Más de Abdelaziz Ali

Mlw 2020-concept-note-fr
Mlw 2020-concept-note-frMlw 2020-concept-note-fr
Mlw 2020-concept-note-frAbdelaziz Ali
 
These 2010 bagayoko_cheik-dumar
These 2010 bagayoko_cheik-dumarThese 2010 bagayoko_cheik-dumar
These 2010 bagayoko_cheik-dumarAbdelaziz Ali
 
Etudeutilisateursfacebookenafrique2016 160126153026
Etudeutilisateursfacebookenafrique2016 160126153026Etudeutilisateursfacebookenafrique2016 160126153026
Etudeutilisateursfacebookenafrique2016 160126153026Abdelaziz Ali
 
Plan.quinquennal.de.developpement.
Plan.quinquennal.de.developpement.Plan.quinquennal.de.developpement.
Plan.quinquennal.de.developpement.Abdelaziz Ali
 
Plan.quinquennal.de.developpement.
Plan.quinquennal.de.developpement.Plan.quinquennal.de.developpement.
Plan.quinquennal.de.developpement.Abdelaziz Ali
 
100developpeursfrancaismarquants 140325090608-phpapp01
100developpeursfrancaismarquants 140325090608-phpapp01100developpeursfrancaismarquants 140325090608-phpapp01
100developpeursfrancaismarquants 140325090608-phpapp01Abdelaziz Ali
 
Avant de-partir-en-vacances
Avant de-partir-en-vacancesAvant de-partir-en-vacances
Avant de-partir-en-vacancesAbdelaziz Ali
 
02 free bsd installation
02 free bsd installation02 free bsd installation
02 free bsd installationAbdelaziz Ali
 

Más de Abdelaziz Ali (10)

Mlw 2020-concept-note-fr
Mlw 2020-concept-note-frMlw 2020-concept-note-fr
Mlw 2020-concept-note-fr
 
These 2010 bagayoko_cheik-dumar
These 2010 bagayoko_cheik-dumarThese 2010 bagayoko_cheik-dumar
These 2010 bagayoko_cheik-dumar
 
Etudeutilisateursfacebookenafrique2016 160126153026
Etudeutilisateursfacebookenafrique2016 160126153026Etudeutilisateursfacebookenafrique2016 160126153026
Etudeutilisateursfacebookenafrique2016 160126153026
 
Db15 full-report
Db15 full-reportDb15 full-report
Db15 full-report
 
Plan.quinquennal.de.developpement.
Plan.quinquennal.de.developpement.Plan.quinquennal.de.developpement.
Plan.quinquennal.de.developpement.
 
Plan.quinquennal.de.developpement.
Plan.quinquennal.de.developpement.Plan.quinquennal.de.developpement.
Plan.quinquennal.de.developpement.
 
100developpeursfrancaismarquants 140325090608-phpapp01
100developpeursfrancaismarquants 140325090608-phpapp01100developpeursfrancaismarquants 140325090608-phpapp01
100developpeursfrancaismarquants 140325090608-phpapp01
 
02 71300
02 7130002 71300
02 71300
 
Avant de-partir-en-vacances
Avant de-partir-en-vacancesAvant de-partir-en-vacances
Avant de-partir-en-vacances
 
02 free bsd installation
02 free bsd installation02 free bsd installation
02 free bsd installation
 

Último

Exercice de FLE pour enfants sur les transports et les prépositions
Exercice de FLE pour enfants sur les transports et les prépositionsExercice de FLE pour enfants sur les transports et les prépositions
Exercice de FLE pour enfants sur les transports et les prépositionslaetitiachassagne
 
La Projection orthogonale en dessin technique
La Projection orthogonale en dessin techniqueLa Projection orthogonale en dessin technique
La Projection orthogonale en dessin techniquessuser4dbdf2
 
Formation M2i - Femmes entrepreneures : soyez actrices du changement
Formation M2i - Femmes entrepreneures : soyez actrices du changementFormation M2i - Femmes entrepreneures : soyez actrices du changement
Formation M2i - Femmes entrepreneures : soyez actrices du changementM2i Formation
 
Présentation de lancement de la SAE203 - MMI S2
Présentation de lancement de la SAE203 - MMI S2Présentation de lancement de la SAE203 - MMI S2
Présentation de lancement de la SAE203 - MMI S2JeanLucHusson
 
Planning de la semaine du 25 mars au 2 avril 2024
Planning de la semaine du 25 mars au 2 avril 2024Planning de la semaine du 25 mars au 2 avril 2024
Planning de la semaine du 25 mars au 2 avril 2024frizzole
 
Semaine de la Passion de Jésus-Christ.pptx
Semaine de la Passion de Jésus-Christ.pptxSemaine de la Passion de Jésus-Christ.pptx
Semaine de la Passion de Jésus-Christ.pptxMartin M Flynn
 
Rapport projet de fin d'études licence PFE
Rapport projet de fin d'études licence PFERapport projet de fin d'études licence PFE
Rapport projet de fin d'études licence PFEAhmam Abderrahmane
 

Último (7)

Exercice de FLE pour enfants sur les transports et les prépositions
Exercice de FLE pour enfants sur les transports et les prépositionsExercice de FLE pour enfants sur les transports et les prépositions
Exercice de FLE pour enfants sur les transports et les prépositions
 
La Projection orthogonale en dessin technique
La Projection orthogonale en dessin techniqueLa Projection orthogonale en dessin technique
La Projection orthogonale en dessin technique
 
Formation M2i - Femmes entrepreneures : soyez actrices du changement
Formation M2i - Femmes entrepreneures : soyez actrices du changementFormation M2i - Femmes entrepreneures : soyez actrices du changement
Formation M2i - Femmes entrepreneures : soyez actrices du changement
 
Présentation de lancement de la SAE203 - MMI S2
Présentation de lancement de la SAE203 - MMI S2Présentation de lancement de la SAE203 - MMI S2
Présentation de lancement de la SAE203 - MMI S2
 
Planning de la semaine du 25 mars au 2 avril 2024
Planning de la semaine du 25 mars au 2 avril 2024Planning de la semaine du 25 mars au 2 avril 2024
Planning de la semaine du 25 mars au 2 avril 2024
 
Semaine de la Passion de Jésus-Christ.pptx
Semaine de la Passion de Jésus-Christ.pptxSemaine de la Passion de Jésus-Christ.pptx
Semaine de la Passion de Jésus-Christ.pptx
 
Rapport projet de fin d'études licence PFE
Rapport projet de fin d'études licence PFERapport projet de fin d'études licence PFE
Rapport projet de fin d'études licence PFE
 

conception web

  • 1. Conception d’un site web Objectifs de l’atelier 1. Analyser ses besoins et créer un cahier des charges 2. Structurer un site pour optimiser sa navigation 3. Rédiger pour le web 4. Optimiser pour les moteurs de recherche Nicolas Frétigny & Samuel Crausaz, webmaster@unifr.ch universitas UNIVERSITÉ DE FRIBOURG friburgensis UNIVERSITÄT FREIBURG
  • 2. gestiOn d’un prOJet web: 5 Étapes 1. planifi cation stratégique identifi cation des besoins de votre organisme 2. Conception paramètres concrets aboutissant à la rédaction d’un cahier des charges 3. production Réalisation technique et artistique 4. Mise en ligne Déploiement et lancement 5. exploitation Maintenance et optimisation http://www.alliancenumerique.com/pages/pdf/Allianceinternet/Guidebeta2009.pdf universitas UNIVERSITÉ DE FRIBOURG friburgensis UNIVERSITÄT FREIBURG extrait de Guide des Meilleures pratiques web
  • 3. 1. Planifier 1. Fixer vos objectifs en se posant les bonnes questions • Comment mon institut s’insère dans la politique globale de l’université • Qu’est-ce que mon institut vend/a comme point fort? • Qu’est-ce que je veux faire de mon site web: plateforme d’échange? vitrine? • Quelles ressources ai-je pour créer / mettre à jour mon site? 2. Identifier le public cible • Qui sont mes clients ou visiteurs: étudiants? chercheurs? journalistes? • Viennent-ils souvent? • Vocabulaire de spécialistes ou public large? 3. Produire un cahier des charges • Quels sont les produits que je vais promouvoir • Quelles sont les fonctionnalités dont j’ai besoin: formulaires, base de données,... • Cerner le champ d’action: textes, formes, etc... • Fixer les délais N’hésitez pas à aller voir ce que font vos concurrents ou partenaires. universitas UNIVERSITÉ DE FRIBOURG friburgensis UNIVERSITÄT FREIBURG
  • 4. 2. Concevoir 1. Structurer: créer une arborescence cohérente La base peut être crée sur papier ou avec des logiciels spécifiques Importance de la persistence de la structure: • pour les moteurs de recherche • pour les visiteurs Cette étape est cruciale: une bonne structure ne verra pas son premier niveau modi-fié dans les années qui suivent Premier niveau: • 5 à 7 entrées maximum • Entrées thématiques exclusives l’une de l’autre (auto ne côtoie pas voiture) • Termes clefs compréhensibles, pas de phrase dans les menus universitas UNIVERSITÉ DE FRIBOURG friburgensis UNIVERSITÄT FREIBURG
  • 5. Exemple de structure à l’aide d’un logiciel Mind Map universitas UNIVERSITÉ DE FRIBOURG friburgensis UNIVERSITÄT FREIBURG » 2. Concevoir
  • 6. Exemple de structure universitas UNIVERSITÉ DE FRIBOURG friburgensis UNIVERSITÄT FREIBURG » 2. Concevoir
  • 7. Exemple de structure universitas UNIVERSITÉ DE FRIBOURG friburgensis UNIVERSITÄT FREIBURG » 2. Concevoir
  • 8. 2. structuration des pages et modèles en zones technique des maquettes en fi ls de fer (wireframe) • permet de structurer le contenu • Force à la réfl exion • Facilite la lecture en créant une structure de la page ergonomie • Ne pas chercher à réinventer la roue • Rassurer le lecteur habitué à une présentation type • Faciliter la navigation: nav primaire, secondaire, fi l d’ariane (breadcrumbs) • Structurer et simplifi er • pas de codes compliqués: la page doit se comprendre en elle-même universitas UNIVERSITÉ DE FRIBOURG friburgensis UNIVERSITÄT FREIBURG » 2. ConCevoir les zones défi nies en CSS sur les mdèles de l’uni http://www.unifr.ch/weboffi ce/fr/prestations/tools/use/id
  • 9. exemple de zones appliquées à la page d’accueil de l’uni universitas UNIVERSITÉ DE FRIBOURG friburgensis UNIVERSITÄT FREIBURG » 2. ConCevoir
  • 10. Exemple de modèles en fils de fer universitas UNIVERSITÉ DE FRIBOURG friburgensis UNIVERSITÄT FREIBURG » 2. Concevoir
  • 11. Exemple de modèles en fils de fer > version papiers collés universitas UNIVERSITÉ DE FRIBOURG friburgensis UNIVERSITÄT FREIBURG » 2. Concevoir
  • 12. A vous de JOUER L’institut de bananologie est experte dans le domaine de production des bananes de masse hors-sol. Elle accueille chaque année plus de 500 étudiants dont la moitié proviennent de pays étrangers comme l’Allemagne, la France et les Etats-Unis. Ses cours sont donnés sur les sites de Miséricorde et Pérolles 2. En marge de son activité académique, elle propose des cours d’été pour les experts dans le domaine. Ses chercheurs publient régulièrement sur le site des résultats et informent les médias à différentes occasions. Ils sont une carte de visite importante; plusieurs d’entre eux sont reconnus mondialement. Les responsables de l’institut se sont réunis pour réfléchir à un site web. Ils ont eu l’oc-casion de faire un brainstorming pour sortir toutes les idées. Le voici en annexe. A partir du brainstorming et des informations ci-dessus, proposez un concept de site web (base graphique = modèle unifr): • proposez une structure de site cohérente • indiquez le contenu que vous allez disposer sur le site • si nécessaire identifiez les technologies et outils utiles à la réalisation universitas UNIVERSITÉ DE FRIBOURG friburgensis UNIVERSITÄT FREIBURG
  • 13. 3. prOduire et rÉdiger 1. identifi er et classifi ez les contenus • Quel contenu va dans quelle partie du site ou concerne quel public • Quel contenu vais-je mettre et dans quel format (pDF, htMl, image, reprise d’une base de données, etc...) • planifi ez déjà la mise à jour: quel contenu, par qui et à quelle fréquence 2. eviter les redondances • Facilite la mise à jour • elimine les erreurs et incohérences • Ainsi les liens sont privilégiés (importance pour l’indexation) universitas UNIVERSITÉ DE FRIBOURG friburgensis UNIVERSITÄT FREIBURG ecrire pour le web, recuil de liens http://blog.unifr.ch/weboffi ce/archives/36
  • 14. 3. rédiger pour le web et pour être lu > forme • pourquoi le web est différent: écran, lien, coup d’oeil • phrases brèves • Contenu structuré: titres, listes, etc... • Mots mis en évidence, sobriété des couleurs 4. rédiger pour le web et pour être lu > contenu • technique du journal: l’idée principale au début • Adaptez-vous au public-cible: attention au jargon interne ou spécialisé • Oubliez l’académique, écrivez pour être lu le lecteur abandonne après 3 hauteurs d’écran • epurez, épurez, épurez... revenez à la quintessence, pensez à ce que le lecteur doit savoir en quittant votre site et non à ce que vous aimeriez lui présenter • Si nécessaire, partagez votre contenu sur plusieurs pages liens plus aisés universitas UNIVERSITÉ DE FRIBOURG friburgensis UNIVERSITÄT FREIBURG » 3. proDUire et rÉDiGer ecrire pour le web, recuil de liens http://blog.unifr.ch/weboffi ce/archives/36
  • 15. exemple avec pDF en téléchargement: pandemia.ch universitas UNIVERSITÉ DE FRIBOURG friburgensis UNIVERSITÄT FREIBURG » 3. proDUire et rÉDiGer
  • 16. 4. Mise en ligne La mise en ligne est une étape importante. Avant d’effectuer cette dernière, il y a quelques points à respecter • Tester la navigation (et la compréhension) par un tiers externe • Faire relire le site avant de le lancer en publication • Si des liens ont été communiqués dans une brochure, sur une carte de visite, etc... les reproduire pour ne pas casser un lien • Prévoir une page d’erreur dans le site qui permette à l’internaute de remonter dans la hiérarchie des informations s’il vient d’un lien cassé • Vérifiez les outils comme les flux RSS etc.. • Formez les rédacteurs web, désignez les responsables des différentes pages universitas UNIVERSITÉ DE FRIBOURG friburgensis UNIVERSITÄT FREIBURG
  • 17. 5. Maintenir et optimiser Le cycle d vie d’un site ne se termine pas par sa mise en ligne. Il s’agit à présent de le maintenir à jour 1. Maintenance: • désignez les responsables de telle ou telle zone à mettre à jour • identifiez clairement les différentes fréquences et cycles: news chaque semaine, programme des cours chaque semestre • Politique de communication: planifiez des thèmes à mettre en évidence qui correspondent à vos produits, ayez une démarche pro-active orientée vers vos clients (outils, documents, rédaction, etc...) universitas UNIVERSITÉ DE FRIBOURG friburgensis UNIVERSITÄT FREIBURG
  • 18. 2. Optimiser (normalement en amont) • Pour les lecteurs: accessibilité et utilisabilité • Pour les navigateurs: standards CSS • Pour les moteurs de recherche: SEO (Search Engine Optimization), contenus accessibles (pas de flash, interactif, etc...) Google Tips Google représente 90-95% des moteurs de recherche (données août 2009, Allemagne et Espagne ) Il est ainsi nécessaire d’optimiser ses pages en priorité pour Google. Quelques astuces pour que votre site soit correctement indexé: • Utiliser des termes clefs et des phrases brèves dans les endroits pertinents • Mise en valeur des éléments <title>, <h1>, <h2>, etc... • Structurez votre page pour permettre la lisibilité par Google • Ne pas utiliser d’images ou de Flash à la place d’un texte, ni de formulaire de navigation sans alternative > Google ne lit pas le flash ou ne simule pas d’action Javascript • Les meta n’augmentent pas votre chance d’indexation, par contre des termes judicieux oui: Bienvenue sur notre site <> Chaire d’anthropologie sociale Univer-sité de Fribourg universitas UNIVERSITÉ DE FRIBOURG friburgensis UNIVERSITÄT FREIBURG » 5. Maintenir et optimiser
  • 19. Google Tips, suite Google a un mécanisme complexe assez proche du raisonnement humain. Il tient compte de la notoriété et de la pertinence, ainsi que de l’indexabilité. • Indexabilité: le moteur peut parcourir le contenu • La pertinence est l’adéquation d’une page aux termes recherchés • La notoriété est le nombre de pages liés à la vôtre. (pondération des liens sortant -- annuaire) Quelques astuces pour optimiser votre placement: • Bon référencement naturel = mix indexation / pertinence / notoriété • Ne changez pas l’url d’une page: ancienneté = plus-value • Respectez les consignes de rédaction et formatez correctement votre texte • Soyez pertinents dans les termes utilisés, réfléchissez à la plus-value qu’offre votre institut ou à ses thèmes phares • Utilisez les standards web • Privilégiez les liens entrants avec les termes pertinents de votre site • Pour les liens, mettez le lien sur des termes précis, et non pas sur un petit bouton ‘lien’ à côté du texte. • Utilisez des outils standards comme des blogs et des CMS: ils incitent à un for-matage correct limitant la tentation de créativité débordante mais improductive universitas UNIVERSITÉ DE FRIBOURG friburgensis UNIVERSITÄT FREIBURG » 5. Maintenir et optimiser
  • 20. Bonnes lectures • Guide des meilleurs pratiques web: http://www.alliancenumerique.com/guideweb.html • Ecrire pour le web: http://blog.unifr.ch/weboffice/archives/36 http://www.kelreferencement.com/le-contenu-editorial.html • Google: Ajouter/inscrire son site: http://www.google.ch/addurl/ Creation d’un sitemap XML: http://www.xml-sitemaps.com/ Outils pour webmaster: http://www.google.com/webmasters/tools/ • SImpleWeb: http://www.simpleweb.fr • Weboffice: http://www.unifr.ch/weboffice/ • CHU Nicolas, Réussir un projet de site web, Eyrolles, Paris, 2003 universitas UNIVERSITÉ DE FRIBOURG friburgensis UNIVERSITÄT FREIBURG