Atelier BlogCamp <ul><ul><li>BlogCamp Bordeaux </li></ul></ul>par Thomas Parisot, vendredi 29 février 2008
Question #1 Comment optimiser ses chances d'être en tête de page lors d'une recherche sur un mot-clé précis sur Google ?
Question #1 <ul><li>un code propre et respectueux </li></ul><ul><li>travailler le contenu </li></ul><ul><li>travailler sa ...
Question #1 <ul><li>un gabarit/thème valide W3C </li></ul><ul><li>un code propre et sémantique </li></ul><ul><li>avoir déj...
Question #1 <ul><li>en y dédiant un article/blog </li></ul><ul><li>en utilisant des images (attribut alt= &quot;&quot; de ...
Question #1 <ul><li>créer des liens avec ce mot-clé depuis d'autres sites (commentaires, articles)‏ </li></ul><ul><li>acqu...
Question #2 Comment mettre en place des sauvegardes fréquentes sur son blog ?
Question #2 <ul><li>sauvegarder, mais quoi ? </li></ul><ul><li>sauvegarde manuelle </li></ul><ul><li>mise en place d'une p...
Question #2 <ul><li>tous les documents joints(media liés aux articles)‏ </li></ul><ul><li>les fichiers personnalisés (thèm...
Question #2 <ul><li>par principe, n'est pas automatisée </li></ul><ul><li>nécessite de bien connaître le système du blog <...
Question #2 <ul><li>c'est du temps gagné à faire autre chose (à tout hasard, bloguer)‏ </li></ul><ul><li>nécessite aucune/...
Question #2 <ul><li>rien à faire du tout </li></ul><ul><li>on ne s'aperçoit pas des pannes (cf. plates-formes de blogs)‏ <...
Question #3 Comment insérer une barre horizontale de liens avec Wordpress ?
Question #3 < ol > < li >BlogCamp.fr</ li > < li >Partenaires</ li > < li >Blog</ li > </ ol > Utilisation d'une liste ord...
Question #3 <ul><li>il ne reste qu'à styler </li></ul><ul><li>possibilité de créer une sidebar dédiée </li></ul><ul><li>pa...
Question #4 Que sont les margin et les padding en CSS ?
Question #4 Bienvenue à notre élément HTML : <fromage /> <ul><li>il occupe la taille de son contenu </li></ul><ul><li>... ...
Question #4 <fromage style= &quot; border: 1px;   padding: 10px &quot; /> <ul><li>la cloche sépare le fromage de tout autr...
Question #4 <fromage style= &quot; border: 1px;    padding: 10px;   margin: 50px &quot; /> <ul><li>distance de sécurité de...
Question #5 Comment aérer mes titres de catégories ? Comment aérer mes catégories ?
Question #5 Le problème : <ul><li>«  Photos  » est trop collé à l'élément vertical précédent ( margin )‏ </li></ul><ul><li...
Question #5 Après : Avant :
Question #5 Le résultat final :
 
Prochain SlideShare
Chargement dans…5
×

Blogcamp Bordeaux #3 : L'atelier

1 175 vues

Publié le

