juin 23

[Outil] compresser du Javascript

Un tout nouvel outil viens d'être développé au sein d'InfoWebMaster. Il s'agit d'un outil pour compresser du code Javascript. Particulièrement utile pour optimiser le temps de chargement d'une page web.

Préface

Le langage informatique Javascript, inventé en 1995 a pris de l'ampleur au fil des années. Il est devenu de plus en plus populaire, de manière à retrouver ce langage sur une grande majorité des grands sites. Malheureusement, chacun de ces codes alourdissent le temps de chargement des pages web. A l'heure actuel, les navigateurs web gardent en cache ces codes (surtout s'ils sont placés dans un fichier externe) pour éviter de les recharger à chaque fois.

Malgré tout, la technique consistant à compresser le code source reste efficace pour lors de la première visite sur un site. Cela permet de gagner quelques millisecondes précieuses qui peuvent faire la différence pour les visiteurs. De plus, cette technique économise la bande passante (certains hébergeurs limites la bande passante).

Pour rappel, la vitesse de chargement est un élément à ne pas négliger pour faire un site efficace, je recommande la lecture d'un vieil article qui explique les intérêts d'une vitesse de chargement rapide.

Description

L'outil pour compresser du Javascript qui viens d'être développé, commence dans un premier temps par supprimer les commentaires dans le code. Ces commentaires ne sont à aucun moment utile pour les visiteurs d'un site ou les navigateurs internet. En supprimant ceux-ci, une grande majorité du code inutile qui prend de la place est retiré.

Dans un second temps ce sont les tabulations et retour à la ligne qui sont retiré. Le code qui en résulte est imbuvable pour un humain, mais le résultat est le même pour l'ordinateur.Enfin, les principaux espaces inutiles sont supprimés.

La petite touche finale de cette application est attribué par un compteur de caractères, qui permet de déterminer le taux de compression du code.

Précaution d'utilisation

Dans le but d'éviter des bétises, il est recommander de conserver le code Javascript non comprimé, en particulier si des modifications peuvent être apporté aux codes (car le code comprimé est difficilement compréhensible par un humain). Et puis on ne sait jamais, cet outil pour compresser le code Javascript n'est pas à l'abris d'une erreur.

Conclusion

Qu'attendez-vous pour compresser vos codes?
Si je peux vous donner un conseil, comparer le poids en octets de votre page web ou de votre page javascript avant et après la compression.

juin 17

Lancement du glossaire pour webmaster

Cela faisait un petit moment que ce projet à été planifié et il viens enfin pointer le bout de son nez. Le glossaire pour webmaster associé au site InfoWebMaster est dorénavant disponible pour les visiteurs du site. Il a été ajouté au menu du haut. Cet article va vous le présenter plus en détail.

Présentation

Contrairement à un dictionnaire, un glossaire est un recueil de définition rare et spécifique à un domaine. Dans notre cas il s'agit en quelque sorte d'un dictionnaire des termes liés au webmastering. Il regroupe du vocabulaire sur le webmarketing (exemple: EPC et CPC), le référencement (exemple: PageRank et TrustRank) et d'une manière générale des mots plus ou moins indispensable pour la création et l'édition d'un site web. Ça englobe également les termes qu'un blogueur peut rencontrer.

Capture décran du glossaire pour webmaster

Capture d'écran du glossaire pour webmaster

Intérêt

L'intérêt pour les lecteurs c'est de mieux comprendre le vocabulaire technique et de les familiariser avec certaines expressions. J'espère que cela permettra une meilleur accessibilité des articles qui abordent parfois certains termes comme "acquis".

En conséquent, les débutants auront l'opportunité de consulter les définitions pour mieux comprendre. L'avantage concerne également les lecteurs confirmés, car les articles seront épuré de multiples explications. A la place des liens vers les définitions seront fournis et lecteur aura la possibilité (s'il le souhaite) de consulter les explications détaillée.

Utilisation

J'espère que l'utilisation est assez intuitive. La page d'accueil et le menu du haut regroupent les 26 catégories qui corresponde ni plus ni moins aux 26 lettres de l'alphabet. Chaque catégorie propose un petite définition des mots qui commence par la lettre associé et pour obtenir plus d'information il suffit de cliquer sur le lien pour accéder à la fiche détaillé du vocabulaire technique.

Exemple

Il y a certains mots que les débutants ne connaissent surement pas, tel que le terme Banner blindness ou alors le Clustering. De même dans le monde du référencement il y a une multitude de termes à connaitre tel que "keyword stuffing" et "page orpheline" (qui peuvent avoir de l'importance dans certaines situations).

Conclusion

Pour le moment il y a plus de 70 définitions de disponible mais ce chiffre va grimper dans les prochains jours. Il faut juste un peu de temps pour les rédiger.

N'hésitez pas à laisser un commentaire sur cette news pour faire part de votre feedback. En tout les cas, passez une très bonne fin de journée.

juin 03

[Test SEO] Multiples ancres sur une page

Lors de petit cours présent sur le site InfoWebMaster il a déjà été présent de l'importance des liens, néanmoins il y a quelques petits détails que les débutants ne connaissent pas. Un test à été réalisé pour connaitre l'importance des liens sur une même page. Lors de la conclusion de ce test (s'il n'y a pas eu d'erreur) vous apprendrez surement des choses intéressante, même pour certains professionnels du référencement.

Pré-requis de base

Il faut tout de même que tous les lecteurs aient les bases pour comprendre ce test. C'est la raison pour laquelle je recommande la lecture de l'article "importance de l'ancre des liens". En tant que petit résumé, je vais juste préciser que l'ancre d'un lien, c'est-à-dire les mots qui sont "cliquable", ont un poids aux yeux des moteurs de recherche. Ainsi, il faut éviter de faire un lien intitulé "cliquer-ici" mais plutôt privilégier des mots-clés à optimiser.

Les ancres de liens améliorent le positionnement de la page liées pour les mots-clés de l'ancre, même si la page liée ne contient pas le mot en question.

Pré-requis un peu plus évolué

Pour ceux qui s'intéressent d'un peu plus près au référencement, ils sauront peut-être que si sur une même page (appelé A) il y a plusieurs liens vers une deuxième page (appelé B). Alors sur l'ensemble des liens vers B, il n'y a que l'ancre du premier lien qui est pris en compte dans l'algorithme.

C'est important à savoir pour éviter de "penser" améliorer le référencement alors qu'en réalité il n'en est rien.

Test SEO

Idée

L'idée du test a été décomposé en deux étapes:

  1. Vérifier qu'il n'y a en effet que l'ancre du premier lien qui a de l'importance.
  2. Constater ce qui se passe si le premier lien est en NoFollow

Le deuxième point à de l'importance, car j'ai entendu dire par des "spécialistes", sur des forums spécialisé, qu'ils utilisait du NoFollow sur le premier lien dans le but que ce soit l'ancre du deuxième lien qui soit pris en compte.

Procédure

Pour réaliser ce texte une nouvelle page web a été créé. Je ne l'a citerais pas ici car je pense la supprimer.

Cette page contient deux parties, dans le but de faire des constations sur l'étape 1 et 2 du test.

  1. Étape 1: Trois liens vers une page neutre du site sont effectué. Chacun de ces liens possède une ancre unique ET qui ne présente aucun résultat sur Google.
    Astuce: Cherchez un mot-clé qui ne présente aucun résultat sur Google et pour la première ancre écrivez le_mot_clé_blabla1, pour la deuxième ancre le_mot_clé_blabla2, etc ...
  2. Étape 2: Trois liens vers une page neutre du site sont effectué. Le premier lien utilise un NoFollow. Chacun de ces liens possède une ancre unique ET qui ne présente aucun résultat sur Google.

Constatation

Une fois que Google a visiter la page et l'ai indexé il est possible de faire une recherche sur Google pour chacune des mots.

  1. Étape 1: Il est possible d'en effet constater qu'il n'y a que le premier lien qui donne de l'importance. Les ancres utilisée dans les autres liens ne changent absolument rien pour la page liée.
  2. Étape 2: Contrairement à ce que pense  certains spécialistes si le premier lien est en NoFollow alors aucunes des ancres n'apportes de bénéfice pour le référencement. En d'autres termes, certains pensent que le NoFollow sur le premier lien l'annule et que c'est l'ancre du deuxième lien qui a de l'importance, or c'est une idée totalement erronée.
    C'est véritablement cette information qui semble nouvelle. A ma connaissance je n'ai pas vu de test ou d'information SEO qui en parlait.

Conclusion

Imaginons un cas concret. Une page d'accueil d'un site fait des liens vers des articles en page profonde. Il y a un premier lien vers l'article intitulé "voir l'article" puis une description de l'article et un second lien vers l'article cette fois-ci l'ancre du lien est optimisée.
Une référenceur lambda aurait tendance à mettre un NoFollow sur le premier lien (mal optimisé), or selon les constatations de ce test cela ne permet pas pour autant d'améliorer le positionnement de l'article vis-à-vis des mots-clés dans l'ancre.
La bonne solution consiste bel et bien à mettre les bons mots-clés dans la premières ancre de lien.

Pour ma part j'ai appris quelque chose avec ce test. J'espère ne pas ouvert une porte ouverte. Si c'est le cas, n'hésitez pas à indiquer si vous le saviez déjà (et si vous avez un lien d'un article qui l'avait déjà annoncé je suis preneur).
Pour finir je tiens aussi à préciser que je peut fournir l'adresse du test si ça vous intéressent.

icône 82 pixels flux RSS icône 82 pixels twitter icône 82 pixels Facebook

Partenaire

Bannière Protuts Bannière Diggons