Page 1 sur 1

04 - Des outils pour comprendre

Posté : sam. 10 nov. 2018 17:54
par pdetre
Analyser les pages de son site
Avant d'aller plus loin dans l'apprentissage des techniques du SEO, il serait quand même bien pratique de disposer d'outils qui nous renseignent sur l'état actuel du site que nous avons fait ( et même sur les sites que nous n'avons pas fait, ceux de nos concurrents par exemple ;) ) et sur les éventuelles améliorations que nous pouvons y apporter.
Vous verrez que si vous souhaitez vous perfectionner en référencement ces outils vont vite s'avérer indispensables.

Webconfs - Les outils du SEO
Je vous ai déjà parlé du site webconfs qui propose toute une batterie de petits utilitaires extrêmement pratiques dès qu'il s'agit d'analyser les performances d'un site en matière de SEO.
Bien sûr vous pourrez trouver de très nombreux autres sites semblables, mais si je vous conseille celui-là c'est qu'il est plutôt bien présenté et surtout absolument gratuit. Donc pour débuter et comprendre, c'est ce qu'il nous faut.

Libre à vous lorsque vous commencerez à bien maîtriser les bases de vous tourner vers d'autres sites proposant des outils plus performants voire vers des agences spécialisées mais là, il vous faudra ouvrir votre porte-monnaie et même très largement dans certains cas.

Web developper - vos pages ne pourront plus rien vous cacher
Si vous avez suivi les sujets du forum dans l'ordre, vous savez que les balises HTML ont un rôle très important pour le SEO. Or pour l'instant, le seul outil à notre disposition pour voir ces balises c'est le code source.

:?: - Oui mais franchement, on n'y comprend rien à ce code. Il faudrait quelque chose de plus simple, plus clair ; enfin quelque chose qu'on comprenne quoi !
:idea: Et bien bonne nouvelle ce quelque chose existe et il s'appelle Web developer
Il s'agit d'un petit utilitaire entièrement gratuit et très discret qui s'installe dans votre navigateur et qui va vous fournir plein d'informations compréhensibles sur ce que vous avez fait et donc sur les éventuels erreurs ou oublis dans vos pages.

:shock: - Heuuuuu...
Bon par exemple, vous avez mis une série d'images sur votre page mais ça ne rend pas très bien car certaines d'entre elles ne sont pas à la bonne dimension ; et bien un petit coup de web developer et il vous donnera les dimensions de toutes les images qui sont sur votre page. Il ne vous restera plus qu'à faire les corrections.
Vous verrez, même si c'est encore un peu flou pour l'instant, vous allez adorer.

Comment l'installer ?
Première chose à savoir, à l'heure où j'écris ces lignes Web developer n'existe que pour les navigateurs Firefox, Chrome ou Opera. Si vous êtes des habitués de Safari, Internet Explorer ou autre, désolé il faudra changer de navigateur au moins le temps d'analyser vos pages.
  • Comment le trouver ?
    C'est très simple, grâce à Google.
    Vous tapez simplement : web developer firefox (ou chrome ou opera) et vous trouvez le bon lien sur le SERP
    Cliquez sur ce lien qui devrait vous renvoyer sur une page qui ressemble à ça :
    NB : Les illustrations qui suivent sont pour le navigateur Opera, mais la procédure est la même pour les autres

    Image
  • Comment l'installer
    Appuyez sur le bouton (dans le cas de l'illustration : Ajouter à Opera)
    puis suivez éventuellement la procédure mais c'est de toutes façons très simple.
    En fin d'installation vous devriez obtenir un écran de ce genre :

    Image

    Et voilà, c'est installé.
  • Comment l'utiliser
    Commencez par fermer puis ré-ouvrir votre navigateur (Heu... celui sur lequel vous avez fait l'installation, pas un autre bien sûr)
    À droite de la barre d'adresse vous verrez qu'une nouvelle icône en forme de roue crantée a été ajoutée.

    Image

    Cliquez sur la roue et vous allez voir apparaître un menu.

    Image

    Voilà, c'est ça web developer
Maintenant faisons une petite expérience.
Rendez-vous sur une page où il y a des photos. Pas forcément sur votre site, n'importe lequel mais avec des images...
Quand vous y êtes, cliquez sur la roue crantée, puis dans le menu sur "Images" et enfin sur "display images dimensions".
Et voilà, à côté de chaque image apparaît un bandeau rouge avec les dimensions. Pratique non ?

En tous cas nous, ça va bien nous aider.

NB : Le menu est en anglais mais en fouillant un peu avec Google vous devriez trouver de quoi le traduire en français. Je vous laisse chercher.

Re: 04 - Des outils pour comprendre

Posté : lun. 12 nov. 2018 08:35
par pdetre
Je viens de refaire quelques tests, et il semblerait que Web developer fonctionne mieux avec Chrome et Opera.
J'ai eu quelques bugs avec Firefox (infos qui ne s'affichent pas).
C'est certainement passager car d'une mise à jour à l'autre, il peut y avoir des incompatibilités qui sont corrigées à la mise à jour suivante.
En tous cas, si vous constatez le même genre de problèmes, n'hésitez pas à utilliser un autre navigateur.