CONCEVOIR UN PROJET DE SITE WEB

Infos & conseils pour votre site novembre 2012 GESTION DE SITE mettre en place une gestion multi-administrateurs RÉSEAUX SOCIAUX tout le monde tire la couverture à soi! BLOGS PRO 7 fonctionnalités utiles CONCEVOIR UN PROJET DE SITE WEB

SOMMAIRE NEWS 4 quoi de neuf dans la websphère? LES MOTS 2.0 6 décryptage de 3 nouveaux mots du web 2.0 BLOGS PRO 8 7 fonctionnalités à adopter pour votre blog pro PROJET DE SITE 10 les étapes pour bien le concevoir RÉSEAUX SOCIAUX 14 les couvertures sont à la mode! GESTION DE SITE 16 administrer un site à plusieurs ON EN PARLE... 17 la photo numérique professionnelle page 2

Edito Crédits Directrice de publication Agathe Bonnin Rédaction OPEN21 Assistante conception Manon Guillem Crédit photos Jérémie Jean Chris Blakeley Eric Boivin Nicolas Loubet Platanax Robert Scoble Thomas Hawk OPEN21 Les Docks Numériques 1 promenade du Rhin 21000 Dijon RCS 497 537 712 Penser et agir Les moyens de mise en oeuvre d'une communication digitale sont nombreux aujourd'hui. Toute une palette de supports s'offrent aux entreprises, quelque soit leur taille : site internet, blog, réseaux sociaux, etc. C'est sur ces principaux médias de communication que ce numéro revient, en proposant des astuces, des conseils et des informations pour les prendre en main. Concevoir un projet de site web, qu'il soit à créer à partir de zéro ou qu'il soit une refonte totale, ce n'est pas une petite affaire. En effet, les technologies du web sont de plus en plus pointues, mais dans le même temps leur utilisation est de plus en plus accessible. Il n'a jamais été aussi facile de créer un site web! Alors pourquoi passer du temps à concevoir un projet élaboré, complexe, étudier de nombreux paramètres? Parce que la technique ne fait pas tout. Elle ne fait d'ailleurs pas grand chose sans des contenus utiles, bien présentés, évolutifs, pertinents et accessibles. Bonne lecture. Agathe Bonnin Directrice OPEN21 page 3

NEWS ECO & TECH EN BOURGOGNE 5 jours pour entreprendre 3 et 4 décembre 2012 Welience propose une formation e-rgonomie, «comprendre et construire intuitif» sur le campus de l'université de Dijon. Entreprissimo i-conférence Jeudi 29 novembre à 17 h 30 au groupe ESC Dijon Bourgogne. Entreprissimo propose une conférence afin que les chefs d'entreprises et les décideurs dans le secteur de l'industrie et du commerce puissent être informés et écoutés par des professionnels. Des débats seront réalisés afin de confronter les opinions des dirigeants. Géolocalisation et mobilité 50 % des connexions se feront depuis un mobile en 2014. Faut-il développer un site spécifique et/ou une application pour smartphones et tablettes? Comment exploiter le m- commerce (commerce sur mobile)? Comment utiliser la géolocalisation pour valoriser mes produits/services et mon magasin? Un atelier gratuit organisé à l'enp d'ecuisses, le 28 novembre page 4

QUOI DE 9 SUR LE WEB? Recherche ultra-personnalisée Une étude de DuckDuckGo vient de démontrer qu'il n'y a plus aucune recherche non personnalisée sur Google, même sans être connecté à son compte! La guerre des tablettes Google devrait sortir prochainement une nouvelle tablette numérique low cost, au tarif d'environs 90, qui viendra ainsi compléter son offre plus haut de gamme déjà installée. Après Apple et Samsung, qui tiennent le haut du marché, la guerre des tablettes ne fait peut-être que commencer... page 5 Logiciel libre au plus haut niveau Le 19 septembre, une circulaire accompagnée d'une lettre du Premier Ministre Jean-Marc Ayrault préconise une plus forte intégration du logiciel libre dans l'administration. Il a vanté notemment leur moindre coût, leur souplesse d'utilisation, et le fait qu'ils pouvaient servir de levier de discussion avec les éditeurs. Une circulaire qui a été saluée par l'ensemble de la communauté des utilisateurs et des promoteurs des logiciels libres.

