SlideShare uma empresa Scribd logo
1 de 77
La Junior-Entreprise du Web




                              Hashtag twitter :
                              #prezsynerg
Qui sommes-nous ?


 •   Synerg’hetic en chiffres
                                                            7%
     ★    2004 : Création de la JE
                                                  19%
     ★    2006 : Label meilleur espoir
     ★    110 : Études réalisées en 5 ans                                                       50%

     ★    100k€ : CA atteint en 2010 (+20%)
                                                   25%



          La Junior-Entreprise d’Hétic,
         Multimédia / Management / Informatique
                                                         Créa%on	
  ou	
  refonte	
  de	
  site	
  Web
                                                         Design	
  et	
  ergonomie
                                                         Etude	
  et	
  conseil
                                                         Media	
  et	
  référencement
Nos références




 Portail des Métiers de l’Internet         Les Enfoirés        Beauty Executive
      www.metiers.internet.gouv.fr   http://www.enfoires.com   www.beautyexecutive.com
Nos références




Kultura           Viral Film Festival       Groupe Chronos
www.kultura.fr   www.viralfilmfestival.ch   www.groupechronos.org
Réaliser et promouvoir
   un site internet


  Olivier Chatel   Colas Fournier    Jérémy Gallemard
     Président       Resp. Projets   Resp. Communication


                             5
Sommaire

     La création d’un site web, de A à Z
           Définir correctement les objectifs, les cibles, la concurrence et la stratégie
           Arborescence, contenus, et référencement naturel
           Conception ergonomique
           Spécifications fonctionnelles, choix d’une solution technique adaptée
           Conception graphique
           Développement et intégration
           Recette : debug, dernières vérifications et livraison


     Communiquer autour de son site internet
           Sur Facebook : créer et gérer une page fan
           Sur Twitter : comment se vendre sur Twitter
           Mettre en place une newsletter
           Quelques pistes à explorer




                                                6
Expression des besoins

 7
Définir correctement les objectifs, les cibles, la concurrence et la stratégie




•   Pourquoi ?
    ★   Générer / augmenter le chiffre d’affaires ?
    ★   Constituer une base de données utilisateurs ?
    ★   Déclencher un premier contact / une demande de devis ?
    ★   ...




              Aider le client à formuler clairement ses attentes




                                       8
Définir correctement les objectifs, les cibles, la concurrence et la stratégie




•   Pour qui ?
    ★   Particuliers ou professionnels ?
    ★   Quelle tranche d’âge ?
    ★   Sont-ils à l’aise sur internet ?
    ★   Quelles sont leurs habitudes de consommation ?
    ★   Création de «personas» (profils d’utilisateurs fictifs)




             Apprendre à connaître ses futurs utilisateurs




                                           9
Définir correctement les objectifs, les cibles, la concurrence et la stratégie




•   La concurrence
    ★   Ai-je identifié mes concurrents, ou ceux de mon client ?
    ★   Quels sont leurs points forts ?
    ★   Quelles sont leurs faiblesses / leurs erreurs ?
    ★   Comment faire mieux ?




                 Se positionner face à ses concurrents




                                          10
Définir correctement les objectifs, les cibles, la concurrence et la stratégie




•   La stratégie
    ★   Les actions à mettre en oeuvre pour atteindre les objectifs fixés
    ★   Déterminer l’expérience souhaitée pour l’utilisateur
    ★   Un site à dimension événementielle (période limitée dans le temps) ?
    ★   Un site à fort contenu éditorial ?
    ★   Ce choix pré-détermine en partie les choix techniques




            Pour un site internet utile, utilisable et utilisé




                                       11
Organisation des contenus

 12
Arborescence, contenus, et référencement naturel




•   L’arborescence
    ★   L’organisation des pages et de la navigation
    ★   Regrouper les rubriques de façon pertinente et intuitive
    ★   Hiérarchiser les contenus selon leur importance vis-à-vis des objectifs




    Organiser le site de la façon la plus intuitive pour l’utilisateur




                                      13
Arborescence, contenus, et référencement naturel




•   Les contenus
    ★   Quelles sont les natures de contenus qui serviront au mieux la stratégie ?
    ★   Texte / Photos (HD) / Vidéos (HD) / Sons
    ★   Comment les valoriser pour les moteurs de recherche ?




              Les contenus constituent le coeur du site !




                                      14
Arborescence, contenus, et référencement naturel




                                15
Arborescence, contenus, et référencement naturel




•   Le référencement naturel
    ★   Le SEO (Search Engine Optimization) se pense dès la création de
        l'arborescence du site
    ★   Répartir le poids sémantique par le linking interne
    ★   Plus une page est la cible de liens en rapport avec son contenu, plus elle a
        de poids, plus elle remonte dans les résultats de recherche



           L’arborescence du site participe à l’efficacité du
                           référencement



                                       16
Arborescence, contenus, et référencement naturel




                                17
Arborescence, contenus, et référencement naturel




•   Le référencement naturel
    ★    Le référencement se pense dès la création des contenus
    ★    Définir un champ de mots-clés ou expressions-clés (long tail)
    ★    Ne pas se contenter de se référencer sur les mots-clés relatifs au coeur de
         l'activité du site
    ★    Ordonner les mots-clés par importance



        Trouver l’équilibre entre le contenu orienté visiteur et le
                 contenu orienté moteur de recherche



                                       18
Arborescence, contenus, et référencement naturel




•   Les leviers
    ★   Soigner la densité des mots-clés
    ★   Soigner son arborescence et ses liens internes
    ★   Créer une stratégie de back link efficace
    ★   Soigner vos balises meta en début de page (title, description et keywords)
    ★   Respecter la sémantique du code




                    Privilégier la qualité à la quantité




                                      19
Arborescence, contenus, et référencement naturel




                                20
Conception ergonomique

 21
Conception ergonomique




     Zoning              Wireframes   Cinématiques
                                         (storyboard)




                             22
Conception ergonomique


                              Zoning




                         23
Conception ergonomique




                              Wireframe




                         24
Conception ergonomique




                              Cinématiques




                         25
Conception ergonomique




•   Le «Grid System»
    ★   Impossible de concevoir une interface sans grille de référence
    ★   Structure la page
    ★   Garantit la cohérence entre les différents gabarits de page
    ★   Il guide la lecture et confère une sensation d’harmonie




                Conserver une mise en page cohérente




                                      26
Conception ergonomique

        Interface de site utilisant un «Grid System» à 16 colonnes




                                   27
Conception ergonomique

        Interface de site utilisant un «Grid System» à 16 colonnes




                                   28
Conception ergonomique




                Ressources à télécharger :
                         http://960.gs
                 http://www.thegridsystem.org




                              29
Conception ergonomique




•   Avant tout du bon sens
    ★   L’ergonomie est synonyme de simplicité
    ★   Les bonnes pratiques ergonomiques s’acquièrent facilement en
        observant les sites à très forte audience :
        Amazon, Yahoo, Google, Facebook...
    ★   Ces géants du web ont tous mené des études et des tests utilisateurs
        coûteux, auquels tous les professionnels se fient au quotidien



         Penser l’utilisation du site pour ses propres parents




                                      30
Conception ergonomique




•   Quels outils ?
    ★   Du papier et un crayon !
    ★   Powerpoint / Keynote (mac)
    ★   Photoshop
    ★   Illustrator
    ★   Omnigraffle
    ★   Axure
    ★   ...



            Les outils les plus simples sont les meilleurs




                                     31
Conception ergonomique



                          Lectures conseillées :




   Ergonomie Web                The Smashing Book          Information Architecture
     Amélie Boucher              Smashing Magazine         Louis Rosenfeld & Peter Morville

http://www.ergolab.net   http://www.smashingmagazine.com



                                       32
Spécifications fonctionnelles

 33
Spécifications fonctionnelles, choix d’une solution technique adaptée




•   Les spécifications fonctionnelles
    ★   C'est long et c'est bon ... sauf pour le chef de projet
    ★   Recenser toutes les fonctionnalités du site internet
    ★   Identifier et caractériser tous les contenus
    ★   Un exemple ? Prenons un article de presse online




    Des spécifications fonctionnelles complètes garantissent un
        développement et un suivi de production optimaux



                                        34
