Papy Geek

Un blog différent sur tous les bons trucs du Web

Tester un site web de A à Z

stats 1,333 lectures.

Popularité

Plusieurs services permettent de tester la popularité d’un site au sens large.

SocialMeter permet de calculer le nombre de liens pointant vers un site Web sur différents services dont certains services “sociaux” comme Delicious ou Digg.

Social Meter

popuri.us affiche plusieurs indicateurs très connus concernant la popularité et la diffusion du site.

popuri.us -- quickly check your site\'s Google PageRank, Alexa Rank and more!

Le service Page Strength de SEOMoz permet de calculer la “force” de votre site, principalement en fonctions du nombre de liens qui pointent vers votre site sur Google, Yahoo, Technorati, Digg, etc.

SEOmoz | Page Strength SEO Tool

TalkDigger permet de voir qui parle d’un site sur Internet, en interrogeant plusieurs services simultanément : Technorati, Google Blog, Digg, BlogPulse, etc.

Talk Digger Search for: \

Technologies

Built With affiche des informations concernant les technologies utilisées dans l’architecture du site via son Technology Profiler.

Exemple :

BuiltWith has detected Google Analytics, Google Adsense, RSS, PHP, WordPress, Atom, UTF-8, XHTML Transitional, MyBlogLog, Friends Network, Really Simple Discovery, WordPress Stats, Live Writer Support, Pingback Support, Cascading Style Sheets, Wordpress Plugins, Javascript already being used on papygeek.com

Technology and SEO Profile for papygeek.com

Affichage et Design

BrowserShots permet de tester le design d’un site dans différents navigateurs sous plusieurs systèmes d’exploitation (Linux, Windows et MacOS) :

Testez le design de votre site dans différents navigateurs - Browsershots

IE NetRenderer teste le rendu (et donc la compatibilité) dans plusieurs version d’Internet Explorer de Internet Explorer 5.5 à Internet Explorer 8 Beta 1.

IE NetRenderer - Browser Compatibility Check - www.papygeek.com

BrowsrCamp fait la même chose, mais avec les navigateurs de MacOSX (Safari pour la version gratuite disponible en ligne).

BrowsrCamp

Pour connaître le rendu sur un dispositif mobile, vous pouvez utiliser la démo Live d’OperaMini.

Opera Mini

Performances

L’outil de Pingdom Tools permet de simuler le téléchargement complet d’une page Web et d’obtenir le temps de téléchargement de chaque élément ainsi que de la page complète.

Pingdom Tools

Vous pourrez ainsi déterminer les éléments pénalisants comme les scripts externes.

WebPageAnalyser de Site24×7 fera le même genre d’analyse :

Site24x7 - Online tool to analyze webpage and its objects

Pour un rapport textuel, WebSiteOptimizer fera l’affaire.

Web Page Speed Report - WebSiteOptimization.com

L’extension Firefox Firebug permet de faire de nombreuses choses comme regarder le temps de chargement de chaque élément d’une page Web directement depuis son navigateur (ou modifier en live une page Web).

Firebug Net

Pour aller plus loin, il est possible d’installer l’extension développée par Yahoo YSlow qui permet de tester les performances et de donner une note au site testé. Les résultats sont donnés sous forme de conseils permettant d’améliorer son score.

Accessibilité/Navigation

Pour tester l’accessibilité d’un site Web, le validator du W3C est très efficace.

[Valid] Markup Validation of http://www.papygeek.com/ - W3C Markup Validator

HTML2TXT permet de tester le rendu du site au format texte. C’est utile pour l’accessibilité mais aussi d’un point de vue SEO, puisque ce contenu est à peu de choses près celui qui sera utilisé par les moteurs de recherches pour vous référencer.

html2txt- online service to convert web pages to plain text

SEO / Optimisation pour les moteurs de recherche

Google Webmaster Tools permet d’obtenir un nombre très important d’informations sur votre site Web : erreurs HTTP, pages non trouvées, liens morts, analyse du contenu (balises meta, titre… ), top des recherches, informations sur les liens internes et liens externes, gestion des sitemaps, etc.

Google Webmaster Tools - Overview

WebSite Grader permet de générer un rapport complet avec analyse des meta, du contenu, liens externes dans les annuaires et moteurs de recherche, etc. Le site obtient alors une note sur 100.

Web Site Marketing SEO Tools, SEO Score

La SEO Toolbox de SEOMoz fournit une compilation de plusieurs outils intéressants :

SEOmoz | SEO Toolbox - Free SEO Tools

Ranks.fr permet lui de suivre votre positionnement dans Google pour les mots clés choisis.

