Création site internet à Tours (37), France
Archives pour juin, 2009
Google Chrome > Outils pour webmaster
18/06/09
« Google Chrome est un navigateur qui associe une interface très simple à une technologie sophistiquée afin que vous puissiez surfer sur Internet plus vite, plus facilement et en toute sécurité. » : voilà le pitch de Google pour nous présenter son navigateur maison.
Les équipes de Google ont concocté un navigateur au premier abord minimaliste mais en regardant de plus près on découvre un outil qui s’enrichi au fur et à mesure des mises à jour.
En faisant un clic droit sur une page et en sélectionnant « Inspecter l’élément », vous accéder à des outils pour webmaster très utiles.
Premier onglet disponible : « Eléments » permet de visualiser le code source de la page et la feuille de style associée. On bénéficie de la coloration syntaxique pour bien visualiser les différents éléments de la structure HTML. Sur la partie droite de l’écran s’affiche en parallèle les informations CSS de mise en forme. Chrome effectue un audit du code source de la page et affiche le nombre d’erreurs et de warnings rencontrés dans cette page.
Dans le second onglet : « Ressources » permet d’auditer le temps de chargement de la page et donne des indications sur le temps nécessaire pour afficher les différents éléments constituant la page à charger (html, js, css, …). L’affichage en mode graphique (plutôt réussi) permet de voir quels sont les éléments qui pénalisent le temps de chargement. On peut visualiser et repérer rapidement les goulots d’étranglement en auditant le poids et le temps de chargement de chaque fichier analysé.
Comme à son habitude Google a su ajouter à son navigateur un petit plus destiné aux webmasters. Graphiquement très réussi, Inspector est livré d’origine avec Chrome et contrairement à Firefox, il n’est pas nécessaire d’installer un plugin pour bénéficier de cet outil d’audit de page.
Optimisation SEO pour Joomla > SEOSimple
13/06/09
Avec l’arrivée de Joomla version 1.5, on a pu constater de la mise en place de la réécriture des adresses a été grandement simplifiée. Pour autant, certaines lacunes existent et il est nécessaire d’utiliser des plugins pour remédier à certains manques ou tout simplement pour faciliter le travail.
C’est là qu’intervient le plugin SEOSimple.
Premier usage intéressant, l’ajout du nom du site dans le navigateur. Cette possibilité existait avec les versions précédentes de Joomla mais avec l’arrivée de la version 1.5, le nom du site n’apparait que sur la page d’accueil. Grace à SEOSimple, vous pouvez activer cette possibilité. Voici un exemple :
Avant l'activation du plugin
Après l'activation du plugin
Comme vous le savez, avec Joomla vous pouvez définir pour chaque page une description qui sera insérée dans la balise META DESCRIPTION. Mais pour ceux qui trouvent cette tâche « pénible » ou pour éviter tout oublie, SEOSimple est capable de faire le travail à votre place….
Le plugin peut être paramétré simplement et vous pouvez définir le nombre de caractères à prendre en compte et s’appuiera sur le contenu de votre page.
Paramétrer SEOSimple
Voilà un plugin fort utile pour celui qui souhaite optimiser Joomla pour les moteurs de recherche. L’utilisation de SEOSimple ne fera pas tout pour bien positionner votre site mais c’est un début. Il y a d’autres plugins intéressant dans ce cadre et nous reviendrons sur ce sujet.
Si vous utilisez des composants ou plugins pour Joomla permettant d’optimiser le CMS pour les moteurs de recherche, laissez-nous un commentaire. Je suis sûr que cela intéressera bon nombre de webmasters.
Site de l’éditeur : DAO by DESIGN > Télécharger > Dernière version : 1.3 du 04/09/08
Se retrouver sur la toile
10/06/09
Comme tout bon adepte du Web, j’utilise un bon nombre de services en ligne soit pour présenter mon profil, mes passions ou tout simplement pour partager des informations.
Le premier site que j’ai utilisé lorsque j’ai démarré mon activité freelance a été Viadéo : un lieu de rencontre et de mise en relation entre professionnels. Puis, sur les conseils d’une personne recontrée lors d’une soirée du Club Business 37, j’ai complété mon profil LinkedIn.
Afin de présenter mon expertise dans le domaine de la création Internet et de partager les sujets qui me passionnent, j’ai crée Mon Blog Note. Un blog motorisé par Wordpress qui m’a permis de découvrir ce fabuleux gestionnaire de contenus et ses nombreux composants.
Plus récemment, j’ai ouvert un compte sur Facebook. D’abord par curiosité puis pour y retrouvé quelques personnes de mon entourage et suivre leur actualité. C’est au même moment et lors d’une soirée de l’Atelier du Web Tourangeau que l’on m’a parlé du phénomène Twitter… Honnêtement, au départ je trouvais le principe plutôt limité : pouvoir communiquer avec un court texte (140 caractères maxi) autant dire que passer un message avec un texto, trop peu pour moi…
J’ai dû me résoudre à constater de l’impact de ce microbloging sur les visites de mon blog puisque 15% des visiteurs proviennent de la consulation de mes « Twitts » : efficace !
Pour éviter les ressaisies de mes messages Twitter sur Facebook, j’ai utiliser un pluging permettant d’afficher en direct tous mes Twitts : merci le Web 2.0 !
Résultat : un bénéfice dans la fréquentation de mon blog professionnel puisqu’en cumulant les visites de Twitter et de Facebook, 25% des visiteurs proviennent de ces deux plateformes de réseaux sociaux (mesuré par Google Analytics).
Pour en revenir à mes sites Web 2.0 permettant le partage, j’utilise aussi Flickr pour les photos, Vimeo pour les vidéos et Slideshare pour les présentations.
Et vous quels sites Web 2.0 utilisez-vous ? N’hésitez pas à me faire découvrir de nouveaux services en ligne : j’adore 
Une signature pour mes mails
9/06/09
Parce que la communication visuelle reste importante dans nos univers, il m’a semblé important de personnaliser la signature de mes mails. Jusqu’alors, j’utilisais une signature texte classique avec nom, prénom et coordonnées (téléphone et web). Et puis je me suis dis que personnaliser cette signature de mail allait préparer mes interlocuteurs à la nouvelle version de mon site web. Si, si, je vous assure, la nouvelle version va arriver…
Du coup je me suis mis aux commandes de mon logiciel graphique préféré et j’ai laissé libre cours à mon esprit.
Je suis posé la question : »Quel est l’objectif ?« .
D’abord, au delà du nom, il était important de présenter mon activité et les périmètres d’intervention. Le nuage de mots-clefs se prete bien à cette communication et permet de rester dans l’esprit Web 2.0… Puis un petit rappel des liens internet : le site « corporate » (celui qui sera refait… un jour), le blog et Twitter.
Résultat : signature de mail
Bien sûr, il y a de mutiples manières de réaliser votre signature de mail et je vous invite à consulter le billet consacré à la création d’une signature de mail sur le site de Jeanviet.
Outils de compression CSS en ligne
8/06/09
Dans le but d’optimiser les temps de chargement de vos pages, il peut être très intéressant de compresser votre fichier contenant les styles. La méthode consiste à fusionner les sélecteurs et les propriétés identiques.
Une fois que votre feuille de styles (CSS) est finalisée et que vous avez validé sa conformité avec le W3C Validator, vous pouvez la soumettre à la moulinette de ces outils de compression CSS.
Mon préféré : CLEANCSS car il propose plusieurs niveaux de compression.
D’autres outils en ligne :
Si vous utilisez un tel outil et que vous souhaitez nous le faire partager, laissez-nous un commentaire.
![[Astuce] Comment renommer un htaccess sous Windows ?](http://farm5.static.flickr.com/4123/4944825608_fccfc4465f_s.jpg)
![[Astuce] Comment renommer un htaccess sous Windows ?](http://farm5.static.flickr.com/4121/4944825492_5538699fbe_s.jpg)
Derniers commentaires