Spécifications fonctionnelles, choix d’une solution technique adaptée




Wordpress                                   Joomla              Drupal




                                 35
Spécifications fonctionnelles, choix d’une solution technique adaptée




•   Quels critères ?
    ★   Le plus important : couverture fonctionnelle
    ★   Pérennité de la solution
    ★   Facilité de mise à jour ou de reprise par un autre prestataire
    ★   Présence et efficacité de la communauté ou de l’entreprise




                 Du benchmark en veux-tu ? En voilà !




                                       36
Spécifications fonctionnelles, choix d’une solution technique adaptée




•   Outils de benchmark
    ★   Le benchmark devient quasi inutile avec l’expérience
    ★   Excel est votre ami
    ★   Alpha.benchmarkr.com : générateur et facilitateur de benchmark




                        Des outils et de la logique



                                     37
Conception graphique

 38
Conception graphique




•   À qui plaire ?
    ★   Pas forcément à l’utilisateur final !
    ★   C’est votre client / interlocuteur principal qu’il faut convaincre
    ★   Soyez pragmatiques
    ★   Ne pas s’acharner




                     Votre client aura le dernier mot




                                        39
Conception graphique




•   L’esprit créatif
    ★   Un webdesigner n’est pas un artiste !
    ★   La création sert des objectifs business
    ★   Un site moche peut inspirer confiance (Craiglist, Amazon...)
    ★   Un benchmark graphique du secteur est indispensable




            Le graphisme se juge sur des critères objectifs




                                      40
Conception ergonomique




                         Outils en ligne :
                     http://www.kuler.com
                 http://www.colourlovers.com




                                41
Conception graphique




•   Le choix des typos
    ★    Maximum 3 typos différentes sur un même support
    ★    Avec ou sans empattement ?
    ★    Les typos dites «web safe» : Arial, Times, Georgia, Trebuchet, Verdana...
    ★    Grâce au CSS3, il est possible d’utiliser quasiment n’importe quelle typo




        Un site internet n’a pas la lisibilité d’un magazine papier




                                       42
Intégration et développement

 43
Intégration et développement




•   L’intégration
    ★   Intégrer un site sans jouer à Tetris !
    ★   L'intégration comme outil de référencement
    ★   Les balises html ont un sens et sont régies par des règles




    De la qualité de l’intégration dépend l’efficacité du plan de
                            référencement



                                       44
Intégration et développement




<ul>
        <li>Le concept</li>
        <li>Les missions</li>
        <li>La CNJE</li>
        <li>Le Prix d'Excellence et les labels</li>
                                                      Liste d’éléments
        <li>L'environnement des J.E.</li>
        <li>JADE, le réseau européen</li>
</ul>




                                         45
Intégration et développement


<dl>
        <dt>Chad Smith</dt>
             <dd>Batteur</dd>
             <dd>47 ans</dd>
        <dt>John Frusciante</dt>
              <dd>Guitariste</dd>
              <dd>47 ans</dd>            Liste d’éléments
                                           avec titre et
        <dt>Flea</dt>
                                           description
              <dd>Bassiste</dd>
              <dd>47 ans</dd>
        <dt>Anthony Kiedis</dt>
              <dd>Chanteur</dd>
              <dd>47 ans</dd>
</dl>
                                    46
Intégration et développement



                           Les images




          <img src=“img/logo.jpg” alt=“” />



                               À éviter




                                 47
Intégration et développement



                           Les images



<img src=“img/logo-synerghetic.jpg” alt=“Logo de
                      Synerg’heTiC” />


                          Bonne pratique




                                48
Intégration et développement



                               Les liens




      <a href="http://www..">Cliquez ici</a>



                                À éviter




                                  49
Intégration et développement



                                Les liens



<a href="http://www.." title="Site de Synerg’heTiC">
                 Site de Synerg'heTiC</a>


                           Bonne pratique




                                   50
Intégration et développement




•   L’optimisation
    ★   Optimiser pour tous les navigateurs
    ★   Internet Explorer 6, oui ou non ?
    ★   La validation W3C, oui mais ...




        Tester, constater, corriger, tester, constater, corriger




                                      51
Intégration et développement




                         Ressources :
             Alsa Créations (Tutos XHTML, CSS...)
            Fran6art (Tutos intégration Wordpress)




                               52
Intégration et développement




•   CMS ou Framework ?
    ★   En utilisant un CMS, la phase de développement consiste principalement
        à installer et à configurer les différents modules
    ★   En utilisant un Framework, le développement spécifique est facilité par
        l’emploi de librairies pré-existantes
    ★   Le «from scratch» est à proscrire, même pour des projets simples
        (sécurité, maintenance, pérennité...)



                   Différents chemins face au besoin



                                       53
Intégration et développement




•   Les méthodes de développement
    ★    La méthode AGILE (pas celle à Franck)
    ★    Développement collaboratif
    ★    Extreme Programming (XP)
    ★    Utilisation de Subversion (système de gestion de versions)




        La phase de développement n’est pas forcément linéaire



                                      54
Intégration et développement




•   L’url rewriting
    ★   Eviter les url du type "product_page.php?cat=34&id=25&color=3"
    ★   Préférer les url du type produits-salles-de-bains/R2D2-bathroom-
        soap.html
    ★   Respecter les règles habituelles : pas d'accents, d'espaces, de caractères
        exotiques




         Utile pour les moteurs de recherche et les visiteurs



                                       55
Recette et debug

 56
Recette et debug




•   La recette
    ★   Un "soupçon" d'Armagnac pour le CDP
    ★   Reprise de tous les éléments listés dans les spécifications
    ★   Prévoir la marge nécessaire aux corrections éventuelles
    ★   Des outils existent pour organiser le reporting des bugs




          Le client doit s’impliquer dans la phase de recette




                                       57
Recette et debug




                        Trac



                   58
Promouvoir un site internet

 59
Facebook

 60
Sur Facebook : créer et gérer une page fan


•   Les avantages
    ★   + de 400M d’utilisateurs dans le monde / 15M en France
    ★   Les «fans» sont des prospects qualifiés puisqu’ils se sont inscrits
        spontanément
    ★   Elle centralise les discussions autour d’une marque, que les critiques
        soient bonnes ou mauvaises
    ★   Elle permet de communiquer facilement et à moindre coût avec ses
        clients ou prospects et désamorcer des crises éventuelles



    La question n’est pas de savoir si on va sur Facebook, mais
                    plutôt de savoir comment


                                       61
Sur Facebook : créer et gérer une page fan


•   Les bonnes pratiques pour sa page fan
    ★   Créer une page fan plutôt qu’un groupe
    ★   Personnaliser sa page (photo de profil, onglet personnalisé...)
    ★   Ne pas bloquer les contributions des utilisateurs
    ★   Animer la page régulièrement (mais pas plus de 2 messages par jour)
    ★   Inviter les fans à participer
    ★   Définir une URL facilement accessible
        (ex : facebook.com/synerghetic.je)

                                 Sources : Agence Vanksen




            Entretenir une relation à dimension humaine


                                           62
Sur Facebook : créer et gérer une page fan


•   En cas de problème
    ★   Ne pas s’énerver et devenir agressif
    ★   Ne pas se cacher ou se taire
    ★   Écouter, suivre le buzz online
    ★   Admettre les faits, remettre en contexte, prendre les choses en main
    ★   Être honnête, ouvert et clair sur le problème (causes et solutions)
    ★   Garder un visage et un langage humain, pas de «blabla» juridique
    ★   Mobiliser ses influents internes/externes
    ★   Expliquer les mesures prises pour corriger et empêcher le problème dans
        le futur                Sources : Agence Vanksen




                   Ne surtout pas censurer ses «fans»

                                          63
Sur Facebook : créer et gérer une page fan


•   Le cas Nestlé
    ★   Demande de retrait de la vidéo sur Youtube
    ★   Tentative de censure des réactions des «fans» Facebook




                   Autoritarisme, mépris et absence


                                    64