LES MOTS 2.0 Tout s'explique! page 6

SMO Derrière ces trois lettres se cache l'expression Social Mobile Optimization. Il s'agit de l'ensemble des techniques et des contenus visant à optimiser la présence d'une entreprise ou d'une marque sur les réseaux sociaux. Le SMO vient compléter le SEO (Search Engine Optimization), techniques visant à optimiser un site. Faire des actions de SMO est indispensable à la visibilité globale d'une entreprise, et complète la panoplie d'outils du SEO. Référenceurs et community manager sont les deux métiers spécialistes du SMO. SoLoMo C'est un acronyme de Social, Local et Mobile. Le principe est de croiser les capacités des réseaux sociaux et de la géolocalisation au service du commerce de proximité. Le tout, grâce aux smartphones et à des sites tels que Foursquare. Le but est de permettre aux entreprises de proposer des offres adaptées à un public localisé géographiquement, en favorisant le partage et la recommandation entre pairs. Une voie marketing très intéressante pour les commerçants. M-Commerce M-Commerce est l'abréviation de Mobile Commerce. Le commerce en ligne, après avoir conquis les consommateurs via leurs ordinateurs, se déplace jusque dans leurs téléphones mobiles. Le M-Commerce permet ainsi de proposer, via des applications mobiles, des produits, et de gérer des coupons de réductions, des promotions, des cartes de fidélité, ainsi que le paiement en ligne spécialement optimisé pour le téléphone mobile. En 2012, plus de 4 millions de Français ont acheté des biens grâce au m-commerce. JAMAIS SANS MON SMARTPHONE Aujourd'hui, près de 20 millions de Français possèdent un smartphone, capable de se connecter à internet. 15% des Français ont déjà scannés un QR code pour trouver de l'information ou accéder à un site web, une vidéo, etc. L'expérience mobile est de plus en plus importante dans la réputation d'une marque ou d'une entreprise. En effet, après une mauvaise expérience sur mobile, 40% des utilisateurs de smartphone se tourneront vers un autre site, et 57% ne recommanderont pas la marque (source : Edatis). En Europe, une transaction sur mobile est effectuée toutes les 15 secondes! page 7

7 fonctionnalités pour votre blog pro L orsque l'on publie un blog professionnel sur son secteur d'activité, la ligne éditoriale et les contenus sont bien évidemment les éléments les plus importants à prendre en compte. Dans la forme, il faut cependant penser que le blog est une forme bien particulière de site web. Ce format nécessite non seulement une présentation chronologique et thématique des articles, mais il faut lui adjoindre un ensemble de fonctionnalités qui vont en faire un média réellement participatif et interactif. Il y a de très nombreuses fonctionnalités que l'on peut proposer dans le cadre d'un blog. Il n'est pas question de faire la course aux fonctionnalités, mais de sélectionner celles qui seront pertinentes, qui apporteront un vrai plus aux utilisateurs. En voici sept, qui font partie des principaux outils pour blogs. Les commentaires C'est le B-A-BA du blog : un blog sans commentaire n'est pas vraiment un blog. La fonction de commentaire permet d'installer une première interactivité entre l'auteur et le lecteur. La fonction doit permettre de s'abonner à un fil de commentaires par RSS ou par email, de répondre à un commentaire en particulier. Le nuage de tags Statique ou animé, cet ensemble de tags est un moyen pour les utilisateurs d'accéder à toutes les publications par un mot-clé. Il est aussi le reflet des principaux thèmes adordés dans le blog. Les mots-clés sont organisés soit par ordre alphabétique, soit présentés de façon à jouer sur les tailles de caractères en fonction de l'importance d'un mot-clé. Plus il est présent dans les textes des articles plus il sera grand. Les boutons de partage Il existe deux types de boutons de partage. Ceux qui permettent en cliquant dessus de partager un article sur un réseau social tel que Facebook ou Linkedin, par exemple. Un lien vers l'article apparaîtra sur le profil de l'utilisateur qui partage l'article, avec la description de l'article ou ses premières lignes, et le cas échéant la photo de l'article. Et il y a ceux qui sont des marqueurs d'intérêt : le bouton J'aime pour Facebook, le bouton +1 pour Google +, par exemple. Le profil de l'utilisateur affichera alors simplement qu'il est intéressé par cet article et qu'il le recommande. page 8