Ranks.fr Suivi de référencement google & position google

Supervision

ozMonitor permet de superviser votre site Web, et notamment de vous avertir par mail en cas d’indisponibilité.

ozMonitor ( Solution de supervision et de gestion des performances des sites web )

Ping

Just-Ping.com est un service permettant de voir si le site est disponible à travers le monde. Contrairement aux autres services de ping, Just-Ping utilise une vingtaine de lieux différents depuis lesquels les tests sont effectués. Alors, on vous entend en Chine ?

Just ping - Online ping - Online web-based ping- remote ping a server or web site using our network with 26 checkpoints worldwide

Who-Is et DNS

Who Is The Owner est un service de WhoIs plutôt complet qui vous donnera les informations sur le propriétaire de la page. Intéressant également si vous voulez voir quelles informations trainent à propos de votre site.

Who Is The Owner- - Universal Whois Online Service

Vous pouvez également utiliser le WhoIs de Domain Tools.

Domain Tools Who Is

Ou pour ceux qui aiment l’Ajax : AjaxDNS.

DNS Tools - Ajax DNS

Qui partage votre hébergement ?

Si vous êtes sur un hébergement mutualisé, plusieurs sites possèdent la même adresse IP que la votre et partagent donc vraisemblablement les ressources du serveur Web avec vous. Si un gros site est parmi ceux-ci, les performances de votre site peuvent être pénalisées.

Il existe plusieurs services permettant d’effectuer une requête IP inversée, c’est à dire connaître les noms de domaines correspondant à une adresse IP.

On peut citer notamment le “Reverse IP DNS Domain Check Tool” de seologs.com :

Reverse IP DNS Tool - Find Domains That Share Your IP Address.

Ou le “Reverse IP Domain Check” de YouGetSignal :

YouGetSignal.com - Find Other Web Sites Hosted on a Web Server

Quel est l’hébergeur ?

Vous trouvez qu’un site répond à une vitesse folle alors que le votre est plutôt lent ? Pour connaître quel est l’hébergeur d’un site Web vous pouvez intérogger le site Who Is Hosting This.

Who is Hosting fr.techcrunch


N’hésitez pas à proposer les services que vous utilisez fréquemment dans les commentaires de l’article, je les rajouterai à la liste.

Améliorer la confidentialité de ses comptes mails

stats 664 lectures.

Étant donné les déboires actuels de WebRankInfo, je pense qu’il est bon de rappeler quelques conseils pour la sécurité de ses comptes de messagerie.

