Afterwork du 20 octobre 2011 LE SITE INTERNET, Moyen d'expression, média collaboratif, vitrine, boutique?

Afterwork du 20 octobre 2011 LE SITE INTERNET, Moyen d'expression, média collaboratif, vitrine, boutique? Présentation de Pierre Moutonnet http://www.konceptuals.com Avant-propos Rappel de quelques chiffres : 1. 340 millions de sites internet recensés dans le monde en juin 2011 (source http://fr.wikipedia.org/wiki/site_web) soit environ un site pour 25 personnes sur terre... 2. Environ 52 milliard de pages indexées par google, yahoo, et bing sur l'ensemble du réseau mondial début octobre 2011 (source : http://www.worldwidewebsize.com/) 3. 80% : pourcentage estimé du total de connexions au réseau internet à partir de terminaux mobiles (smartphones, tablettes, netbooks) en 2015 ce qui induit non pas une réduction des usages de l'informatique domestique ou d'entreprise à partir d'unités centrales ou ordinateurs classiques mais plutôt une augmentation des connexions depuis des outils annexes, en parallèle- «être connecté tout le temps, partout, pour commander une pizza via internet avant de rentrer chez soi, pour connaître les horaires d'un film, visualiser un itinéraire pour se rendre chez un ami...» 4. En complément, nombre de connexions à Internet depuis des appareils mobiles dans le monde en 2011 : 5,6 milliards (estimation Cabinet gartner http://www.gartner.com/it/page.jsp?id=1759714, voir également : http://www.lefigaro.fr/medias/2011/03/15/04002-20110315artfig00432-les-terminauxmobiles-ont-dope-l-audience-internet.php) Un site pour qui? Pour quoi? Rappel de la définition de ce qu'est un site internet : un ensemble de pages Web hyperliées entre elles et mises en ligne à une adresse Web (également appelée adresse IP), adresse étant rendue accessible par le biais d'un nom de domaine. Aujourd'hui, tout le monde peut avoir son propre site internet... La démocratisation des moyens de création (outils, langages, logiciels) et d'accès (FAI fournisseurs d'accès internet, fournisseurs d'hébergement web) ainsi que les ressources nécessaires à leur mise en oeuvre (ressources gratuites ou payantes, formations) rendent possible la baisse des coûts d'exploitation et la facilité d'accès aux services. Il devient désormais possible d'avoir son propre site vitrine pour seulement quelques euro par an, location du nom de domaine et de l'hébergement inclus. Une segmentation s'est opérée entre les différentes offres existantes, des tout gratuit (fermes de blogs) aux tout payants (sies sur mesure) Afterwork du 20 octobre Pierre Moutonnet Konceptuals - LE SITE INTERNET page 1 / 10

Aujourd'hui, votre boulanger peut avoir besoin d'un site internet, pour promouvoir son, activité, ou ses produits, au même titre que la boutique de vente en ligne grand public. La question ne se pose plus en 2011 de savoir quoi faire sur internet mais plutôt de savoir que faire si je n'y suis pas et quel est le risque. A côté des sites d'entreprise, fleurissent donc des blogs dédiés à des profils personnels initialement, mais de plus en plus fréquemment repris à but professionnel pour promouvoir son image, sa marque, ses produits... A titre d'exemple, estimation du coût pour avoir son propre site internet en 2011 (tout du moins son propre espace web, avec nom de domaine) : 1. en prenant un grand hébergeur français (1&1) avec une offre premier prix (1&1 readynet perso, soit un outil de mise en ligne de contenu, un nom de domaine, une adresse mail et un espace d'hébergement): 5,97 ttc/mois... 2. Coût pour une infrastructure web plus évoluée (pour une boutique en ligne par exemple, avec un serveur dédié, des outils et services de protection, sauvegarde des données hebdomadaires etc) : à partir de 29 ttc/mois. 3. Coût pour un blog : à partir de 0 /mois sur les fermes à blog (canalblog.com, over-blog.com) J'ai un nom de domaine, une page web, et après? Plusieurs réponses possibles à cette question, ou plutôt plusieurs cheminements, selon les besoins, le budget : 1. J'ai besoin d'une image professionnelle, il me faut donc un design original et impactant 2. J'ai besoin d'avoir des contenus textes bien écrits et présentant mon offre de service, mes écrits, mes produits... 3. j'ai besoin d'avoir la main sur mon contenu et pouvoir l'alimenter / le modifier à volonté 4. j'ai besoin d'être vu, de faire connaître mon activité 5. j'ai besoin de connaître la fréquentation et la visibilité de mon site en vue de l'améliorer ou de savoir si mon offre rencontre un certain succès 1 la charte graphique, le design Afterwork du 20 octobre Pierre Moutonnet Konceptuals - LE SITE INTERNET page 2 / 10