Le widget Facebook Cette fonction peut être utilisée lorsque l'entreprise dispose d'une page pro sur Facebook en complément de son blog. Facebook fournit directement le code à intégrer sur le blog, afin d'afficher une petite boîte, aux dimensions personnalisables. Cette boîte permet à l'utilisateur qui dispose aussi d'un compte Facebook d'adhérer à la page directement, de voir qui parmi ses amis adhère déjà à la page, et éventuellement de lire les derniers posts publiés par l'entreprise sur sa page. La tweetline Dans le même esprit que le widget Facebook, Twitter propose un module à insérer dans son blog afin d'afficher les derniers tweets du compte de l'entreprise. Un moyen simple d'inciter les utilisateurs à suivre le compte Twitter de l'entreprise et d'ouvrir un dialogue plus spontané et instantané que sur le blog. Les derniers articles Il s'agit de proposer une liste des articles les plus récemment publiés sur le blog, toutes thématiques confondues. Evidemment cette fonctionnalité est appréciable lorsque l'utilisateur se trouve sur un article ou une page du blog. Il peut ainsi accéder aux derniers articles sans revenir à la page d'accueil du blog. Suggestion d'articles Cette fonction propose d'autres articles sur des thèmes similaires. Ceux-ci sont déterminés grâce à des tags attribués à chaque article. page 9

Concevoir un projet de site web L orsque les entreprises souhaitent se lancer dans la mise en ligne d'un site internet professionnel, rares sont celles qui savent vraiment comment s'y prendre. Par où commencer, à qui s'adresser, quels paramètres sont à prendre en compte? Autant de questions et d'éléments qu'ils faut prendre dans l'ordre, poser «sur le papier». Mais aussi autant de décisions à prendre. L'entreprise ou le professionnel indépendant ne se retrouve pas seul dans cette démarche. Tout d'abord il peut être aidé pour s'y retrouver par des organismes tels que la Chambre de commerce et d'industrie, la Chambre des métiers, etc. Ensuite, il y a quatre grandes questions à se poser : Comment définir le site? Cela passe par la définition de deux éléments principaux : quel type de site et pour quel public. Il y a de nombreux types de sites web différents, qui ont tous leurs atouts, mais qui doivent être envisagés en fonction des objectifs à atteindre. Car oui, c'est en fait la première question sous-jacente à laquelle l'entreprise doit apporter une réponse. Quel sera l'objectif de ce site : être populaire? être visible? établir une relation client sur le long terme? montrer son expertise? vendre des produits? Ainsi selon l'objectif principal du site, on pourra déterminer le type de site le plus adapté : blog, site de présentation de prestations, site catalogue, site e-commerce, journal collaboratif, portail d'informations, etc A noter qu'un site peut prendre plusieurs formes : par exemple un site de présentation avec des actualités et des articles d'experts, ou bien un site e-commerce avec une partie blog. L'essentiel est de permettre aux utilisateurs du site de bien se repérer dans les contenus présentés. Le public ciblé est-il de portée locale, nationale, internationale? Pour un public international, il est préférable de prévoir un site en plusieurs langues. Quel hébergement choisir? Il existe plusieurs solutions d'hébergement : l'hébergement gratuit, tel que proposé par la plupart des Fournisseurs d'accès Internet (Free, Orange...) l'hébergement mutualisé ou dédié proposé par les hébergeurs professionnels (OVH, 1&1, Amen, etc) l'hébergement assuré par une agence web dans le cadre de la conception du site Pour des raisons évidente, la première solution n'est pas à retenir car elle n'offre pas les prestations et les garanties dont a besoin un professionnel. L'entreprise pourra opter pour la deuxième solution, et ainsi comparer les tarifs et les niveaux de prestations proposés par les hébergeurs. page 11