Gmail_Security

  • Ne pas penser que vous n’intéressez personne. Toute information aujourd’hui peut avoir de la valeur : espionnage industriel, délit d’initié, volonté de nuire, etc. Sans parler de ceux qui possèdent des éléments de valeur : compte Google Adsense, Adwords, site Web ou blog au pagerank de 4, 5, 6 ou même 7, compte Paypal, etc. Garder donc à l’esprit que vous êtes une cible potentielle.
  • Ne pas utiliser un même compte mail pour plusieurs usages. Il faut éviter d’utiliser un même compte mail pour une utilisation professionnelle et personnelle. Il faut également de préférence utiliser un compte mail supplémentaire pour les mails ou services sensibles.
  • Attention à la gestion des mots de passe !
    - Ne pas utiliser le même mot de passe pour plusieurs comptes mails.
    - Ne pas utiliser un mot de passe permettant de deviner les autres (par exemple toto1tata, puis toto3tata - Ah!Ah! pown3d j’ai sauté un chiffre!).
    - Cloisonner les comptes mails : pas de lien entre eux, pas de récupération des mots de passes de l’un avec l’adresse de l’autre, pas de transferts de mails, etc.
    - Ne pas utiliser le même mot de passe pour plusieurs services Web : Netvibes, Gmail, Flickr, etc. Ou alors utilisez un compte générique pour les services dont la sécurité n’est pas cruciale, et ne pas réutiliser le mot de passe correspondant pour son mail.
    - Ne pas donner publiquement d’informations qui pourraient permettre de répondre aux questions de sécurité, et attention aux personnes pouvant être bien informées. Le nom de jeune fille de votre mère n’est pas sûr! D’ailleurs, personnellement je réponds souvent à côté des questions en donnant une réponse type quel que soit la question.
    - Ne pas utiliser des données personnelles dans les mots de passe.
    - Utiliser des mots de passe complexes pour vos comptes importants.
    - Changer relativement régulièrement de mot de passe.
  • Pour les comptes dont la sécurité est vraiment vitale, connectez-vous uniquement à ceux-ci, et une fois les mails lus/envoyés, utilisez le lien de déconnexion. N’allez pas sur d’autres sites en même temps, n’ouvrez pas d’autres onglets pour éviter les failles du type XSS très courantes.
  • N’utilisez jamais vos comptes mails importants en itinérance et sur des réseaux dont vous ne connaissez rien de la sécurité : pas d’utilisation en cyber-café, au MacDo, dans des hôtels ou des conférences. Les keyloggers sont une plaie et sont très simples à mettre en place. Il existe également des dispositifs pouvant se positionner entre l’entrée USB/clavier et enregistrant la frappe. D’où l’importance d’utiliser un poste de travail de confiance.
  • Pensez qu’il est parfois possible d’utiliser un mail chez votre registar/hébergeur, et pas forcément uniquement sur les gros services comme Gmail, Yahoo Mail ou Hotmail.
  • Ne pensez pas votre mot de passe infaillible. Ne croyez pas non plus que les dispositifs du type “clavier virtuel” comme sur les sites de banque en ligne (Caisse d’Epargne par exemple) soient sûrs à 100%. Ce genre de protections cache souvent des services à la sécurité très importante et peut attirer des pirates de haut-niveau. Il existe déjà des “keyloggers visuels” permettant de prendre des petits screenshots autour de la zone de clic et ainsi découvrir votre mot de passe. C’est relativement simple.
    Si vous devez réellement taper votre mot de passe sur une machine pas très sûre, essayez au moins de tromper les keylogger en tapant quelques lettres/chiffres de votre mot de passe (par exemple la fin) puis vous déplacer sur le champ en cliquant avec la souris pour taper ce qu’il manque du mot de passe. C’est bête mais ça peut fonctionner avec les keyloggers peu perfectionnés.
  • Connectez-vous en HTTPS. Certains sites comme Google proposent les deux.
  • Si le service affiche la date de dernière connexion, vérifiez-là. (D’ailleurs, tous les services devraient proposer cette option.)
  • Utilisez un navigateur de préférence réputé pour sa sécurité (pour les Webmails), idem pour le client mail. (En général, les produits de Microsoft et l’ActiveX n’ont pas bonne réputation… )
  • Attention aux extensions peu connues (Firefox) ou aux barres d’outils. Attention en général aux programmes installés sur votre système si ceux-ci ne sont pas publiquement reconnus ou si les sources ne sont pas accessibles.
  • Ne pas enregistrer les mots de passe dans son navigateur. Sinon il suffit de quelques minutes devant votre machine ou d’un script pour les récupérer.
  • La sécurité n’est jamais absolue. Ou alors éteignez votre ordinateur ! (Quoi que ce n’est même pas complètement sûr avec les moyens actuels de lire ce qui se situe dans la RAM)

Voilà, j’ai sûrement oublié plein de choses mais c’est ce qui me vient en tête. Cette liste n’engage évidemment que moi et est largement perfectible.

Vous voyez d’autres choses ?

HeadSpace2 : plugin WordPress Ultime ?

stats 1,440 lectures.

Vous cherchez un plugin permettant de gérer les tags sous WordPress 2.3 avec suggestion automatique selon le contenu comme avec Ultimate Tag Warrior ? Un autre plugin pour optimiser votre positionnement dans les moteurs de recherche (SEO) en modifiant les entêtes Title, Meta Description et Meta Keywords différemment pour votre page d’accueil, vos archives, vos catégories, vos articles, vos pages de tags et même vos pages d’erreurs ? Encore un autre plugin permettant d’ajouter du javascript ou des feuilles de styles à seulement une page ou un article ? Ne cherchez plus : HeadSpace2 est le plugin WordPress qui va vous permettre de faire tout ça et bien plus encore.

Avant le long discours, voici une petite vidéo résumant les fonctions du plugin :

L’intérêt principal du plugin est qu’il est totalement compatible WordPress 2.3 et modulable. Vous n’activez donc que les fonctions qui vous intéressent, dont voici la liste :

Optimisation SEO et meta data

HeadSpace permet de modifier les titres, les mots clés (keywords) et les descriptions distinctement pour chaque élément du site :

Papy Geek - HeadSpace - Entetes

Les éléments modifiables sont les suivants :

  • Réglages généraux - appliqué à tout sauf indication contraire
  • Page d’accueil - appliqué à la page d’accueil
  • Archives - appliqué lors de l’affichage des archives
  • Catégories - appliqué aux pages de catégorie sans réglages spécifiques
  • Articles & Pages - appliqué aux pages et aux articles sans réglages spécifiques
  • Pages Auteur - appliqué aux pages Auteur
  • Pages Recherche - appliqué à la page de résultats de recherche
  • Page 404 - appliqué lors d’une erreur 404
  • Tag Pages - appliqué aux pages de tags

