Tumblr est un site proposant un outil de blogging « rapide » qui permet facilement de publier du contenu sur internet. Les blogs sous Tumblr sont soit sous une adresse .tumblr.com ou alors avec un nom de domaine propre, le site permet d’ailleurs gratuitement de relier un nom de domaine à un blog Tumblr.
Il y a encore quelques temps les spécialistes comparaient Tumblr à Posterious mais compte tenu du trafic on peut maintenant affirmer que Tumblr est la première plateforme de blogs et cela devant WordPress. Le site fait en effet aujourd’hui plus de 300 millions de visites par mois et 12,9 milliards de pages vues mensuelles, soit à peu près 8 fois le trafic de WordPress (en version hébergée sur wordpress.com).
En nombre de visiteurs :
En nombre de pages vues :
WordPress.com attire néanmoins plus de visiteurs mais je pense que dans quelques mois Tumblr aura plus de visiteurs mensuels.
L’idée aujourd’hui est d’ajouter un QR Code pour chaque article de votre blog. Certes cela ne sert à rien mais cela va nous permettre de tester l’API de google qui permet la génération automatique d’un qr code ce qui permettra à vos visiteurs de visiter votre blog sur leur smartphone sans avoir à retaper l’url.
Donc pour générer un qr code d’un lien, il nous faut dans l’ordre :
-le lien de l’article (on va l’automatiser avec la fonction get_permalink() de wordpress)
-l’encoder
-et utiliser l’API de google charts et c’est tout
Pour ne pas tourner autour du pot voici le code php à ajouter dans votre page single.php ou sidebar.php de votre thème de blog :
Certes cela ne sert pas à grand chose au final mais au moins vous savez comment générer automatiquement un qr code maintenant. Les sites qui doivent renvoyer vers des versions mobiles ou proposer des téléchargements d’applications peuvent utiliser cette méthode. Plus d’information sur cette page http://code.google.com/apis/chart/infographics/docs/qr_codes.html
On le sait tous le temps de chargement d’une page internet est de plus en plus important, pour l’utilisateur mais aussi pour Google qui a placé ce critère comme étant l’un des critères de classement d’une page. Donc plus votre site sera lent moins il aura de chance d’attirer les visiteurs et donc d’être bien classé dans l’index de Google.
Selon Jakob Nielsen il y a trois phases en fonction du temps de réponse d’un site internet :
-0,1 seconde, c’est le temps de l’instantané, l’utilisateur ne ressent rien il navigue sur le site naturellement sans forcément prendre conscience qu’il y a du téléchargement
-1 seconde, l’utilisateur sent le délais mais sait que la page est entrain de s’afficher
-10 secondes, de 1 à 10 secondes c’est la limite acceptable pour l’attente au delà l’utilisateur va partir du site
Google dans son outil webmastertools met d’ailleurs la limite entre un site rapide et un lent à 1,5 secondes comme on peut le voir sur le screen ci-dessous :
Alors pour identifier ce qui peut coincer ou bien être optimiser vous pouvez utiliser les outils suivants :
Quelques actions qui vont améliorer le temps de chargement :
Taille des images
Souvent la taille des images est problématique, les images sont souvent lourdes et peuvent être optimisées (voir ces outils d’optimisation d’images).
Time to First Byte
Le Time to First Byte (à tester ici) est lui aussi parfois en cause, soit cela vient de votre hébergement qui n’est pas au top soit votre base mysql est trop lourde si vous êtes sous wordpress un bon moyen pour alléger le tout est d’effacer les « revisions » des articles, un plugin « better delete revision » fait très bien ce travail de nettoyage et l’ajout de cette ligne dans le fichier wp-config.php devrait interdire l’ajout des révisions :
define('WP_POST_REVISIONS', false);
Pour avoir fait l’opération le gain de la table wp_post est de 70% (55,9Mb à 17,4Mb)
Avant :
Après :
Sur l’un des blogs le TTFB est passé de 1000ms à 800ms après il faut faire vos propres tests mais réduire la taille de la base de données ne vous fera pas de mal.
Passer les images sur un sous domaine
Un navigateur web peut faire des téléchargements en parallèle alors si vous mettez vos fichiers statiques sur un sous domaine comme images.2803.fr vous allez être forcément plus rapide qu’avec un dossier comme www.2803.fr/images. Une première étape est de migrer les images du thèmes sur le sous-domaine et ensuite vous faite la même chose avec les images des articles donc du répertoire wp-content de wordpress, cela fera l’objet d’un prochain article.
Voilà comment faire pour optimiser « rapidement » le temps de chargement de vos pages, gagner quelques précieuses secondes et de faire en sorte que vous ne soyez pas pénalisé par Google et vos visiteurs aussi!
Voilà la plateforme d’hébergement wordpress.com vient de passer les 50 millions de blogs hébergés. Ce chiffre n’inclus pas les blog comme 2803.fr qui utilisent wordpress mais en mode hébergé ailleurs.
-Wordpress.com héberge 14% des sites internet au niveau mondial
-2,5 milliards de pages vues par mois
-500,000 nouveaux posts chaque jour
-400,000 commentaires par jour
-Le français ne représente que 1,4% des sites… (66% en anglais et 8,7% en espagnol)
Le temps de chargement d’une page est de plus en plus un critère important pour Google mais aussi pour les internautes qui aiment quand cela s’affiche vite. Les outils de création d’images n’optimisent pas très bien les fichiers il faut donc utiliser d’autres logiciels pour gagner quelques ko.
Pour les utilisateurs sous mac, l’outil ImageOptim qui est open source est le logiciel à utiliser. Hier j’ai pris quelques images d’un thème wordpress pour voir quelle pourrait être le gain et ce dernier se situe entre 5 et 80% du poids initial de l’image.
Certes vous pouvez aussi faire cette optimisation en ligne avec Smush.it l’outil de Yahoo qui fonctionne parfaitement!
Les utilisateurs de wordpress pourront installer un plugin Smush.it. J’ai pour ma part désinstallé ce plugin car avec les mises à jours fréquentes de wordpress je finissais par avoir des problèmes de compatibilité!
Au final mon choix s’est porté sur le logiciel sur mac, ImageOptim, qui fonctionne simplement et obtient des résultats d’optimisation très intéressant.
Voilà wordpress continue à s’améliorer avec une nouvelle version, la 3.2, qui vient d’être rendue publique aujourd’hui. Je ne qualifierai pas cette version de version de rupture mais quelques éléments vont changer dans votre interface d’administration voici quelques changements :
– Un nouveau design du dashboard, il va falloir s’habituer…
– Avec un changement de police dans la zone d’édition du texte de l’article (je suis moins fan de ce changement)
– Un mode de saisie avec la possibilité de n’avoir que le texte, une idée intéressante
– Un nouveau thème par défaut Twenty Eleven (enfin un thème qui tienne la route)
– Une amélioration de la barre d’administration
On va dire que les changements sont très visuels et que c’est surtout un bon moyen de mettre en avant le nouveau thème officiel… Pensez tout de même à faire la mise à jour, d’un point de vue sécurité cela peut valoir le coup!
WordPress 3.2, nommé Gershwin, se télécharge directement votre administration du blog ou bien ici en français.
Il y a quelques jours Google s’est fendu d’un joli petit email à tous les utilisateurs de son outil webmastertools qui avaient un blog wordpress qui n’était pas à jour. C’est bien la première fois que Google envoie ce genre d’email :
Cher propriétaire ou webmaster du site http://2803media.fr/,
Il semble que votre site utilise une ancienne version du logiciel WordPress. Google vous recommande d’installer la dernière version disponible. En effet, les anciennes versions ou les versions sans correctif sont vulnérables aux attaques de pirates et de logiciels malveillants, lesquelles peuvent nuire à vos utilisateurs. Pour télécharger la dernière version, veuillez accéder à la page de téléchargement.
Si vous avez d’autres questions concernant la réception de ce message, vous pouvez consulter le message de blog publié par Google qui contient davantage d’informations à ce sujet.
Cordialement,
L’équipe Google chargée de la qualité des recherches
On notera que Google recommande la mise à jour pour le bien être des utilisateurs… Une approche pro-active qui n’est pas si déplacée que cela!
Ce qui doit être nouveau cela doit être la gestion du français car je n’avais pas encore reçu de message de ce type de la part de google…
Il y a quelques jours je vous avais présenté un moyen pour sauvegarder vos tweets automatiquement. L’outil utilisé fonctionne parfaitement, mais c’est vrai que pour faire quelques modifications il faut maitriser un peu le fonctionnement, ce qui n’était pas mon cas. N’est pas développeur qui veut! Alors comme je connais bien wordpress (après 6 ans d’utilisation), j’ai cherché une solution efficace fonctionnant sous wordpress sans pour autant polluer 2803.fr avec mes tweets.
Ce qui est bien avec WordPress c’est que l’on peut presque faire tout et n’importe quoi. Voici donc une méthode pour transformer un wordpress fraichement installé en solution de backup de votre compte Twitter et ainsi archiver vos précieux (ou non) Tweets.
1-Installer un nouveau wordpress dans un dossier de votre site internet actuel, par exemple /tweets dans mon cas
2-Une fois installé il faut aller chercher l’historique de votre compte Twitter. Cette tâche est rendue possible grâce à Tweetbackup qui va vous permettre d’extraire un peu plus de 3000 tweets (il ne pourra pas plus à cause des limitations de Twitter), mais si comme moi vous avez déjà utilisé le service vous pourrez accéder à beaucoup plus de Tweets. J’ai en effet récupéré l’intégralité de mes messages depuis 2007…
3-Maintenant vous avez un fichier RSS que vous allez pouvoir importer dans votre nouveau wordpress via la fonction import (outils/importer)
4-A ce stade vos tweets ont été intégrés dans la base de données de wordpress et sont accessibles via votre nouveau blog. Avouez qu’esthétiquement cela n’est pas fameux, il faut donc installer, tweet archive de Douglas Bowman, un thème wordpress qui a été conçu spécialement pour afficher joliment vos tweets.
5-Ouvrez l’éditeur de thème pour changer la phrase de description dans header.php et voilà vous avez un joli wordpress avec vos tweets.
6-Pour rendre dynamique l’ensemble, installez le plugin Twitter Tools qui va vous permettre de récupérer automatiquement vos nouveaux tweets et ainsi mettre à jour votre archive.
7-Ensuite vous pouvez installer le plugin Twitter @Anywhere Plus pour ajouter les popup de Twitter Anywhere sur les @nickname
Et voilà maintenant vous avez quelque chose de fonctionnel et d’esthétique. Si vous voulez jeter un oeil au résultat cliquer sur mes archives de Tweets ici : http://www.vingthuitzerotrois.fr/tweets/