Il faudra cependant penser à renouveler le nom de domaine et l'hébergement, mettre en place une surveillance technique pour éviter les problèmes sur le site (disponibilité, failles de sécurité...), et réaliser des sauvegardes régulières du site et des bases de données. La dernière solution est généralement plus onéreuse, mais elle comprend souvent les mises à jour techniques, les corrections de sécurité, le renouvellement du nom de domaine et les sauvegardes. Il existe également des solutions de sites en ligne, ne nécessitant ni connaissances particulières ni installation de logiciel, mais elles ne sont pas adaptées aux professionnels car elles sont peu adaptables et personnalisables. Enfin, il existe une dernière solution technique : le CMS (Joomla, Wordpress, Drupal...), un système de création de site et de gestion dynamique de contenu, mais il nécessite une maîtrise de l'outil et Autant de questions à se poser que de choix à effectuer pour convevoir un projet de site. Qui va réaliser le site? De nombreuses possibilités s'offrent à l'entreprise pour réaliser les différents éléments du site et le gérer au quotidien. Là encore l'entreprise peut les concevoir en interne ou bien faire appel à un journaliste ou rédacteur web, une agence de contenus, ou l'agence web qui réalise le site. L'organisation des contenus, l'arborescence, la navigation, peuvent être également conçu par une agence web ou bien créées par l'entreprise elle-même, ou un consultant indépendant. La réalisation technique : le site peut être conçu sur-mesure par un développeur ou une agence web. certaines compétences techniques, notamment pour l'installation et la configuration. Un prestataire peut proposer à l'entreprise la conception d'un site s'appuyant techniquement sur un CMS, mais avec toutes les prestations et les personnalisations nécessaires (installation sur serveur, paramétrage et configuration, intégration graphique, mise en place de l'arborescence et de la navigation, déploiement des fonctionnalités complémentaires, intégration du contenu web). page 12

Qui va propulser le site? Par propulser, on entend à la fois la mise à jour des contenus et le référencement. Ce sont deux éléments bien distincts, mais dont les champs se recoupent. Pour la mise à jour du contenu, rédaction d'articles et d'actualité, modification des textes et photos l'entreprise peut opter pour une gestion en interne, à condition de bien anticiper compétences et temps nécessaire. Un webmaster indépendant, une agence web peuvent également remplir ce rôle. Pour choisir parmis toutes ces possibilités, l'entreprise doit se positionner par rapport à ses propres compétences, son temps, et le niveau d'accompagnement qu'elle souhaite : Soit elle a les compétences et/ou le temps en interne pour réaliser l'ensemble des étapes. Soit elle définie parfaitement tous les axes stratégiques et choisi des prestataires indépendants pour la réalisation de chaque partie (un webdesigner, un développeur, un ergonome, un rédacteur web, un hébergeur, un référenceur...) Les choix se font en fonction des compétences et du temps de l'entreprise. Enfin, côté référencement, celui-ci peut être confié à un référenceur professionnel ou une agence spécialisée. Soit elle confie l'ensemble des étapes à une agence web qui sera chargée de la conseiller dans ses orientations et dans ses choix. Il faudra définir des actions de référencement naturel et/ou payant (achat de mots-clés), ainsi que des actions d'optimisation sociale (présence active sur les réseaux sociaux) pour affiner la visibilité du site et acquérir du trafic. Si l'entreprise décide de se charger de ces actions, il faudra penser soit à une formation soit à dégager un temps conséquent pour maîtriser et gérer l'ensemble des actions de référencement et d'optimisation sociale. page 13

Des couvertures partout! page 14