Publié dans : Business
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 175
Sur SlideShare
0
Issues des intégrations
0
Intégrations
33
Actions
Partages
0
Téléchargements
8
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Blogcamp Bordeaux #3 : L'atelier

  1. 1. Atelier BlogCamp <ul><ul><li>BlogCamp Bordeaux </li></ul></ul>par Thomas Parisot, vendredi 29 février 2008
  2. 2. Question #1 Comment optimiser ses chances d'être en tête de page lors d'une recherche sur un mot-clé précis sur Google ?
  3. 3. Question #1 <ul><li>un code propre et respectueux </li></ul><ul><li>travailler le contenu </li></ul><ul><li>travailler sa visibilité </li></ul>La première page des résultats : un objectif plébiscité Une bonne connaissance du référencement avant tout : ça ne s'improvise pas.
  4. 4. Question #1 <ul><li>un gabarit/thème valide W3C </li></ul><ul><li>un code propre et sémantique </li></ul><ul><li>avoir déjà du contenu et de qualité </li></ul>Consolider les bases avant de partir à l'aventure : La qualité est le maitre-mot.
  5. 5. Question #1 <ul><li>en y dédiant un article/blog </li></ul><ul><li>en utilisant des images (attribut alt= &quot;&quot; de la balise <img />)‏ </li></ul><ul><li>en l'employant dans des titres, des liens et des emphases </li></ul><ul><li>en employant des mots liés (synonymes, domaine etc.)‏ </li></ul>Travailler sur le mot-clé : Penser avant tout à ses lecteurs : <ul><li>qui a envie de lire une soupe de mots-clés ? </li></ul><ul><li>attirer des gens sans pouvoir les fidéliser n'a aucun intérêt </li></ul>
  6. 6. Question #1 <ul><li>créer des liens avec ce mot-clé depuis d'autres sites (commentaires, articles)‏ </li></ul><ul><li>acquisition d'une notoriété et/ou d'une expertise </li></ul><ul><li>jouer sur l'actualité (effet Manaudou)‏ </li></ul>Gagner en visibilité : il faut se faire connaitre Un défi élitiste dans certains cas : <ul><li>concurrence sur les mots-clés (nationale, internationale)‏ </li></ul><ul><li>difficile à tenir dans la durée (à la merci des algorithmes)‏ </li></ul><ul><li>Google n'est pas forcément la meilleure solution (moteurs verticaux, outsiders etc.)‏ </li></ul>
  7. 7. Question #2 Comment mettre en place des sauvegardes fréquentes sur son blog ?
  8. 8. Question #2 <ul><li>sauvegarder, mais quoi ? </li></ul><ul><li>sauvegarde manuelle </li></ul><ul><li>mise en place d'une procédure automatisée </li></ul><ul><li>votre hébergeur le fait à votre place </li></ul>Il n'y a pas de solution miracle MAIS c'est un sujet sensible et primordial.
  9. 9. Question #2 <ul><li>tous les documents joints(media liés aux articles)‏ </li></ul><ul><li>les fichiers personnalisés (thèmes, plugins)‏ </li></ul><ul><li>la base de données </li></ul>Que sauvegarder sur un blog ? Une sauvegarde est indispensable mais représente une contrainte : <ul><li>technique </li></ul><ul><li>de temps </li></ul><ul><li>d'espace </li></ul>
  10. 10. Question #2 <ul><li>par principe, n'est pas automatisée </li></ul><ul><li>nécessite de bien connaître le système du blog </li></ul><ul><li>est lent à réaliser </li></ul>La sauvegarde manuelle : la truelle et le marteau Pourquoi tant de temps ? <ul><li>il faut rappatrier de nombreux petits fichiers 1 par 1 </li></ul><ul><li>il faut sauvegarder séparément la base de données </li></ul>Sage conseil du flemmard : à éviter.
  11. 11. Question #2 <ul><li>c'est du temps gagné à faire autre chose (à tout hasard, bloguer)‏ </li></ul><ul><li>nécessite aucune/très peu de connaissances techniques </li></ul>La sauvegarde automatisée c'est bien ! On a travaillé pour vous, c'est encore mieux ! <ul><li>plugins Wordpress : « BackUpWordpress » </li></ul><ul><li>plugins DotClear : « Export vers fichier texte » </li></ul><ul><li>plugins Movable Type : « TypeMover » </li></ul>
  12. 12. Question #2 <ul><li>rien à faire du tout </li></ul><ul><li>on ne s'aperçoit pas des pannes (cf. plates-formes de blogs)‏ </li></ul>On sauvegarde pour vous, que demander de mieux ? Un risque malgré tout : <ul><li>deux sauvegardes valent mieux qu'une </li></ul><ul><li>on ne sait pas toujours quelle sauvegarde on va récupérer </li></ul><ul><li>il faut pouvoir faire confiance à son hébergeur </li></ul>
  13. 13. Question #3 Comment insérer une barre horizontale de liens avec Wordpress ?
  14. 14. Question #3 < ol > < li >BlogCamp.fr</ li > < li >Partenaires</ li > < li >Blog</ li > </ ol > Utilisation d'une liste ordonnée : Et stylage avec les CSS : <ul><li>utilisation des float: left </li></ul><ul><li>un tutorial : « Créer des menus simples en CSS » </li></ul>
  15. 15. Question #3 <ul><li>il ne reste qu'à styler </li></ul><ul><li>possibilité de créer une sidebar dédiée </li></ul><ul><li>pas totalement contrôlable </li></ul>Automatisation avec un widget Wordpress Utilisation de wp_list_pages()‏ <ul><li>nécessite de modifier le thème </li></ul><ul><li>plus flexible </li></ul>
  16. 16. Question #4 Que sont les margin et les padding en CSS ?
  17. 17. Question #4 Bienvenue à notre élément HTML : <fromage /> <ul><li>il occupe la taille de son contenu </li></ul><ul><li>... et c'est tout </li></ul>
  18. 18. Question #4 <fromage style= &quot; border: 1px; padding: 10px &quot; /> <ul><li>la cloche sépare le fromage de tout autre élément </li></ul><ul><li>l'espace entre la cloche et le fromage : padding </li></ul>10px
  19. 19. Question #4 <fromage style= &quot; border: 1px; padding: 10px; margin: 50px &quot; /> <ul><li>distance de sécurité depuis la cloche : margin </li></ul><ul><li>sépare la bordure de tout autre contenu </li></ul>10px 50px Vous venez d'apprendre le modèle de boite !
  20. 20. Question #5 Comment aérer mes titres de catégories ? Comment aérer mes catégories ?
  21. 21. Question #5 Le problème : <ul><li>«  Photos  » est trop collé à l'élément vertical précédent ( margin )‏ </li></ul><ul><li>«  Photos  » est trop collé au picto de carapace ( padding )‏ </li></ul>
  22. 22. Question #5 Après : Avant :
  23. 23. Question #5 Le résultat final :

×