Sur Facebook : créer et gérer une page fan




                            Ressources :

              Inside Facebook.com (bonnes pratiques)
                   Mashable (Facebook guidebook)
                Tigerlily (Personnalisation page fan)




                                    65
Twitter

 66
Sur Twitter : comment se vendre sur Twitter ?


•   Twitter, c’est quoi ?
    ★   C’est comme un article de blog
        sauf que vous n’avez que 140 caractères
    ★   C’est comme une mise à jour de statut Facebook
        sauf que c’est visible sur une infinité de supports
    ★   C’est comme un grand tchat’
        sauf que vous choisissez qui vous voulez suivre
    ★   C’est comme un client de messagerie instantanée
        sauf que c’est public et archivé sur le web
                                Sources : Agence Vanksen




    Un outil de communication temps réel, simple et puissant


                                           67
Sur Twitter : comment se vendre sur Twitter ?


•   Les avantages
    ★   Une progression exponentielle (300 000 nouveaux utilisateurs par jour)
    ★   Une analyse en temps réel des pensées et perceptions de prospects
        potentiels
    ★   Le seul moteur de recherche en temps réel
    ★   Le canal par lequel les informations sont diffusées le plus rapidement
    ★   Améliorer son référencement naturel (tweets indexés quasi-
        instantanément dans les moteurs de recherche)




               Un feedback de ses clients en temps réel


                                      68
Sur Twitter : comment se vendre sur Twitter ?


•   Les bonnes pratiques sur Twitter
    ★   Personnaliser son compte (background et informations) en reprenant la
        charte graphique de la marque
    ★   Définir une ligne éditoriale
    ★   Suivre les personnes susceptibles de vous suivre
    ★   Suivre les influents du domaine
    ★   Suivre ceux qui parlent de vous
    ★   Alterner contenus pros et discussions plus informelles
    ★   Publier par vagues discontinues (5 tweets par jour maximum)
                               Sources : Agence Vanksen




    Ne pas utiliser Twitter que pour sa promotion personnelle


                                          69
Sur Twitter : comment se vendre sur Twitter ?




                    Outils de monitoring :

                            Twitter Search
                               Tweetscan




                            Ressources :
         Présentation complète de l’essentiel par Vanksen




                                    70
Newsletter

 71
Mettre en place une newsletter


•   Les avantages
    ★   Facilité d’inscription et d’utilisation : une adresse e-mail suffit
    ★   Fidéliser ses utilisateurs
    ★   Possibilité de personnaliser le contenu en fonction de l’utilisateur
    ★   Des outils permettent d’obtenir des statistiques précises sur les liens qui
        ont intéressés les abonnés
    ★   Un moyen supplémentaire d’augmenter le trafic vers son site internet




                    Du trafic qualifié à moindre coût



                                        72
Mettre en place une newsletter




                      Outils d’e-mailing :

                          Campaign Monitor
                                 MailChimp




                                    73
Quelques pistes à explorer

 74
Quelques pistes à explorer


•   Des outils supplémentaires
    ★   Création d’un blog
        -   Se positionner en tant qu’expert de son domaine, sur internet
        -   Apporter son point de vue sur des sujets d’actualité
        -   Pas de contrainte sur le fond (volume et types de contenus)
        -   Améliorer significativement son référencement naturel

    ★   Création de chaînes youtube, dailymotion, viméo...
        -   Centraliser toutes ses vidéos
        -   Proposer une forme alternative à l’écrit
        -   Permettre aux utilisateurs de diffuser les vidéos sur leurs propres réseaux
        -   Améliorer son référencement naturel




                                                 75
Sources


•   On les remercie beaucoup :
    ★       Vanksen pour le partage de toutes leurs présentations
        ★     http://www.slideshare.net/culturebuzz/agence-vanksen-digitalviraladvertising-confrence-buzzthebrand-2009
        ★     http://www.slideshare.net/Vanksen/bien-grer-sa-rputation-en-ligne
        ★     http://www.slideshare.net/gregfromparis/bien-gerer-son-ereputation
        ★     http://www.slideshare.net/Vanksen/twitter-prsentation-complte-de-lessentiel-1903868

    ★       ReadWriteWeb pour leur excellent article
        ★     http://fr.readwriteweb.com/2010/03/30/a-la-une/greenpeace-nestl-sur-facebook-lart-de-guerre/

    ★       HETIC




                                                          76
On reste en contact ?


twitter.com/synerghetic


facebook.com/synerghetic.je


blog.synerghetic.net/


contact@synerghetic.net

Mais conteúdo relacionado

Mais procurados

25 conseils pour faire connaitre son site internet
25 conseils pour faire connaitre son site internet25 conseils pour faire connaitre son site internet
25 conseils pour faire connaitre son site internetAlain Planger
 
Personal Branding 20 03
Personal Branding 20 03Personal Branding 20 03
Personal Branding 20 03Lea Kim
 
WEB MARKETING : Ou comment améliorer sa visibilité grâce à Internet
WEB MARKETING : Ou comment améliorer  sa visibilité grâce à InternetWEB MARKETING : Ou comment améliorer  sa visibilité grâce à Internet
WEB MARKETING : Ou comment améliorer sa visibilité grâce à InternetLilian FOURCADIER
 
Medias et reseaux sociaux marketor presentation-Forum SaaS&Cloud IBM
Medias et reseaux sociaux marketor presentation-Forum SaaS&Cloud IBMMedias et reseaux sociaux marketor presentation-Forum SaaS&Cloud IBM
Medias et reseaux sociaux marketor presentation-Forum SaaS&Cloud IBMSaaS Guru
 
Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !Odomia
 
Mettre en place une stratégie de contenu en 11 actions
Mettre en place une stratégie de contenu en 11 actionsMettre en place une stratégie de contenu en 11 actions
Mettre en place une stratégie de contenu en 11 actionsAlesiacom
 
Réseaux sociaux quels bénéfices pour mon entreprise ?
Réseaux sociaux quels bénéfices pour mon entreprise ?Réseaux sociaux quels bénéfices pour mon entreprise ?
Réseaux sociaux quels bénéfices pour mon entreprise ?clara epiphane
 
Le contenu Web | Conférence d'Équation Humaine présentée par L'incubateur
Le contenu Web | Conférence d'Équation Humaine présentée par L'incubateurLe contenu Web | Conférence d'Équation Humaine présentée par L'incubateur
Le contenu Web | Conférence d'Équation Humaine présentée par L'incubateurMaudeBourcierBouchard
 
Formation : Réaliser et promouvoir un site internet (V2)
Formation : Réaliser et promouvoir un site internet (V2)Formation : Réaliser et promouvoir un site internet (V2)
Formation : Réaliser et promouvoir un site internet (V2)Synerg'hetic
 
Programmes de formations LinkedIn
Programmes de formations LinkedInProgrammes de formations LinkedIn
Programmes de formations LinkedInCaroline Avot
 
Comment promouvoir votre (nouveau) site web
Comment promouvoir votre (nouveau) site webComment promouvoir votre (nouveau) site web
Comment promouvoir votre (nouveau) site webInvisible Puppy
 
Rencontres Tourisma / 123 en ligne - Premiers pas dans le marketing Internet
Rencontres Tourisma / 123 en ligne - Premiers pas dans le marketing InternetRencontres Tourisma / 123 en ligne - Premiers pas dans le marketing Internet
Rencontres Tourisma / 123 en ligne - Premiers pas dans le marketing Internet123 en ligne
 
Sensibilisation e-tourisme : Réussir son site web et ses photos
Sensibilisation e-tourisme : Réussir son site web et ses photosSensibilisation e-tourisme : Réussir son site web et ses photos
Sensibilisation e-tourisme : Réussir son site web et ses photosSud Vendée Tourisme
 
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
 
Formation SEO - CCI parrainage - 5 mars 2018
Formation SEO - CCI parrainage - 5 mars 2018Formation SEO - CCI parrainage - 5 mars 2018
Formation SEO - CCI parrainage - 5 mars 2018Julien Dereumaux
 