Si vous avez l'habitude d'utiliser les réseaux sociaux, à titre personnel ou professionnel, vous avez dû remarquer que le principe des couvertures s'étend peu à peu sur la plupart des réseaux. Qu'est ce que c'est? Petit retour en arrière. Il y a quelques mois, Facebook décidait de présenter les profils et les pages sous un nouveau format, la fameuse Timeline. Ainsi l'ensemble des informations sont présentées sous la forme d'un journal chronologique, avec une large photo panoramique en tête de page. Une entreprise qui dispose de comptes et de pages professionnelles sur un ou plusieurs de ces réseaux devra alors multiplier les images de couvertures, qui bien entendu n'ont pas le même format d'un réseau à l'autre. Que mettre sur ces fameuses couvertures? Plusieurs choix sont possibles. On peut simplement en faire une déclinaison de la charte graphique du site web de l'entreprise, en reprenant les mêmes visuels et couleurs. On peut aussi y placer une photo du lieu de l'entreprise, ou une photo représentant des valeurs fortes de l'entreprise. Les principaux réseaux sociaux se mettent à proposer des couvertures sur leurs pages. Google +, le réseau social de Google, s'y est mis lui aussi, proposant d'afficher en haut de la page d'une entreprise une photo panoramique. Il en propose même une par défaut, une image composée de figures abstraites sans grande originalité. Récemment Twitter s'est lancé dans la mise en place d'une couverture pour les profils de ses membres. Il est désormais possible d'afficher en arrière-plan de sa photo de profil une photo personnelle ou une image. Les réseaux qualifiés de «professionnels» s'y mettent aussi, puisque Linkedin propose également ce type d'affichage pour les pages d'entreprise. Il vaut mieux cependant se référer aux règles d'utilisation de ces différents services, afin de savoir ce qu'il est possible de mettre ou pas en couverture de sa page sociale. Comment s'y retrouver en pratique parmi tous les formats de couvertures des différents réseaux sociaux? Voici un petit mémo utile pour réaliser des couvertures au format parfaitement adapté. FACEBOOK : 851 x 315 px GOOGLE + : 890 x 180 px TWITTER : 520 x 260 px LINKEDIN : 650 x 225 px page 15

Gestion de site à plusieurs I l y a des cas où l'on voudrait pouvoir gérer à plusieurs l'administration d'un site internet. Par exemple pour une association, ou dans le cadre de la gestion conjointe des contenus par plusieurs services d'une société. Ce système permet de gérer les contenus d'un site entre plusieurs services. Dans ce cas particulier, un bon CMS doté d'outils de contrôle des administrateurs et de leurs autorisations sera fort utile. Sous Joomla, cet outil est nommé ACL : access control list. Il permet de définir plusieurs administrateurs du site, mais qui n'auront pas forcément les mêmes droits. Ainsi, un administrateur principal aura le contrôle de tous les éléments du site en back-office : articles, menus, modules, fonctionnalités, utilisateurs, etc. Puis on peut créer des groupes d'utilisateurs qui auront à administrer chacun des éléments ou des contenus différents. On peut donner accès à la modification d'articles uniquement depuis le frontoffice (dans ce cas, un module de connexion est nécessaire en front-office) ; on peut donner accès à la modification et l'ajout d'articles depuis le backoffice, ou encore donner des droits de modification uniquement sur un ou plusieurs composants ou modules, de manière totalement individualisée. De cette manière, l'administrateur principal partage le travail de mise à jour avec plusieurs personnes qui ont chacune leurs attributions, sans risquer de mauvaises manipulations lourdes de conséquenses. Un exemple? Dans une commune, le service des sports peut gérer uniquement les articles de la rubrique Sports, la newsletter Sports et les bannières promotionnelles consacrées au Sports. Le même principe est appliqué pour le service Culture ou Action Sociale. Ce système permet donc de gérer les contenus et la mise à jour d'une site internet conséquent entre plusieurs services et plusieurs personnes, issues ou non de structures différentes. page 16