Une bonne présentation, lisible, claire et ergonomique rencontrera toujours davantage de succès qu'une page quelconque. Une ergonomie bien pensée (moins de 3 clics, à partir de la page d'accueil, pour accéder à l'information souhaitée), avec une navigation fluide et des pages qui se chargent rapidement (moins de 1,5 secondes idéalement, pour la première page) et c'est déjà un premier pas vers le succès. Deux solutions s'offrent alors à vous : Vous pouvez vous fournir en template (terme désignant une charte graphique de site internet en anglais) sur des sites de ressources en ligne, pour habiller votre site, gratuitement ou à peu de frais (mot-clé dans google : template gratuit) vous faites appel à un spécialiste qui répondra à vos besoins en vous fournissant des fichiers sur mesure 2 le contenu Un site web est vendeur avant tout par le contenu qu'il propose : avoir une belle charte graphique est une chose, mais si c'est une coquille vide, peu de raisons de trouver votre public alors... Ecrire pour le web implique de réfléchir à des syntaxes susceptibles de contenir des mots-clés, mots-clés qui seront tapés dans les requêtes de recherche de google et qui trouveront leur écho sur votre site, l'affichant ainsi parmi les résultats renvoyés par le moteur en réponse à l'une de ces requêtes. Idéalement, les contenus doivent être courts, très bien écrits (en bon français, les suites de mots-clés n'apportent rien sauf d'être en liste noire sur les moteurs de recherche...). Pour trouver des mots-clés, comment faire : Google propose un outil de génération de mots-clés, initialement créé pour leur système payant google adwords (accessible à l'adresse https:// adwords. google.com/select/ KeywordTool External ou en tapant dans google la recherche «adwords keywords tools») ; Cet outil permet, à partir de la saisie d'une occurrence ou d'un mot, ou en se servant du contenu de son site comme source d'analyse, d'établir une liste de mots ou occurrences synonymes, tapés dans un volume donnée durant les 6 derniers mois. Cet outil permet donc de connaître le nombre moyen de fois où une recherche a été tapée dans google, au niveau mondial et / ou français et de connaître le taux de concurrence sur ce même mot que vous pourriez rencontrer si vous souhaitiez vous référencer dessus. Un mot-clé ayant très peu de concurrence, mais seulement recherché 50 fois / mois en moyenne ces 6 derniers mois sur tout le territoire français ne risque pas non plus de générer beaucoup de visites... A vous de trouver le juste milieu Astuce : google favorise les résultats affichant les termes exacts de la recherche, recherche dans laquelle l'internaute ne tape que très rarement un seul mot. Il s'agit généralement de suites de mots, d'une phrase... le site renvoyant donc la suite de mots exacte ou la phrase sera là aussi favorisé par rapport à la concurrence pour l'ordre d'affichage. (si un internaute recherche un «boucher», il ne va pas taper «boucher» mais «boucher + son lieu d'habitation ou sa ville» par exemple, on s'intéressera donc au fait de pouvoir faire apparaitre dans son contenu les mêmes données (boucher à Afterwork du 20 octobre Pierre Moutonnet Konceptuals - LE SITE INTERNET page 3 / 10

