J'écris ces articles pour faciliter la Formation WordPress avec les clients. Je trouve cela bien commode d'avoir des articles sur mon blogue qui répondent aux questions communes des clients – ça laisse du temps pour de la Formation plus avancée. Dans cet article, je réponds à la question que tous les clients me demandent: Comment peux-t-on ajouter un document PDF (Adobe) dans notre blogue WordPress? Ma première réponse: Slideshare!

Je connais 3 façons d'ajouter un document PDF dans un blogue WordPress. Si vous en connaissez d'autres, svp les partager dans un commentaire. J'aime voir comment les gens font les choses différemment dans WordPress. Merci.

1. À partir de Slideshare

Je préfère de beaucoup les présentations PDF à partir de Slideshare puisque les visiteurs peuvent consulter le document PDF directement à partir de votre blogue WordPress. Si on choisit la méthode 2 ou 3, le visiteur devra avoir Adobe Acrobat Reader d'installer dans son ordi pour pouvoir lire le document. C'est pas toujours le cas. Adobe Acrobat Reader est un logiciel gratuit mais qui n'est pas installé par défaut dans les PCs ou MACs.

Suivre ces étapes:

1. Téléchargez le document PDF chez Slideshare (Si vous n'avez pas de compte, créez-vous un compte – c'est gratuit.)

2. Copiez le code "Embed" du document PDF:

Le code Embed chez SlideShare

3. Retournez à WordPress et collez ce code dans la partie HTML (ou Source) de votre Éditeur WordPress:

Le code Embed de SlideShare chez WordPress

Formation Twitter en PDF chez SlideShare

2. À partir du Tableau de bord WordPress

1. Cliquer sur Médias dans la colonne de gauche

2. Cliquer sur Ajouter

3. Parcourir votre ordi et télécharger le PDF

4. Copier l'adresse Web du document = http://dianebourque.com/wp-content/uploads/2010/05/Formation-TWITTER-pour-Débutants.pdf

Le lien URL de l'image dans un site WordPress

4. Créez un article ou une page et insérez un lien URL comme Twitter pour Débutants (PDF)

3. À partir de l'Éditeur WordPress

1. Ouvrir un article ou une page et cliquez sur l'icône "Insérer Image":

Insérer une image dans votre site WordPress

2. Parcourir votre ordi et télécharger le PDF 3. Cliquez sur "Insérer dans l'article" (ou la page)

Insérer une image dans votre site WordPress

Ma question

Quelle est votre méthode préférée pour ajouter des documents PDF dans votre site WordPress?

Les articles

Les articles sont les éléments le plus important de votre site. C'est avec les articles qu'on ajoute du contenu au site. Vous pouvez aussi ajouter du contenu avec les pages, mais les pages ne font pas partie de votre fil RSS. Pour un blogueur débutant, le fait que les pages ne font pas partie du Fil RSS n'a aucune portée réelle. Mais je leur explique que le Fil RSS est ce qui permet de tisser une toile sur le web et de communiquer avec les abonnés par courriel.

Le sujet

Chaque article devrait traiter d'un sujet. Le sujet de cet article est "Optimisation". Il est préférable d'écrire deux articles sur deux sujets reliés qu'un article regroupant ces deux sujets reliés. C'est pas toujours facile, mais il faut tenter de traiter d'un sujet.

Le titre

Le titre de l'article est la partie la plus importante de votre article. C'est lui que Google regarde en premier. Si quelqu'un recherche "Recette Pistache Tomates" et que le titre de votre article est "Divine pizza aux pistaches et tomates", il est évident que Google repérera votre article dès le premier départ de son engin. C'est une autre histoire pour apparaître en première position. Mais en concoctant un titre avec des mots clefs, vous partez sur le bon pied.

Le permalien

Quand on rédige un article en mode brouillon, on change souvent le titre de l'article. Si c'est le cas, il est important de copier et coller le nouveau titre dans la boîte du permalien. WordPress enregistre le premier titre que vous donnez à l'article. Si vous changez le titre, WordPress ne modifie pas le permalien. Google aime quand le permalien et le titre du contenu sont identiques ou presque.