ON EN PARLE La photographie Jacques Blanchard, photographe auteur indépendant membre de l'union des photographes professionnels répond à 4 questions mettant en exergue l'importance de la photograhie de nos jours et ses conditions d'utilisations. L es photos sont partout sur Internet. Et pourtant le recours à un professionnel pour mettre en valeur des produits ou magnifier un lieu de vente est une valeur sûre. Les entreprises ne prennent pas toujours la mesure de l'importance de disposer de photos professionnelles pour leur site web. Pourquoi est-ce aussi important? Sur le web les photos sont pérennes et sont vues par de nombreuses personnes. Les images d'un site professionnel mettent en exergue l'entreprise et son professionnalisme. Des photos de mauvaises qualité (portraits, produits, bâtiments, salariés au travail ) ou banque d'image anglo-saxonnes standardisées nuisent à l' image de celle-ci. Le mieux est de rester dans la légalité, car diffuser des photos gratuites ou les acheter à un amateur peut engendrer un gain important. Les photos que je créées sont prêtes à l'utilisation sur cdrom/dvd ou par Internet. Avant les prises de vue, je rencontre le client afin de déterminer ses besoins, le format ainsi que les moyens techniques à mettre en œuvre afin de le conseiller. Je reçois souvent des appels de clients qui me demandent une copie du cdrom après avoir perdu leurs photos après plusieurs années, ce que je fais volontiers car j'ai un système de sauvegarde et de classement sophistiqué. page 17

La technologie et les logiciels évoluent rapidement ce qui nécessite de nombreuses formations et une certaine expérience. La taille et la qualité des capteurs ( ce qui remplace le négatif ) est un élément majeur. Je possède un matériel photographique spécialisé, et des flashs de studio professionnels onéreux. Les prises se font toujours en format RAW brut pour une qualité maximum. ( = négatif couleur non développé ). Avec l'essor des appareils numériques sophistiqués, la photographie s'est démocratisée. Tout le monde peut-il être photograĥe? Il m'arrive souvent de retourner 5 fois sur un site jusqu'à je sois satisfait du résultat, cela peut prendre du temps. Un photographe incorporera de nombreuses informations dans les fichiers ( champs IPTC: lieu, noms, date, évènement ) car le nom de fichier ne suffit pas pour identifier et retrouver une photo parmi plusieurs milliers. "Aujourd'hui la rapidité de diffusion des images semble être la priorité " C'est vrai qu'avec le numérique il n'a jamais été facile de faire des photos ( Smartphones, compacts, reflexes abordables) mais surtout de les diffuser et les dupliquer. Aujourd'hui la rapidité de diffusion des images semble être la priorité au détriment de la qualité technique et artistique. Il ne suffit pas d'avoir un bel outil pour savoir s'en servir Quelles sont les qualités d'une bonne photo devant figurer sur le site web d'une entreprise? Sur le web, la définition est souvent réduite ( dimensions de 150 à 800 pixels ) ce qui demande des photos simples et bien composées pour être lisibles. Un écran de 17" fait 1024 pixels de large, il ne sert donc à rien de télécharger des photos de 4000 pixels. page 18

Le format de fichier est le JPEG, on doit trouver un compromis entre qualité et rapidité d'affichage en réglant bien évidemment le niveau de compression. L'espace couleur doit être le srvb qui correspond au nombre de nuances de couleur de 95% des écrans installés. Il faut ajouter que la plupart des navigateurs ne tiennent pas compte des profils couleurs intégrés et affichent des couleurs dénaturées et fausses. Des images dynamiques, originales aux couleurs vives sont un plus pour attirer l'attention des internautes. La Postproduction consiste à importer les photos dans le disque dur, les renommer, développer les raw, effectuer les retouches parfois complexes, imprimer une planche contact puis graver un dvd. Un reportage c'est plusieurs centaines de photos qu'il faut rapidement sélectionner en leur attribuant des notes (grâce à l'editing) et en les mettant dans l'ordre pour présenter au client une sélection des meilleures photos en terme de communication. "Une longue expérience de la culture visuelle permet d'avoir "un regard",un style." Quelle est la part de technique et la part de créativité dans ce type de réalisation? Pour en savoir plus : www.photobourgogne.com Les compétences techniques sont indispensables mais ne suffisent pas. Une longue expérience de la culture visuelle permet d'avoir "un regard", un style. Des techniques comme le HDR, les panoramiques par assemblages et les photos de nuit permettent de réaliser des images originales. Aujourd'hui je passe beaucoup plus de temps devant mon ordinateur qu'à faire des prises de vue. page 19