Le guide ultime pour maitriser linkedin
Le guide ultime pour maitriser linkedinLe guide ultime pour maitriser linkedin
Le guide ultime pour maitriser linkedinWahid Rouhli
 
Personal branding - Wahid ROUHLI
Personal branding - Wahid ROUHLIPersonal branding - Wahid ROUHLI
Personal branding - Wahid ROUHLIWahid Rouhli
 
Synodiance > Formation SEO avec les experts du digital - 07/09/2013
Synodiance > Formation SEO avec les experts du digital - 07/09/2013 Synodiance > Formation SEO avec les experts du digital - 07/09/2013
Synodiance > Formation SEO avec les experts du digital - 07/09/2013 Search Foresight
 
Atelier SEO - cpme - juillet 2017
Atelier  SEO - cpme - juillet 2017Atelier  SEO - cpme - juillet 2017
Atelier SEO - cpme - juillet 2017Julien Dereumaux
 

Mais procurados (20)

25 conseils pour faire connaitre son site internet
25 conseils pour faire connaitre son site internet25 conseils pour faire connaitre son site internet
25 conseils pour faire connaitre son site internet
 
Personal Branding 20 03
Personal Branding 20 03Personal Branding 20 03
Personal Branding 20 03
 
WEB MARKETING : Ou comment améliorer sa visibilité grâce à Internet
WEB MARKETING : Ou comment améliorer  sa visibilité grâce à InternetWEB MARKETING : Ou comment améliorer  sa visibilité grâce à Internet
WEB MARKETING : Ou comment améliorer sa visibilité grâce à Internet
 
Medias et reseaux sociaux marketor presentation-Forum SaaS&Cloud IBM
Medias et reseaux sociaux marketor presentation-Forum SaaS&Cloud IBMMedias et reseaux sociaux marketor presentation-Forum SaaS&Cloud IBM
Medias et reseaux sociaux marketor presentation-Forum SaaS&Cloud IBM
 
Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !
 
Mettre en place une stratégie de contenu en 11 actions
Mettre en place une stratégie de contenu en 11 actionsMettre en place une stratégie de contenu en 11 actions
Mettre en place une stratégie de contenu en 11 actions
 
Réseaux sociaux quels bénéfices pour mon entreprise ?
Réseaux sociaux quels bénéfices pour mon entreprise ?Réseaux sociaux quels bénéfices pour mon entreprise ?
Réseaux sociaux quels bénéfices pour mon entreprise ?
 
Le contenu Web | Conférence d'Équation Humaine présentée par L'incubateur
Le contenu Web | Conférence d'Équation Humaine présentée par L'incubateurLe contenu Web | Conférence d'Équation Humaine présentée par L'incubateur
Le contenu Web | Conférence d'Équation Humaine présentée par L'incubateur
 
Formation : Réaliser et promouvoir un site internet (V2)
Formation : Réaliser et promouvoir un site internet (V2)Formation : Réaliser et promouvoir un site internet (V2)
Formation : Réaliser et promouvoir un site internet (V2)
 
Programmes de formations LinkedIn
Programmes de formations LinkedInProgrammes de formations LinkedIn
Programmes de formations LinkedIn
 
Comment promouvoir votre (nouveau) site web
Comment promouvoir votre (nouveau) site webComment promouvoir votre (nouveau) site web
Comment promouvoir votre (nouveau) site web
 
Référencement naturel
Référencement naturelRéférencement naturel
Référencement naturel
 
Rencontres Tourisma / 123 en ligne - Premiers pas dans le marketing Internet
Rencontres Tourisma / 123 en ligne - Premiers pas dans le marketing InternetRencontres Tourisma / 123 en ligne - Premiers pas dans le marketing Internet
Rencontres Tourisma / 123 en ligne - Premiers pas dans le marketing Internet
 
Sensibilisation e-tourisme : Réussir son site web et ses photos
Sensibilisation e-tourisme : Réussir son site web et ses photosSensibilisation e-tourisme : Réussir son site web et ses photos
Sensibilisation e-tourisme : Réussir son site web et ses photos
 
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
 
Formation SEO - CCI parrainage - 5 mars 2018
Formation SEO - CCI parrainage - 5 mars 2018Formation SEO - CCI parrainage - 5 mars 2018
Formation SEO - CCI parrainage - 5 mars 2018
 
Le guide ultime pour maitriser linkedin
Le guide ultime pour maitriser linkedinLe guide ultime pour maitriser linkedin
Le guide ultime pour maitriser linkedin
 
Personal branding - Wahid ROUHLI
Personal branding - Wahid ROUHLIPersonal branding - Wahid ROUHLI
Personal branding - Wahid ROUHLI
 
Synodiance > Formation SEO avec les experts du digital - 07/09/2013
Synodiance > Formation SEO avec les experts du digital - 07/09/2013 Synodiance > Formation SEO avec les experts du digital - 07/09/2013
Synodiance > Formation SEO avec les experts du digital - 07/09/2013
 
Atelier SEO - cpme - juillet 2017
Atelier  SEO - cpme - juillet 2017Atelier  SEO - cpme - juillet 2017
Atelier SEO - cpme - juillet 2017
 

Destaque

Dirección comercial (Expansión)
Dirección comercial (Expansión) Dirección comercial (Expansión)
Dirección comercial (Expansión) EAE Business School
 
Zone franche et campus boite2.com à madagascar
Zone franche et campus boite2.com à madagascarZone franche et campus boite2.com à madagascar
Zone franche et campus boite2.com à madagascarBOITE2com
 
Grooves and Waves- Cyclicity and Narrativity in Timba Piano
Grooves and Waves- Cyclicity and Narrativity in Timba PianoGrooves and Waves- Cyclicity and Narrativity in Timba Piano
Grooves and Waves- Cyclicity and Narrativity in Timba PianoOrlando Fiol
 
Charla N° 09: Servicio al cliente - Rosa Elena Rojas
Charla N° 09: Servicio al cliente - Rosa Elena RojasCharla N° 09: Servicio al cliente - Rosa Elena Rojas
Charla N° 09: Servicio al cliente - Rosa Elena RojasMiguel Gómez, MBA
 
The Dorm Shop
The Dorm ShopThe Dorm Shop
The Dorm ShopIOSIGNITE
 
THE STYLEMATE 01/2016 GOING GREEN
THE STYLEMATE 01/2016 GOING GREEN THE STYLEMATE 01/2016 GOING GREEN
THE STYLEMATE 01/2016 GOING GREEN THE Stylemate
 
Hady
HadyHady
Hadyhadyc
 
Best Practices for Managing Archive Migrations
Best Practices for Managing Archive MigrationsBest Practices for Managing Archive Migrations
Best Practices for Managing Archive MigrationsOsterman Research, Inc.
 
Factores a considerar en la escritura
Factores a considerar en la escrituraFactores a considerar en la escritura
Factores a considerar en la escriturafont Fawn
 
Bipolar Disorder Vs Borderline Personality Disorder
Bipolar Disorder Vs Borderline Personality DisorderBipolar Disorder Vs Borderline Personality Disorder
Bipolar Disorder Vs Borderline Personality DisorderMario Mendoza M
 
Modelo de negocios internacionales 15 nestle
Modelo de negocios internacionales 15  nestleModelo de negocios internacionales 15  nestle
Modelo de negocios internacionales 15 nestleJairo Rodriguez
 