Si vous changez le titre, copiez le nouveau titre et collez-le dans la case du permalien. WordPress insérera le code nécessaire pour le convertir en permalien.

articles-wordpress-1

Twitter

Si vos articles sont tweetés dans Twitter, il faut considérer des titres de moins de 100 caractères pour tenir compte du maximum de 140 caractères de Twitter.

articles-wordpress-2

Modification

Pendant la phase brouillon, on change souvent le titre et le permalien. Mais lorsque l'article est publié, il est déconseillé de changer le titre/permalien. Pourquoi? Parce que Google a déjà répertorié votre titre/ permalien. Si vous insérez un nouveau titre /permalien, Google peut prendre du temps pour ré-indexer le nouveau titre/permalien. Et vous ne voulez pas que vos visiteurs arrivent sur une page "Désolée, ce que vous cherchez n'est pas ici".

Le Fil RSS

Si le Fil RSS de votre article est lié à Feedburner ou n'importe quel réseau social tel que Facebook, Twitter, LinkedIn, etc., le changement du titre et du permalien va complètement briser ce réseautage. Dès la publication de votre article, les réseaux enregistrent le titre/permalien. Si vous devez changer le titre, ne changez pas le permalien. Si vous devez absolument changer le permalien, je suggère de supprimer l'article et le republier avec le nouveau titre/permalien.

Les caractères du titre

Le titre ne devrait pas contenir de parenthèses, de guillemets ou de caractères spéciaux. Ces codes sont parfois mal interprétés par les réseaux sociaux et votre titre peut s'afficher avec du code non lisible.

Le contenu

Paragraphe introductif

Google lit votre titre et ensuite il lit votre premier paragraphe. S'il ne trouve aucun des mots clefs recherchés ni dans votre titre ni dans votre premier paragraphe, il va ailleurs.

Je conseille d'insérer un paragraphe introductif de votre contenu. Ce paragraphe comprendra les mots clefs que Google recherche. Si vous voulez insérer une vidéo ou une image dans votre article, je conseille d'insérer ceux-ci après le premier paragraphe ou plus loin dans l'article.

Les images

Je conseille d'insérer des images de tailles moyennes dans vos articles (maximum 900 pixels x 900 pixels). Sinon, la page prend trop de temps à télécharger. Pour voir la taille d'une image sur votre Tableau de Bord WordPress, cliquez sur Médias – Image – Afficher:

articles-medias

articles-wordpress-4

Les mots-clefs

Les mots-clefs sont importants pour Google. Mais il faut que ces mots clefs se retrouvent dans votre contenu. Google aime quand les mots clefs de votre article sont présents dans le contenu. Si non, il pense que vous tentez d'attirer des visiteurs avec des mots clefs frauduleux.

Ce n'est pas toujours facile d'ajouter des mots clefs à des articles. Mais essayez d'en ajouter 2-5 bien présents dans le contenu. Les gens qui recherchent dans Google tape au plus 2-3 mots clefs pour débuter leur recherche. Google cherche les articles qui ont utilisés ces mots clefs de façon exclusive. Si vos mots clefs y sont, Google vous aime.

La taille

Un article devrait avoir au plus 400-600 mots. Celui-ci en avait 637:

articles-wordpress-3

Vos commentaires

Quels sont vos règles pour publier des articles dans WordPress? Pensez-vous que certains conseils sont inexacts? J'aimerais bien vous entendre.