Moulinsart - 44000) 3 la mise à jour du contenu Les moteurs de recherche aiment les sites à contenus denses (riches en pages et en données) ce qui place les sites dits statiques (non dynamiques, à contenu non modifiable -si ce n'est par les bons soins d'un webmaster) en queue des classements. Un site dynamique s'appuyant sur une architecture CMS( Content Management System système de gestion de contenu administrable par le client final) permet de s'affranchir de certains limitations et de publier des contenus à la volée, sans connaissance en code html ou langage web, alimentant ainsi le site, le faisant progresser et vivre, le rendant plus visible et plus susceptible de correspondre à des recherches d'internautes grâce à sa densification et grâce à votre autonomie et votre réactivité... Le marché des CMS s'est réellement développé depuis 2006, offrant de nombreuses solutions open-source (gratuites, téléchargeables en ligne et bénéficiant d'une communauté de développeurs pour faire vivre le projet associé, le compléter avec des extensions enrichissant ses possibilités) Dans le monde de l'open-source, 3 solutions partagent la tête d'affiche : 1. Wordpress (http://www.wordpress.org), initialement un outil de création de blog, mais disposant d'une librairie de plus de 100 000 extensions offrant des options de personnalisation sans fin (ajout de newsletter, systèmes de boutiques et de paiement en ligne...) - la plus grosse communauté de développeurs 2. Joomla (http://www.joomla.fr), le système CMS par excellence, adossé à une communauté de développeurs également très importante et un nombre d'extensions en hausse (exemple de site : http://www.porsche.com.br/) 3. Drupal (http://www.drupal.org), mois connu, mais néanmoins très performant pour la gestion multi-utilisateurs et la publication de contenu à destination de gros communautés de lecteurs (exemple français le plus connu exploitant ce CMS : http://www.rue89.com) Il existe d'autres solutions, également fiables mais moins réputées ou moins fournies (SPIP -solution 100% française, mais vieillissante Typo3, CMS «couteau suisse» pour la création de portails l'un des plus connus étant le site de la ville de Lyon) ainsi que toutes les offres gratuites proposées par les fermes à blog (canalblog, hébergeur du blog de active'réseau, s'appuie sur un moteur wordpress) Le choix de l'une ou l'autre de ces solutions est davantage affaire de goûts, d''affinités avec les interfaces proposées, que Afterwork du 20 octobre Pierre Moutonnet Konceptuals - LE SITE INTERNET page 4 / 10

réellement d'outil, étant pour la plupart à même de répondre à tous les besoins des utilisateurs finaux, pourvu que l'on trouve, installe et paramètre le bon. Si vous faites appel à un spécialiste, il sera forcément prosélyte de l'une des solutions présentées... dans la mesure où il la maitrise, peu importe donc le choix fait, pourvu que la réalisation finale vous apporte les résultats escomptés. 4 la visibilité et la promotion de son site internet On touche là à toutes les questions liées au référencement et à la visibilité de son site dans les moteurs de recherche. Comment faire pour rendre son site attractif? Un site internet, qu'il vende un produit ou fasse de la promotion n'est qu'une représentation virtuelle de votre activité, tout comme une vraie vitrine de magasin ayant pignon sur rue serait sa vitrine physique. De fait, une vitrine ayant une belle présentation mais se trouvant au fin-fond d'une impasse aura moins de chances d'être vue et de susciter l'intérêt du quidam qui rentrera dans la boutique que celle se trouvant en plein centre des Champs-Elysées. L'emplacement (la visibilité) joue donc à ce titre un rôle essentiel. La présentation de la vitrine (la charte graphique le template) aide à achalander le client, à lui donner l'envie de rentrer, mais ce n'est que la 2nde étape. Vient ensuite la présentation des produits (boutique en ligne), le comptoir, avec leur mise en valeur (prix, couleurs, informations commerciales ou techniques...) ==> côté site web, la fiche technique ou de présentation, contenant les mots-clés. Un site attractif sera donc strictement identique dans sa conceptualisation à un magasin ou une boutique. Viennent après les considérations plus techniques, et ce qui fait qu'un site peut être visible : 1. son nom de domaine, si votre activité est «boucher» et que vous vous appelez «Sanzot», il sera plus pertinent de réserver un nom de domaine du type «sanzot-boucherie.fr» plutôt que «sanzot.fr», les gens recherchant par activité en priorité. Le nom de domaine doit donc déjà être considéré comme un mot-clé. 2. l'adresse URL des pages elles doivent être réécrites (URL-rewriting), sous-entendu «sémantiquement correctes, on utilise alors des outils, pour transformer ses pages qui ressemblaient à ça : http://www.mondomaine.com/index.php?option=com_content&view=article&id=47&itemid=68 en http://www.mondomaine.com/actualites-bons-plans.html Ce qui permet de générer à nouveau des mots-clés ou informations importantes, de simplifier l'url et la compréhension du Afterwork du 20 octobre Pierre Moutonnet Konceptuals - LE SITE INTERNET page 5 / 10

contenu associé 3. le titre des pages de votre site revêt également un caractère prioritaire, étant placé en tête de code source dans vos pages et donc lisible de suite par les moteurs. Idéalement, chaque page doit avoir un titre unique qui ne dépasse pas 50 caractères (espaces compris) 4. les balises de description (balise meta description principalement, mais également d'autres, plus d'informations ici : http://www.webrankinfo.com/dossiers/techniques/guide-balises-meta), là aussi, idéalement elles doivent être uniques pour chaque page et ne pas excéder 255 caractères, tout en étant syntaxiquement correctes et descriptive de votre activité (astuce : éviter les accroches du type «Boucherie Sanzot, votre spécialiste du boudin noir, le meilleur de la région», préférer des informations factuelles sur la localisation géographique et le type d'activités ou services («site de la boucherie Sanzot, située à Moulinsart, vente en ligne, sur place, buffets...» 5. La mise en valeur des contenus texte contenus dans le site. Google attache de l'importance aux hyperliens internes au site (renvoyant vers une autre page du site) ainsi qu'à quelques éléments typographiques ou syntaxiques de mise en valeur, ainsi les gras, les soulignés et les italiques sont-ils surveillés de prêt, de même que les balises de liste, comme la liste numérotée que vous lisez actuellement. Les textes d'entête (les «titre1», «titre2» de votre traitement de texte) sont également surveillés et considéré comme prioritaires sur les autres contenus. 6. Exploiter les outils d'aide à la visite du site par les moteurs de recherche (fichier sitemap.xml plan de site) qui permet d'établir une cartographie de toutes les pages présentes sur le site Remplir ces 6 conditions garantit donc d'avoir un contenu visible. Une autre démarche, moins connue mais prise en compte depuis cette année par google et permettant de grignoter quelques points de classements est l'optimisation du poids et de l'affichage du site. Tout ce qui peut aider à améliorer les temps de chargement d'une page du site peut aider à mieux le positionner (le navigateur firefox, par le biais de ses modules complémentaires à installer, permet de tester la vitesse d'affichage d'un site et les divers points à améliorer dans celui-ci, avec une notation sur 100 module pagespeed à retrouver sur le site des extensions mozilla.. Vient après l'aspect «marketing» et la promotion externe dudit site pour générer du trafic et créer d'autres sources potentielles de visites que les seuls moteurs de recherche. On développe de fait un réseau référentiel autour du site, afin d'inciter les gens à le visiter. En reprenant l'exemple de la vitrine sur les champs-élysées, la promotion du site web par d'autre canaux de diffusion correspond à ce que l'on fait pour son magasin : réserver des encarts publicitaires dans les journaux d'annonces locaux Afterwork du 20 octobre Pierre Moutonnet Konceptuals - LE SITE INTERNET page 6 / 10

éditer des flyers, lancer des campagnes de mailing par la poste bénéficier du bouche à oreilles (clients satisfaits) placer des écriteaux ou des panneaux sur le trottoir devant sa vitrine pour annoncer des promotions apparaître dans les pages jaunes apparaître sur l'annuaire de la Cci ou de la chambre des métiers Les équivalents sur le web : Adhérer à des campagnes publicitaires adwords (http://www.google.com/adwords) intéressant mais coûteux, le système nécessite une enchère sur un ou des mots-clés sur lesquels on souhaite apparaître et un nombre de clics souhaités par jour chaque clic étant payant. Référencer son site sur des annuaires ou d'autres sites répondant aux mêmes thématiques (exemple d'annuaires de sites professionnels: http://www.surfandbiz.com, http://www.hotfrog.fr) parler, ou faire parler de votre site, sur des forums abordant les même thématiques, en répondant à des questions, ou en partageant ses retours d'expérience... Ajouter des boutons «j'aime» et «+» de facebook et google sur son site, pour inciter les gens à cliquer dessus et ainsi faire apparaître sur leur compte facebook ou google leur intérêt pour votre site, intérêt qui sera affiché pour tous les contacts de l'internaute ayant cliqué le premier créer sa propre page facebook «pro» ou associative, afin de faire la promotion de son site et de son activité en y mentionnant les actualités et les faits importants. Mentionner le site / son activité sur les réseaux sociaux professionnels (viadeo, linked in, xing.com) Apparaître sur d'autres réseaux alternatifs (réseau flickr, partage de photos, en présentant par exemple, une photo avec un lien vers le site dans la légende) Créer une fiche d'activité dans google adresses (http://www.google.fr/adresses), service gratuit partiellement intégré à google maps et permettant en plus de la géolocalisation de son activité d'être répertorié par google et affiché dans les recherches régionales (depuis 2010, dans une recherche «générique, c'est-à-dire non localisée exemple : «boucher» au lieu de «boucher moulins», Google affiche les sites correspondants dans un rayon de 80 kilomètres autour de l'adresse IP de l'internaute ayant effectué la recherche, si le site est équipé de cette fonction google adresses, il est donc affiché en priorité. Ce service est gratuit et vise à concurrencer les pages jaunes. Afterwork du 20 octobre Pierre Moutonnet Konceptuals - LE SITE INTERNET page 7 / 10

Et beaucoup d'autres possibilités ou champs d'investigation (dans le monde matériel, la carte de visite a toujours la côte et désormais il est possible d'y ajouter un QRCode, à scanner avec un smartphone, et permettant de se rendre par exemple directement sur le site de la société liée à la carte de visite exemple : http://www.coqueliko.com/logo-qrcode.html ). 5 - Et après? Une fois votre site, créé, alimenté, référencé, il vous faut pouvoir suivre son trafic visiteur, connaître les tendances, à la hausse comme à la baisse, du trafic, savoir quels sont les contenus les plus intéressants, quels sont ceux qui sont le mieux référencés, classés par google, connaître votre taux de rebond (valeur indiquant combien d'internautes ont quittés votre site moins de 7 après y être arrivés) - signe que le contenu affiché ne correspond pas à leur recherche initiale, ce qui en fait donc une visite nonqualifiée. Tout cela est consultable en ligne via l'outil Google analytics (http://www.google.com/analytics) qui permet de paramétrer un suivi en plaçant un code de suivi dans le code-source de son site. Le suivi est depuis peu en temps réel et vous permet de suivre les tendances de visites à 2 minutes d'intervalle. L'outil est précis et vous indique également les sources de visites depuis les moteurs ou depuis des sites associés ou sur lesquels vous auriez pu référencer votre site, la provenance géographique des visiteurs (grâce à leur adresse IP valeur approximative), les pages d'entrée et de sortie. Avec cela vous pouvez donc être à même de déterminer si votre site est un succès ou un échec, ou si des contenus nécessitent d'être réécrits car ne rencontrant pas le public escompté. 6 Pour finir Quelques ressources, adresses pour compléter le sujet ou l'approfondir : http://www.webrankinfo.com le site de l'un des spécialistes français du référencement, Olivier Duffez, qui publie quotidiennement des informations ou techniques visant à améliorer sa visibilité sur internet. Le site est également annuaire et permet d'avoir un backlink de qualité. http://googleblog.blogspot.com/ le blog officiel de Google (en anglais) pour se tenir au courant des dernières nouveautés de la firme en technologies de recherche http://www.alsacreations.com : le sit de l'un des spécialistes français du normage et du respect des standards du web pour construire et élaborer un site web, l'habiller http://www.joomla.fr le site de la communauté joomla en France, téléchargement de scripts, forum d'aide Afterwork du 20 octobre Pierre Moutonnet Konceptuals - LE SITE INTERNET page 8 / 10

pour conclure et synthétiser; un site bien référencé et pouvant rencontrer le succès sera : Un site léger et rapide à afficher. Un site dynamique, avec un nom de domaine évocateur, riche en contenu original (non recopié sur d'autres sites ou dupliqué) et dense en mots-clés. Un site bien conçu dès le départ pour offrir une expérience de navigation facilitée et avoir des pages et des descriptions uniques pour chaque contenu, invitant l'internaute à la visite, de même qu'un plan de site dynamique qui permettra aux moteurs d'indexer votre contenu intégralement sans perte ou oubli et de manière dynamique (pas de manipulation de votre part). Un site bénéficiant d'une communauté ou d'un réseau de backlinks important le faisant apparaître sur autant de sources externes que possibles. Un site apparaissant également dans les réseaux sociaux (professionnels ou non), Google incluant dans son algorithme le facteur «social» pour positionner un site et SURTOUT : UN SITE AU CONTENU ORIGINAL, non dupliqué depuis d'autres sources Afterwork du 20 octobre Pierre Moutonnet Konceptuals - LE SITE INTERNET page 9 / 10

Cette présentation vous a été proposée par : Pierre Moutonnet Konceptuals Webdesign Marketing Référencement - Formations 7 rue des frères Roux 03400 Yzeure 06 74 45 19 12 contact@konceptuals.com http://www.konceptuals.com Spécialiste de la solution Joomla depuis 2006 expérimenté sur Wordpress et Drupal solutions de CMS, boutiques en ligne, sites communautaires, blogs. Référencement manuel et naturel, e-réputation, design stratégique Formations sur solutions open-source depuis 2008 (enregistré auprès de la direction régionale du travail) Afterwork du 20 octobre Pierre Moutonnet Konceptuals - LE SITE INTERNET page 10 / 10