Atelier BlogCamp BlogCamp Bordeaux par Thomas Parisot, vendredi 29 février 2008

BlogCamp Bordeaux

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 un code propre et respectueux travailler le contenu travailler sa visibilité 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.

un code propre et respectueux

travailler le contenu

travailler sa visibilité

Question #1 un gabarit/thème valide W3C un code propre et sémantique avoir déjà du contenu et de qualité Consolider les bases avant de partir à l'aventure : La qualité est le maitre-mot.

un gabarit/thème valide W3C

un code propre et sémantique

avoir déjà du contenu et de qualité

Question #1 en y dédiant un article/blog en utilisant des images (attribut alt= &quot;&quot; de la balise <img />)‏ en l'employant dans des titres, des liens et des emphases en employant des mots liés (synonymes, domaine etc.)‏ Travailler sur le mot-clé : Penser avant tout à ses lecteurs : qui a envie de lire une soupe de mots-clés ? attirer des gens sans pouvoir les fidéliser n'a aucun intérêt

en y dédiant un article/blog

en utilisant des images (attribut alt= &quot;&quot; de la balise <img />)‏

en l'employant dans des titres, des liens et des emphases

en employant des mots liés (synonymes, domaine etc.)‏

qui a envie de lire une soupe de mots-clés ?

attirer des gens sans pouvoir les fidéliser n'a aucun intérêt

Question #1 créer des liens avec ce mot-clé depuis d'autres sites (commentaires, articles)‏ acquisition d'une notoriété et/ou d'une expertise jouer sur l'actualité (effet Manaudou)‏ Gagner en visibilité : il faut se faire connaitre Un défi élitiste dans certains cas : concurrence sur les mots-clés (nationale, internationale)‏ difficile à tenir dans la durée (à la merci des algorithmes)‏ Google n'est pas forcément la meilleure solution (moteurs verticaux, outsiders etc.)‏

créer des liens avec ce mot-clé depuis d'autres sites (commentaires, articles)‏

acquisition d'une notoriété et/ou d'une expertise

jouer sur l'actualité (effet Manaudou)‏

concurrence sur les mots-clés (nationale, internationale)‏

difficile à tenir dans la durée (à la merci des algorithmes)‏

Google n'est pas forcément la meilleure solution (moteurs verticaux, outsiders etc.)‏

Question #2 Comment mettre en place des sauvegardes fréquentes sur son blog ?

Question #2 sauvegarder, mais quoi ? sauvegarde manuelle mise en place d'une procédure automatisée votre hébergeur le fait à votre place Il n'y a pas de solution miracle MAIS c'est un sujet sensible et primordial.

sauvegarder, mais quoi ?

sauvegarde manuelle

mise en place d'une procédure automatisée

votre hébergeur le fait à votre place

Question #2 tous les documents joints(media liés aux articles)‏ les fichiers personnalisés (thèmes, plugins)‏ la base de données Que sauvegarder sur un blog ? Une sauvegarde est indispensable mais représente une contrainte : technique de temps d'espace

tous les documents joints(media liés aux articles)‏

les fichiers personnalisés (thèmes, plugins)‏

la base de données

technique

de temps

d'espace

Question #2 par principe, n'est pas automatisée nécessite de bien connaître le système du blog est lent à réaliser La sauvegarde manuelle : la truelle et le marteau Pourquoi tant de temps ? il faut rappatrier de nombreux petits fichiers 1 par 1 il faut sauvegarder séparément la base de données Sage conseil du flemmard : à éviter.

par principe, n'est pas automatisée

nécessite de bien connaître le système du blog

est lent à réaliser

il faut rappatrier de nombreux petits fichiers 1 par 1

il faut sauvegarder séparément la base de données

Question #2 c'est du temps gagné à faire autre chose (à tout hasard, bloguer)‏ nécessite aucune/très peu de connaissances techniques La sauvegarde automatisée c'est bien ! On a travaillé pour vous, c'est encore mieux ! plugins Wordpress : « BackUpWordpress » plugins DotClear : « Export vers fichier texte » plugins Movable Type : « TypeMover »

c'est du temps gagné à faire autre chose (à tout hasard, bloguer)‏

nécessite aucune/très peu de connaissances techniques

plugins Wordpress : « BackUpWordpress »

plugins DotClear : « Export vers fichier texte »

plugins Movable Type : « TypeMover »

Question #2 rien à faire du tout on ne s'aperçoit pas des pannes (cf. plates-formes de blogs)‏ On sauvegarde pour vous, que demander de mieux ? Un risque malgré tout : deux sauvegardes valent mieux qu'une on ne sait pas toujours quelle sauvegarde on va récupérer il faut pouvoir faire confiance à son hébergeur

rien à faire du tout

on ne s'aperçoit pas des pannes (cf. plates-formes de blogs)‏

deux sauvegardes valent mieux qu'une

on ne sait pas toujours quelle sauvegarde on va récupérer

il faut pouvoir faire confiance à son hébergeur

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 ordonnée : Et stylage avec les CSS : utilisation des float: left un tutorial : « Créer des menus simples en CSS »

utilisation des float: left

un tutorial : « Créer des menus simples en CSS »

Question #3 il ne reste qu'à styler possibilité de créer une sidebar dédiée pas totalement contrôlable Automatisation avec un widget Wordpress Utilisation de wp_list_pages()‏ nécessite de modifier le thème plus flexible

il ne reste qu'à styler

possibilité de créer une sidebar dédiée

pas totalement contrôlable

nécessite de modifier le thème

plus flexible

Question #4 Que sont les margin et les padding en CSS ?

Question #4 Bienvenue à notre élément HTML : <fromage /> il occupe la taille de son contenu ... et c'est tout

il occupe la taille de son contenu

... et c'est tout

Question #4 <fromage style= &quot; border: 1px; padding: 10px &quot; /> la cloche sépare le fromage de tout autre élément l'espace entre la cloche et le fromage : padding 10px

la cloche sépare le fromage de tout autre élément

l'espace entre la cloche et le fromage : padding

Question #4 <fromage style= &quot; border: 1px; padding: 10px; margin: 50px &quot; /> distance de sécurité depuis la cloche : margin sépare la bordure de tout autre contenu 10px 50px Vous venez d'apprendre le modèle de boite !

distance de sécurité depuis la cloche : margin

sépare la bordure de tout autre contenu

Question #5 Comment aérer mes titres de catégories ? Comment aérer mes catégories ?

Question #5 Le problème : « Photos » est trop collé à l'élément vertical précédent ( margin )‏ « Photos » est trop collé au picto de carapace ( padding )‏

« Photos » est trop collé à l'élément vertical précédent ( margin )‏

« Photos » est trop collé au picto de carapace ( padding )‏

Question #5 Après : Avant :

Question #5 Le résultat final :