J'ai reçu quelques demandes sur comment ajouter une bannière "Suivez-moi sur Twitter" ou "Suivez-moi sur Facebook" sur un blogue WordPress. Les blogueurs veulent promouvoir leur présence sur les réseaux sociaux et je veux les encourager à le faire. C'est vraiment très facile à ajouter une bannière sur votre blogue WordPress (qu'on on sait comment le faire). Dans cet article, je vous donne le code pour ajouter une bannière sur votre blogue WordPress afin d'encourager vos visiteurs à vous suivre sur Twitter, Facebook, Linkedin et plus encore.

MISE À JOUR le 9 mai 2010 : Je n'utilise plus ces belles images que j'avais concoctées l'année dernière. J'utilise maintenant les nouvelles icônes tout en haut de la colonne de droite.

NOTE: Ce tutoriel s'applique aux blogues gratuits chez WordPress.com et aux blogues hébergés via WordPress.org. Le tutoriel ne s'applique pas pour des sites en HTML ou en Flash.

C'est quoi une bannière?

Dans ce tutoriel, une bannière est une image que l'on insère dans un Widget sur un blogue WordPress et qui est liée à un lien externe. Sur ce blogue, j'utilise les bannières suivantes. Vous pouvez les utiliser si vous voulez, ou encore mieux, cliquez sur les bannières et suivez-moi là où ça vous tente.

Le code de ces bannières

Voici le code qu'il faudra copier et ajuster selon vos données pour insérer les 4 bannières ci-dessus. Le code surligné en jaune devra être modifié avec vos codes.

<table width="330">
  <tr>
    <td><a href="http://twitter.com/dianebourque" target="_blank"><img src="http://dianebourque.com/wp-content/themes/shades-of-blue/images/links_twitter.png" alt="Twitter" width="330" height="30" border="0" /></a></td>
  </tr>
  <tr>
    <td><a href="http://www.facebook.com/dianebourque" target="_blank"><img src="http://dianebourque.com/wp-content/themes/shades-of-blue/images/links_facebook.png" alt="Facebook" width="330" height="30" border="0" /></a></td>
  </tr>
  <tr>
    <td><a href="http://www.linkedin.com/in/dianebourque" target="_blank"><img src="http://dianebourque.com/wp-content/themes/shades-of-blue/images/links_linkedin.png" alt="LinkedIn" width="330" height="30" border="0" /></a></td>
  </tr>
  <tr>
    <td><a href="http://feeds2.feedburner.com/DianeBourque" target="_blank"><img src="http://dianebourque.com/wp-content/themes/shades-of-blue/images/links_rss.png" alt="Facebook" width="330" height="30" border="0" /></a></td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td></td>
  </tr>
</table>

Comment insérer le code dans votre blogue

Allez sur votre Tableau de bord WordPress et cliquez sur Apparence | Widgets

banniere1

1. Dans les Widgets, sélectionnez le Widget Texte et glissez-le là où vous voulez ajouter votre bannière.

2. Dans le Widget Texte, collez le code pour votre bannière.

3. Cliquez sur Enregistrer. C'est fait! Retournez sur votre blogue. Rafraichissez votre page et voilà!

banniere2

Comment ajouter Suivez-moi sur Twitter

Pour insérer une seule image comme celle-ci sur votre blogue, suivez-les instructions ci-dessus et insérer le code suivant dans votre Widget Texte:

<a href="http://twitter.com/dianebourque"><img src="http://boitealunch.info/Follow-Me-On-Twitter.jpg" alt="Follow Diane Bourque Twitter" width="225" height="188" border="0" /></a>

MISE À JOUR: Comment ajouter le code avec le CSS

Suite au commentaire de Volvox, je vous remets ici le code pour ajouter la bannière avec du CSS au lieu d'utiliser une table. Volvox est un puriste. Il serait préférable d'utiliser le CSS pour tout le code dans un blogue. Mais pour les bannières, pour moi, c'est plus facile d'utiliser une table.

Si vous voulez ajouter le CSS, voici le code que j'ai concocté pour le faire (Merci à Volvox) :

<div align="left">
<div style="width:330px;border:0px solid black;"><a href="http://twitter.com/dianebourque"><img src="http://dianebourque.com/wp-content/themes/shades-of-blue/images/links_twitter.png"width="330" height="30" style="border: 0px solid white"></a></div></div>
<div align="left">
 <div style="width:330px;border:0px solid black;"><a href="http://facebook.com/dianebourque"><img src="http://dianebourque.com/wp-content/themes/shades-of-blue/images/links_facebook.png"width="330" height="30" style="border: 0px solid white"></a></div></div>

Si vous avez apprécier ce tutoriel, n'hésitez pas à dire merci dans les commentaires – ça fait plaisir – ou envoyez-moi un message.