Les champs peuvent prendre des valeurs génériques de ce type :

  • %%date%% - Insère la date de l’article/de la page
  • %%title%% - Insère le titre de l’article/de la page
  • %%excerpt%% - Insère le résumé de l’article/de la page
  • %%category%% - Insère les catégories de l’article ( séparé par des virgules)
  • %%category_description%% - Insère la description de la catégorie
  • %%modified%% - Insère la date de modification de l’article/de la page
  • %%id%% - Insère l’ID de l’article/de la page
  • %%name%% - Insère le surnom de l’auteur de l’article/de la page
  • %%userid%% - Insère l’ID de l’auteur de l’article/de la page
  • %%searchphrase%% - Insère la requête de la recherche
  • %%currenttime%% - Insère l’heure courante
  • %%currentdate%% - Insère par la date courante
  • %%page%% - Insère le numéro de page courant (c.à.d page 2 / 4)

Il est également possible de modifier les entêtes individuellement pour chaque article ou page :

HeadSpace - edit-box

Un mode d’édition massive des entêtes est présent via le menu d’administration Gérer -> Entêtes :

Papy Geek - Entêtes - WordPress

Gestion des tags

La gestion des tags permet d’améliorer largement la fonction de tagging de WordPress 2.3.

Vous pourrez alors ajouter automatiquement la liste des tags à la fin des articles ou des pages de votre blog.

Les tags pourront également être suggérés lors de l’édition (via une fonction interne ou Yahoo) :

Papy Geek - Créer un nouvel article - Tags

Un mode d’édition massive des tags est présent, vous pourrez même remplir les tags automatiquement grâce à la suggestion :

Papy Geek - Tags - WordPress

Le plugin n’oublie pas ceux disposant d’autres systèmes pour gérer leurs tags, il est possible d’importer les tags et mots-clés depuis :

  • UTW (Ultimate Tag Warrior)
  • SEO Title tags
  • All-in-one SEO
  • Jerome’s Keywords
  • Simple Tagging
  • lud.icro.us HeadMeta
  • HeadMeta description
  • More Unique

Thèmes et plugins spécifiques à la page

Fonction très intéressante de HeadSpace : il est possible d’activer sélectivement des thèmes et des plugins pour une page. Ainsi, on pourra activer un plugin comme cForms II seulement sur la page de contact, évitant ainsi les insertions de javascript et de css sur toutes les autres pages du site. De même avec un Extended Live Archive qui pourra être activée seulement sur la page des archives.

Vos plugins ne seront disponibles que là où ils sont vraiment nécessaires.

PS : ça ne marche pas sur mon blog pour l’instant, mais c’est certainement du à ma configuration…

Changer le texte du lien “Read More”

C’est tout bête, mais changer le texte du lien “Read More” ou lire la suite n’est pas forcement évident pour tout le monde. Là, ce changement se transformera en simple paramètre, et grâce à la structure modulaire du plugin, il sera possible de changer ce lien différemment pour chaque article.

Indiquer ou non aux moteurs de recherche d’indexer la page

Le module No Index / No Follow permet d’indiquer aux moteurs de recherche si les pages des articles, des catégories, des tags, etc. doivent êtres indexées ou non. Le paramètre “Follow” permet d’indiquer aux moteurs de recherche de suivre ou non les liens hypertextes présents sur la page.

Insérer du Javascript ou du CSS sur une page spécifique

Très simple et pourtant très efficace, ce module permettra d’ajouter des feuilles de style ou du JavaScript sur certaines pages données. Très bien pour alléger votre blog qui n’aura pas forcément besoin de tel ou tel CSS/JavaScript sur toutes les pages.


Parmi les autres fonctions, il est possible de changer non seulement le titre du site selon les pages mais aussi le titre du flux RSS, de personnaliser le nombre d’articles affichés dans les pages d’archives et de recherche et de choisir entre l’affichage complet du contenu ou seulement du résumé, d’empêcher à votre site d’être affiché dans une frame (à l’intérieur d’un autre site), d’insérer automatiquement les codes de suivi pour Google Analytics, Crazy Egg, StatCounter et Mint, avec la possibilité de ne pas compter les admins, etc, etc…

En conclusion, HeadSpace 2 pourrait bien devenir le couteau suisse des plugins WordPress. Le suivi du plugin par l’auteur est bon, et les nouveautés fréquentes.

A essayer de toute urgence pour les amoureux de WordPress. Le plugin étant disponible sur le site de l’auteur, et en Français pour ne rien gâcher!

Apartés