How To Drive Readers To Your Website With Locable's Print-to-Web Strategy [Re...
How To Drive Readers To Your Website With Locable's Print-to-Web Strategy [Re...How To Drive Readers To Your Website With Locable's Print-to-Web Strategy [Re...
How To Drive Readers To Your Website With Locable's Print-to-Web Strategy [Re...Locable (Hyper Local Media)
 

Destaque (19)

Dirección comercial (Expansión)
Dirección comercial (Expansión) Dirección comercial (Expansión)
Dirección comercial (Expansión)
 
Zone franche et campus boite2.com à madagascar
Zone franche et campus boite2.com à madagascarZone franche et campus boite2.com à madagascar
Zone franche et campus boite2.com à madagascar
 
Grooves and Waves- Cyclicity and Narrativity in Timba Piano
Grooves and Waves- Cyclicity and Narrativity in Timba PianoGrooves and Waves- Cyclicity and Narrativity in Timba Piano
Grooves and Waves- Cyclicity and Narrativity in Timba Piano
 
Charla N° 09: Servicio al cliente - Rosa Elena Rojas
Charla N° 09: Servicio al cliente - Rosa Elena RojasCharla N° 09: Servicio al cliente - Rosa Elena Rojas
Charla N° 09: Servicio al cliente - Rosa Elena Rojas
 
Desperta ferro
Desperta ferroDesperta ferro
Desperta ferro
 
The Dorm Shop
The Dorm ShopThe Dorm Shop
The Dorm Shop
 
THE STYLEMATE 01/2016 GOING GREEN
THE STYLEMATE 01/2016 GOING GREEN THE STYLEMATE 01/2016 GOING GREEN
THE STYLEMATE 01/2016 GOING GREEN
 
Pooled Referrals
Pooled ReferralsPooled Referrals
Pooled Referrals
 
Hady
HadyHady
Hady
 
Best Practices for Managing Archive Migrations
Best Practices for Managing Archive MigrationsBest Practices for Managing Archive Migrations
Best Practices for Managing Archive Migrations
 
Football Magazine Questionnaire
Football Magazine QuestionnaireFootball Magazine Questionnaire
Football Magazine Questionnaire
 
Factores a considerar en la escritura
Factores a considerar en la escrituraFactores a considerar en la escritura
Factores a considerar en la escritura
 
Bipolar Disorder Vs Borderline Personality Disorder
Bipolar Disorder Vs Borderline Personality DisorderBipolar Disorder Vs Borderline Personality Disorder
Bipolar Disorder Vs Borderline Personality Disorder
 
Tobillo y pie
Tobillo y pieTobillo y pie
Tobillo y pie
 
Tricotilomania
TricotilomaniaTricotilomania
Tricotilomania
 
Modelo de negocios internacionales 15 nestle
Modelo de negocios internacionales 15  nestleModelo de negocios internacionales 15  nestle
Modelo de negocios internacionales 15 nestle
 
How To Drive Readers To Your Website With Locable's Print-to-Web Strategy [Re...
How To Drive Readers To Your Website With Locable's Print-to-Web Strategy [Re...How To Drive Readers To Your Website With Locable's Print-to-Web Strategy [Re...
How To Drive Readers To Your Website With Locable's Print-to-Web Strategy [Re...
 
Whitepaper zum-online-marketing
Whitepaper zum-online-marketingWhitepaper zum-online-marketing
Whitepaper zum-online-marketing
 
Las Perdidas de la Historia
Las Perdidas de la HistoriaLas Perdidas de la Historia
Las Perdidas de la Historia
 

Semelhante a Formation : Réaliser et promouvoir un site internet (V1)

Formation bien démarrer sur internet
Formation bien démarrer sur internetFormation bien démarrer sur internet
Formation bien démarrer sur internetSylvie de Meeûs
 
Atelier Seo Capsuleb Clickandshop 2018
Atelier Seo Capsuleb Clickandshop 2018Atelier Seo Capsuleb Clickandshop 2018
Atelier Seo Capsuleb Clickandshop 2018Brigitte Marandon
 
Content marketing : quelles stratégies pour le SEO en 2018 ?
Content marketing : quelles stratégies pour le SEO en 2018 ?Content marketing : quelles stratégies pour le SEO en 2018 ?
Content marketing : quelles stratégies pour le SEO en 2018 ?RESONEO
 
Comment concevoir un site web performant
Comment concevoir un site web performantComment concevoir un site web performant
Comment concevoir un site web performantThierry Picard
 
30 outils pour vos contenus web - Journées du contenu web
30 outils pour vos contenus web - Journées du contenu web30 outils pour vos contenus web - Journées du contenu web
30 outils pour vos contenus web - Journées du contenu webYellow Dolphins
 
Conférence : Les E-commandements Reférencement en 2013
Conférence : Les E-commandements Reférencement en 2013Conférence : Les E-commandements Reférencement en 2013
Conférence : Les E-commandements Reférencement en 2013Guillaume Eouzan
 
Cocon sémantique et Netlinking
Cocon sémantique et NetlinkingCocon sémantique et Netlinking
Cocon sémantique et NetlinkingNicolas Mercatili
 
Evolution du SEO entre 1999/2012 et le métier de Référenceur
Evolution du SEO entre 1999/2012 et le métier de Référenceur Evolution du SEO entre 1999/2012 et le métier de Référenceur
Evolution du SEO entre 1999/2012 et le métier de Référenceur Virginie Clève - largow ☕️
 
Refonte et Optimisation de site Web
Refonte et Optimisation de site WebRefonte et Optimisation de site Web
Refonte et Optimisation de site WebWSI France
 
Les 10 commandements du référencement durable - Devcom Toulouse, decembre 2014
Les 10 commandements du référencement durable - Devcom Toulouse, decembre 2014Les 10 commandements du référencement durable - Devcom Toulouse, decembre 2014
Les 10 commandements du référencement durable - Devcom Toulouse, decembre 2014Objectif Papillon
 
L'essentiel du marketing web partie 1
L'essentiel du marketing web   partie 1L'essentiel du marketing web   partie 1
L'essentiel du marketing web partie 1Vincent Camiré
 
Référencement naturel pour Entrepreneurs et Freelances
Référencement naturel pour Entrepreneurs et FreelancesRéférencement naturel pour Entrepreneurs et Freelances
Référencement naturel pour Entrepreneurs et FreelancesCéline Martinet
 
Atelier de sensibilisation au SEO
Atelier de sensibilisation au SEOAtelier de sensibilisation au SEO
Atelier de sensibilisation au SEOKseo Conseil
 
Les 10 commandements du référencement durable - Mêlée Numérique 2015
Les 10 commandements du référencement durable - Mêlée Numérique 2015Les 10 commandements du référencement durable - Mêlée Numérique 2015
Les 10 commandements du référencement durable - Mêlée Numérique 2015Objectif Papillon
 
Combiner marketing et référencement web (seo)
Combiner marketing et référencement web  (seo)Combiner marketing et référencement web  (seo)
Combiner marketing et référencement web (seo)Gestion Websource inc.
 
les clés du référencement naturel (focus 2014)
les clés du référencement naturel (focus 2014)les clés du référencement naturel (focus 2014)
les clés du référencement naturel (focus 2014)echangeurba
 
Réussir votre stratégie web marketing en 12 étapes
Réussir votre stratégie web marketing en 12 étapesRéussir votre stratégie web marketing en 12 étapes
Réussir votre stratégie web marketing en 12 étapesSamir Bellik
 
L'architecture de l'information
L'architecture de l'informationL'architecture de l'information
L'architecture de l'informationFrance
 

Semelhante a Formation : Réaliser et promouvoir un site internet (V1) (20)

Formation bien démarrer sur internet
Formation bien démarrer sur internetFormation bien démarrer sur internet
Formation bien démarrer sur internet
 
Comment déveloper son entreprise grâce au web
Comment déveloper son entreprise grâce au webComment déveloper son entreprise grâce au web
Comment déveloper son entreprise grâce au web
 
Atelier Seo Capsuleb Clickandshop 2018
Atelier Seo Capsuleb Clickandshop 2018Atelier Seo Capsuleb Clickandshop 2018
Atelier Seo Capsuleb Clickandshop 2018
 
Content marketing : quelles stratégies pour le SEO en 2018 ?
Content marketing : quelles stratégies pour le SEO en 2018 ?Content marketing : quelles stratégies pour le SEO en 2018 ?
Content marketing : quelles stratégies pour le SEO en 2018 ?
 
Comment concevoir un site web performant
Comment concevoir un site web performantComment concevoir un site web performant
Comment concevoir un site web performant
 
30 outils pour vos contenus web - Journées du contenu web
30 outils pour vos contenus web - Journées du contenu web30 outils pour vos contenus web - Journées du contenu web
30 outils pour vos contenus web - Journées du contenu web
 
Conférence : Les E-commandements Reférencement en 2013
Conférence : Les E-commandements Reférencement en 2013Conférence : Les E-commandements Reférencement en 2013
Conférence : Les E-commandements Reférencement en 2013
 
Cocon sémantique et Netlinking
Cocon sémantique et NetlinkingCocon sémantique et Netlinking
Cocon sémantique et Netlinking
 
Evolution du SEO entre 1999/2012 et le métier de Référenceur
Evolution du SEO entre 1999/2012 et le métier de Référenceur Evolution du SEO entre 1999/2012 et le métier de Référenceur
Evolution du SEO entre 1999/2012 et le métier de Référenceur
 
Atelier 3 : Création ou refonte de site
Atelier 3 : Création ou refonte de siteAtelier 3 : Création ou refonte de site
Atelier 3 : Création ou refonte de site
 
Refonte et Optimisation de site Web
Refonte et Optimisation de site WebRefonte et Optimisation de site Web
Refonte et Optimisation de site Web
 
Les 10 commandements du référencement durable - Devcom Toulouse, decembre 2014
Les 10 commandements du référencement durable - Devcom Toulouse, decembre 2014Les 10 commandements du référencement durable - Devcom Toulouse, decembre 2014
Les 10 commandements du référencement durable - Devcom Toulouse, decembre 2014
 
L'essentiel du marketing web partie 1
L'essentiel du marketing web   partie 1L'essentiel du marketing web   partie 1
L'essentiel du marketing web partie 1
 
Référencement naturel pour Entrepreneurs et Freelances
Référencement naturel pour Entrepreneurs et FreelancesRéférencement naturel pour Entrepreneurs et Freelances
Référencement naturel pour Entrepreneurs et Freelances
 
Atelier de sensibilisation au SEO
Atelier de sensibilisation au SEOAtelier de sensibilisation au SEO
Atelier de sensibilisation au SEO
 
Les 10 commandements du référencement durable - Mêlée Numérique 2015
Les 10 commandements du référencement durable - Mêlée Numérique 2015Les 10 commandements du référencement durable - Mêlée Numérique 2015
Les 10 commandements du référencement durable - Mêlée Numérique 2015
 
Combiner marketing et référencement web (seo)
Combiner marketing et référencement web  (seo)Combiner marketing et référencement web  (seo)
Combiner marketing et référencement web (seo)
 
les clés du référencement naturel (focus 2014)
les clés du référencement naturel (focus 2014)les clés du référencement naturel (focus 2014)
les clés du référencement naturel (focus 2014)
 
Réussir votre stratégie web marketing en 12 étapes
Réussir votre stratégie web marketing en 12 étapesRéussir votre stratégie web marketing en 12 étapes
Réussir votre stratégie web marketing en 12 étapes
 
L'architecture de l'information
L'architecture de l'informationL'architecture de l'information
L'architecture de l'information
 

Mais de Synerg'hetic

Comment adapter votre offre commerciale en fonction des évolutions du marché ...
Comment adapter votre offre commerciale en fonction des évolutions du marché ...Comment adapter votre offre commerciale en fonction des évolutions du marché ...
Comment adapter votre offre commerciale en fonction des évolutions du marché ...Synerg'hetic
 
Create Your First Chatbot #SynergVivaTech
Create Your First Chatbot #SynergVivaTechCreate Your First Chatbot #SynergVivaTech
Create Your First Chatbot #SynergVivaTechSynerg'hetic
 
Formation Google Apps for work
Formation Google Apps for workFormation Google Apps for work
Formation Google Apps for workSynerg'hetic
 
Formafion facebook open graph synerg'hetic
Formafion facebook open graph   synerg'heticFormafion facebook open graph   synerg'hetic
Formafion facebook open graph synerg'heticSynerg'hetic
 
Synerghetic-CheatSheet_github
Synerghetic-CheatSheet_githubSynerghetic-CheatSheet_github
Synerghetic-CheatSheet_githubSynerg'hetic
 
Synerghetic-Initiation_Github
Synerghetic-Initiation_GithubSynerghetic-Initiation_Github
Synerghetic-Initiation_GithubSynerg'hetic
 
Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"Synerg'hetic
 

Mais de Synerg'hetic (7)

Comment adapter votre offre commerciale en fonction des évolutions du marché ...
Comment adapter votre offre commerciale en fonction des évolutions du marché ...Comment adapter votre offre commerciale en fonction des évolutions du marché ...
Comment adapter votre offre commerciale en fonction des évolutions du marché ...
 
Create Your First Chatbot #SynergVivaTech
Create Your First Chatbot #SynergVivaTechCreate Your First Chatbot #SynergVivaTech
Create Your First Chatbot #SynergVivaTech
 
Formation Google Apps for work
Formation Google Apps for workFormation Google Apps for work
Formation Google Apps for work
 
Formafion facebook open graph synerg'hetic
Formafion facebook open graph   synerg'heticFormafion facebook open graph   synerg'hetic
Formafion facebook open graph synerg'hetic
 
Synerghetic-CheatSheet_github
Synerghetic-CheatSheet_githubSynerghetic-CheatSheet_github
Synerghetic-CheatSheet_github
 
Synerghetic-Initiation_Github
Synerghetic-Initiation_GithubSynerghetic-Initiation_Github
Synerghetic-Initiation_Github
 
Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"
 

Formation : Réaliser et promouvoir un site internet (V1)

  • 1. La Junior-Entreprise du Web Hashtag twitter : #prezsynerg
  • 2. Qui sommes-nous ? • Synerg’hetic en chiffres 7% ★ 2004 : Création de la JE 19% ★ 2006 : Label meilleur espoir ★ 110 : Études réalisées en 5 ans 50% ★ 100k€ : CA atteint en 2010 (+20%) 25% La Junior-Entreprise d’Hétic, Multimédia / Management / Informatique Créa%on  ou  refonte  de  site  Web Design  et  ergonomie Etude  et  conseil Media  et  référencement
  • 3. Nos références Portail des Métiers de l’Internet Les Enfoirés Beauty Executive www.metiers.internet.gouv.fr http://www.enfoires.com www.beautyexecutive.com
  • 4. Nos références Kultura Viral Film Festival Groupe Chronos www.kultura.fr www.viralfilmfestival.ch www.groupechronos.org
  • 5. Réaliser et promouvoir un site internet Olivier Chatel Colas Fournier Jérémy Gallemard Président Resp. Projets Resp. Communication 5
  • 6. Sommaire La création d’un site web, de A à Z Définir correctement les objectifs, les cibles, la concurrence et la stratégie Arborescence, contenus, et référencement naturel Conception ergonomique Spécifications fonctionnelles, choix d’une solution technique adaptée Conception graphique Développement et intégration Recette : debug, dernières vérifications et livraison Communiquer autour de son site internet Sur Facebook : créer et gérer une page fan Sur Twitter : comment se vendre sur Twitter Mettre en place une newsletter Quelques pistes à explorer 6
  • 8. Définir correctement les objectifs, les cibles, la concurrence et la stratégie • Pourquoi ? ★ Générer / augmenter le chiffre d’affaires ? ★ Constituer une base de données utilisateurs ? ★ Déclencher un premier contact / une demande de devis ? ★ ... Aider le client à formuler clairement ses attentes 8
  • 9. Définir correctement les objectifs, les cibles, la concurrence et la stratégie • Pour qui ? ★ Particuliers ou professionnels ? ★ Quelle tranche d’âge ? ★ Sont-ils à l’aise sur internet ? ★ Quelles sont leurs habitudes de consommation ? ★ Création de «personas» (profils d’utilisateurs fictifs) Apprendre à connaître ses futurs utilisateurs 9
  • 10. Définir correctement les objectifs, les cibles, la concurrence et la stratégie • La concurrence ★ Ai-je identifié mes concurrents, ou ceux de mon client ? ★ Quels sont leurs points forts ? ★ Quelles sont leurs faiblesses / leurs erreurs ? ★ Comment faire mieux ? Se positionner face à ses concurrents 10
  • 11. Définir correctement les objectifs, les cibles, la concurrence et la stratégie • La stratégie ★ Les actions à mettre en oeuvre pour atteindre les objectifs fixés ★ Déterminer l’expérience souhaitée pour l’utilisateur ★ Un site à dimension événementielle (période limitée dans le temps) ? ★ Un site à fort contenu éditorial ? ★ Ce choix pré-détermine en partie les choix techniques Pour un site internet utile, utilisable et utilisé 11
  • 13. Arborescence, contenus, et référencement naturel • L’arborescence ★ L’organisation des pages et de la navigation ★ Regrouper les rubriques de façon pertinente et intuitive ★ Hiérarchiser les contenus selon leur importance vis-à-vis des objectifs Organiser le site de la façon la plus intuitive pour l’utilisateur 13
  • 14. Arborescence, contenus, et référencement naturel • Les contenus ★ Quelles sont les natures de contenus qui serviront au mieux la stratégie ? ★ Texte / Photos (HD) / Vidéos (HD) / Sons ★ Comment les valoriser pour les moteurs de recherche ? Les contenus constituent le coeur du site ! 14
  • 15. Arborescence, contenus, et référencement naturel 15
  • 16. Arborescence, contenus, et référencement naturel • Le référencement naturel ★ Le SEO (Search Engine Optimization) se pense dès la création de l'arborescence du site ★ Répartir le poids sémantique par le linking interne ★ Plus une page est la cible de liens en rapport avec son contenu, plus elle a de poids, plus elle remonte dans les résultats de recherche L’arborescence du site participe à l’efficacité du référencement 16
  • 17. Arborescence, contenus, et référencement naturel 17
  • 18. Arborescence, contenus, et référencement naturel • Le référencement naturel ★ Le référencement se pense dès la création des contenus ★ Définir un champ de mots-clés ou expressions-clés (long tail) ★ Ne pas se contenter de se référencer sur les mots-clés relatifs au coeur de l'activité du site ★ Ordonner les mots-clés par importance Trouver l’équilibre entre le contenu orienté visiteur et le contenu orienté moteur de recherche 18
  • 19. Arborescence, contenus, et référencement naturel • Les leviers ★ Soigner la densité des mots-clés ★ Soigner son arborescence et ses liens internes ★ Créer une stratégie de back link efficace ★ Soigner vos balises meta en début de page (title, description et keywords) ★ Respecter la sémantique du code Privilégier la qualité à la quantité 19
  • 20. Arborescence, contenus, et référencement naturel 20
  • 22. Conception ergonomique Zoning Wireframes Cinématiques (storyboard) 22
  • 24. Conception ergonomique Wireframe 24
  • 25. Conception ergonomique Cinématiques 25
  • 26. Conception ergonomique • Le «Grid System» ★ Impossible de concevoir une interface sans grille de référence ★ Structure la page ★ Garantit la cohérence entre les différents gabarits de page ★ Il guide la lecture et confère une sensation d’harmonie Conserver une mise en page cohérente 26
  • 27. Conception ergonomique Interface de site utilisant un «Grid System» à 16 colonnes 27
  • 28. Conception ergonomique Interface de site utilisant un «Grid System» à 16 colonnes 28
  • 29. Conception ergonomique Ressources à télécharger : http://960.gs http://www.thegridsystem.org 29
  • 30. Conception ergonomique • Avant tout du bon sens ★ L’ergonomie est synonyme de simplicité ★ Les bonnes pratiques ergonomiques s’acquièrent facilement en observant les sites à très forte audience : Amazon, Yahoo, Google, Facebook... ★ Ces géants du web ont tous mené des études et des tests utilisateurs coûteux, auquels tous les professionnels se fient au quotidien Penser l’utilisation du site pour ses propres parents 30
  • 31. Conception ergonomique • Quels outils ? ★ Du papier et un crayon ! ★ Powerpoint / Keynote (mac) ★ Photoshop ★ Illustrator ★ Omnigraffle ★ Axure ★ ... Les outils les plus simples sont les meilleurs 31
  • 32. Conception ergonomique Lectures conseillées : Ergonomie Web The Smashing Book Information Architecture Amélie Boucher Smashing Magazine Louis Rosenfeld & Peter Morville http://www.ergolab.net http://www.smashingmagazine.com 32
  • 34. Spécifications fonctionnelles, choix d’une solution technique adaptée • Les spécifications fonctionnelles ★ C'est long et c'est bon ... sauf pour le chef de projet ★ Recenser toutes les fonctionnalités du site internet ★ Identifier et caractériser tous les contenus ★ Un exemple ? Prenons un article de presse online Des spécifications fonctionnelles complètes garantissent un développement et un suivi de production optimaux 34
  • 35. Spécifications fonctionnelles, choix d’une solution technique adaptée Wordpress Joomla Drupal 35
  • 36. Spécifications fonctionnelles, choix d’une solution technique adaptée • Quels critères ? ★ Le plus important : couverture fonctionnelle ★ Pérennité de la solution ★ Facilité de mise à jour ou de reprise par un autre prestataire ★ Présence et efficacité de la communauté ou de l’entreprise Du benchmark en veux-tu ? En voilà ! 36
  • 37. Spécifications fonctionnelles, choix d’une solution technique adaptée • Outils de benchmark ★ Le benchmark devient quasi inutile avec l’expérience ★ Excel est votre ami ★ Alpha.benchmarkr.com : générateur et facilitateur de benchmark Des outils et de la logique 37
  • 39. Conception graphique • À qui plaire ? ★ Pas forcément à l’utilisateur final ! ★ C’est votre client / interlocuteur principal qu’il faut convaincre ★ Soyez pragmatiques ★ Ne pas s’acharner Votre client aura le dernier mot 39
  • 40. Conception graphique • L’esprit créatif ★ Un webdesigner n’est pas un artiste ! ★ La création sert des objectifs business ★ Un site moche peut inspirer confiance (Craiglist, Amazon...) ★ Un benchmark graphique du secteur est indispensable Le graphisme se juge sur des critères objectifs 40
  • 41. Conception ergonomique Outils en ligne : http://www.kuler.com http://www.colourlovers.com 41
  • 42. Conception graphique • Le choix des typos ★ Maximum 3 typos différentes sur un même support ★ Avec ou sans empattement ? ★ Les typos dites «web safe» : Arial, Times, Georgia, Trebuchet, Verdana... ★ Grâce au CSS3, il est possible d’utiliser quasiment n’importe quelle typo Un site internet n’a pas la lisibilité d’un magazine papier 42
  • 44. Intégration et développement • L’intégration ★ Intégrer un site sans jouer à Tetris ! ★ L'intégration comme outil de référencement ★ Les balises html ont un sens et sont régies par des règles De la qualité de l’intégration dépend l’efficacité du plan de référencement 44
  • 45. Intégration et développement <ul> <li>Le concept</li> <li>Les missions</li> <li>La CNJE</li> <li>Le Prix d'Excellence et les labels</li> Liste d’éléments <li>L'environnement des J.E.</li> <li>JADE, le réseau européen</li> </ul> 45
  • 46. Intégration et développement <dl> <dt>Chad Smith</dt> <dd>Batteur</dd> <dd>47 ans</dd> <dt>John Frusciante</dt> <dd>Guitariste</dd> <dd>47 ans</dd> Liste d’éléments avec titre et <dt>Flea</dt> description <dd>Bassiste</dd> <dd>47 ans</dd> <dt>Anthony Kiedis</dt> <dd>Chanteur</dd> <dd>47 ans</dd> </dl> 46
  • 47. Intégration et développement Les images <img src=“img/logo.jpg” alt=“” /> À éviter 47
  • 48. Intégration et développement Les images <img src=“img/logo-synerghetic.jpg” alt=“Logo de Synerg’heTiC” /> Bonne pratique 48
  • 49. Intégration et développement Les liens <a href="http://www..">Cliquez ici</a> À éviter 49
  • 50. Intégration et développement Les liens <a href="http://www.." title="Site de Synerg’heTiC"> Site de Synerg'heTiC</a> Bonne pratique 50
  • 51. Intégration et développement • L’optimisation ★ Optimiser pour tous les navigateurs ★ Internet Explorer 6, oui ou non ? ★ La validation W3C, oui mais ... Tester, constater, corriger, tester, constater, corriger 51
  • 52. Intégration et développement Ressources : Alsa Créations (Tutos XHTML, CSS...) Fran6art (Tutos intégration Wordpress) 52
  • 53. Intégration et développement • CMS ou Framework ? ★ En utilisant un CMS, la phase de développement consiste principalement à installer et à configurer les différents modules ★ En utilisant un Framework, le développement spécifique est facilité par l’emploi de librairies pré-existantes ★ Le «from scratch» est à proscrire, même pour des projets simples (sécurité, maintenance, pérennité...) Différents chemins face au besoin 53
  • 54. Intégration et développement • Les méthodes de développement ★ La méthode AGILE (pas celle à Franck) ★ Développement collaboratif ★ Extreme Programming (XP) ★ Utilisation de Subversion (système de gestion de versions) La phase de développement n’est pas forcément linéaire 54
  • 55. Intégration et développement • L’url rewriting ★ Eviter les url du type "product_page.php?cat=34&id=25&color=3" ★ Préférer les url du type produits-salles-de-bains/R2D2-bathroom- soap.html ★ Respecter les règles habituelles : pas d'accents, d'espaces, de caractères exotiques Utile pour les moteurs de recherche et les visiteurs 55
  • 57. Recette et debug • La recette ★ Un "soupçon" d'Armagnac pour le CDP ★ Reprise de tous les éléments listés dans les spécifications ★ Prévoir la marge nécessaire aux corrections éventuelles ★ Des outils existent pour organiser le reporting des bugs Le client doit s’impliquer dans la phase de recette 57
  • 58. Recette et debug Trac 58
  • 59. Promouvoir un site internet 59
  • 61. Sur Facebook : créer et gérer une page fan • Les avantages ★ + de 400M d’utilisateurs dans le monde / 15M en France ★ Les «fans» sont des prospects qualifiés puisqu’ils se sont inscrits spontanément ★ Elle centralise les discussions autour d’une marque, que les critiques soient bonnes ou mauvaises ★ Elle permet de communiquer facilement et à moindre coût avec ses clients ou prospects et désamorcer des crises éventuelles La question n’est pas de savoir si on va sur Facebook, mais plutôt de savoir comment 61
  • 62. Sur Facebook : créer et gérer une page fan • Les bonnes pratiques pour sa page fan ★ Créer une page fan plutôt qu’un groupe ★ Personnaliser sa page (photo de profil, onglet personnalisé...) ★ Ne pas bloquer les contributions des utilisateurs ★ Animer la page régulièrement (mais pas plus de 2 messages par jour) ★ Inviter les fans à participer ★ Définir une URL facilement accessible (ex : facebook.com/synerghetic.je) Sources : Agence Vanksen Entretenir une relation à dimension humaine 62
  • 63. Sur Facebook : créer et gérer une page fan • En cas de problème ★ Ne pas s’énerver et devenir agressif ★ Ne pas se cacher ou se taire ★ Écouter, suivre le buzz online ★ Admettre les faits, remettre en contexte, prendre les choses en main ★ Être honnête, ouvert et clair sur le problème (causes et solutions) ★ Garder un visage et un langage humain, pas de «blabla» juridique ★ Mobiliser ses influents internes/externes ★ Expliquer les mesures prises pour corriger et empêcher le problème dans le futur Sources : Agence Vanksen Ne surtout pas censurer ses «fans» 63
  • 64. Sur Facebook : créer et gérer une page fan • Le cas Nestlé ★ Demande de retrait de la vidéo sur Youtube ★ Tentative de censure des réactions des «fans» Facebook Autoritarisme, mépris et absence 64
  • 65. Sur Facebook : créer et gérer une page fan Ressources : Inside Facebook.com (bonnes pratiques) Mashable (Facebook guidebook) Tigerlily (Personnalisation page fan) 65
  • 67. Sur Twitter : comment se vendre sur Twitter ? • Twitter, c’est quoi ? ★ C’est comme un article de blog sauf que vous n’avez que 140 caractères ★ C’est comme une mise à jour de statut Facebook sauf que c’est visible sur une infinité de supports ★ C’est comme un grand tchat’ sauf que vous choisissez qui vous voulez suivre ★ C’est comme un client de messagerie instantanée sauf que c’est public et archivé sur le web Sources : Agence Vanksen Un outil de communication temps réel, simple et puissant 67
  • 68. Sur Twitter : comment se vendre sur Twitter ? • Les avantages ★ Une progression exponentielle (300 000 nouveaux utilisateurs par jour) ★ Une analyse en temps réel des pensées et perceptions de prospects potentiels ★ Le seul moteur de recherche en temps réel ★ Le canal par lequel les informations sont diffusées le plus rapidement ★ Améliorer son référencement naturel (tweets indexés quasi- instantanément dans les moteurs de recherche) Un feedback de ses clients en temps réel 68
  • 69. Sur Twitter : comment se vendre sur Twitter ? • Les bonnes pratiques sur Twitter ★ Personnaliser son compte (background et informations) en reprenant la charte graphique de la marque ★ Définir une ligne éditoriale ★ Suivre les personnes susceptibles de vous suivre ★ Suivre les influents du domaine ★ Suivre ceux qui parlent de vous ★ Alterner contenus pros et discussions plus informelles ★ Publier par vagues discontinues (5 tweets par jour maximum) Sources : Agence Vanksen Ne pas utiliser Twitter que pour sa promotion personnelle 69
  • 70. Sur Twitter : comment se vendre sur Twitter ? Outils de monitoring : Twitter Search Tweetscan Ressources : Présentation complète de l’essentiel par Vanksen 70
  • 72. Mettre en place une newsletter • Les avantages ★ Facilité d’inscription et d’utilisation : une adresse e-mail suffit ★ Fidéliser ses utilisateurs ★ Possibilité de personnaliser le contenu en fonction de l’utilisateur ★ Des outils permettent d’obtenir des statistiques précises sur les liens qui ont intéressés les abonnés ★ Un moyen supplémentaire d’augmenter le trafic vers son site internet Du trafic qualifié à moindre coût 72
  • 73. Mettre en place une newsletter Outils d’e-mailing : Campaign Monitor MailChimp 73
  • 74. Quelques pistes à explorer 74
  • 75. Quelques pistes à explorer • Des outils supplémentaires ★ Création d’un blog - Se positionner en tant qu’expert de son domaine, sur internet - Apporter son point de vue sur des sujets d’actualité - Pas de contrainte sur le fond (volume et types de contenus) - Améliorer significativement son référencement naturel ★ Création de chaînes youtube, dailymotion, viméo... - Centraliser toutes ses vidéos - Proposer une forme alternative à l’écrit - Permettre aux utilisateurs de diffuser les vidéos sur leurs propres réseaux - Améliorer son référencement naturel 75
  • 76. Sources • On les remercie beaucoup : ★ Vanksen pour le partage de toutes leurs présentations ★ http://www.slideshare.net/culturebuzz/agence-vanksen-digitalviraladvertising-confrence-buzzthebrand-2009 ★ http://www.slideshare.net/Vanksen/bien-grer-sa-rputation-en-ligne ★ http://www.slideshare.net/gregfromparis/bien-gerer-son-ereputation ★ http://www.slideshare.net/Vanksen/twitter-prsentation-complte-de-lessentiel-1903868 ★ ReadWriteWeb pour leur excellent article ★ http://fr.readwriteweb.com/2010/03/30/a-la-une/greenpeace-nestl-sur-facebook-lart-de-guerre/ ★ HETIC 76
  • 77. On reste en contact ? twitter.com/synerghetic facebook.com/synerghetic.je blog.synerghetic.net/ contact@synerghetic.net