{"id":6360,"date":"2017-06-12T23:14:48","date_gmt":"2017-06-12T21:14:48","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=6360"},"modified":"2020-06-02T18:30:33","modified_gmt":"2020-06-02T16:30:33","slug":"atelier-flupa-2017-hackers-les-outils-seo-pour-lux-par-myriam-jessier","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/atelier-flupa-2017-hackers-les-outils-seo-pour-lux-par-myriam-jessier\/","title":{"rendered":"FlupaUXDays 2017 – L’Atelier Hackers les outils SEO pour l\u2019UX, par Myriam Jessier"},"content":{"rendered":"
La semaine derni\u00e8re ont eu lieu les <\/i>Flupa UX Days<\/i><\/a>, rendez-vous annuel des UX designer francophones. J\u2019ai pris beaucoup de notes et pour \u00e9viter de m\u00e9langer trop les sujets, j\u2019ai d\u00e9cid\u00e9 de faire plusieurs articles. Celui-ci est le premier d\u2019une s\u00e9rie de retours sur les ateliers et conf\u00e9rences du Flupa UX Days 2017.<\/i><\/p>\n Cet atelier donn\u00e9 par Myriam Jessier<\/a>\u00a0(qui avait d\u2019ailleurs \u00e9crit un tr\u00e8s bon article UX et SEO : convergence<\/a> sur mon blog) a pour but d\u2019expliquer \u00e0 un public d\u2019UX Designers d\u00e9butant les diff\u00e9rents outils gratuits et astuces SEO qui leur seront utiles dans leur quotidien et de les aider \u00e0 mieux comprendre les r\u00e9f\u00e9renceurs. Les slides sont disponibles ic<\/a>i.<\/p>\n La commande site:nomdedomain.fr<\/em> directement dans la barre de recherche de Google permet de voir toutes les pages que Google aura index\u00e9 pour votre domaine. Cette commande vous permet entre autres de :<\/p>\n <\/p>\n Deux petits exemples :<\/p>\n A l\u2019aide de Screaming Frog<\/a> ou Xenu<\/a> (Windows, pour mac vous pouvez tester Integrity<\/a>), le r\u00e9f\u00e9renceur peut fournir dans un fichier Excel une liste compl\u00e8te des pages, avec en plus le JS, le CSS, les images<\/p>\n Attention: Screaming Frog est un logiciel payant. Cependant, la version gratuite vous laisse extraire jusqu\u2019\u00e0 500 URLs (incluant les images, fichiers JS et CSS).<\/p>\n On utilise pour \u00e7a un crawler qui est un petit robot qui se comporte comme Google :<\/p>\n Depuis le fichier Excel export\u00e9, on peut faire des tris pour faire remonter plus facilement :<\/p>\n <\/p>\n Bref, une simple analyse des pages de votre site peut d\u00e9j\u00e0 vous fournir beaucoup d\u2019informations. Le grand int\u00e9r\u00eat de cet outil est qu\u2019il permet d\u2019avoir une base solide pour effectuer un audit de contenu sur un site Web.<\/p>\n Pour ceux qui souhaitent tester un site qui n\u2019a pas encore \u00e9t\u00e9 mis en ligne, il est possible de faire des tests sur des sites en pre-prod, tant que vous disposez des acc\u00e8s. Screaming Frog vous proposera de fournir vos identifiants dans un popup qui appara\u00eetra au sein de l\u2019outil.<\/p>\n L\u2019outil answerthepublic.com<\/a> permet de comprendre les intentions de recherche des utilisateurs et proposer des contenus en fonction<\/strong>. Pas besoin de payer ou de s\u2019encombrer de m\u00e9triques propres au SEO, ici vous avez acc\u00e8s aux intention de recherche pr\u00e9sent\u00e9es de mani\u00e8re tr\u00e8s visuelle. On peut \u00e9galement utiliser Google Trends<\/a> pour avoir des metrics sur les recherches ou tester par pays le mot le plus utilis\u00e9 entre deux mots. Cet outil permet de voir les fluctuations de l\u2019utilisation des mots au fil du temps. Certains termes deviennent plus populaires que d\u2019autres avec le temps dans certains pays (Customer experience est plus populaire que user experience aux USA par exemple).<\/p>\n <\/p>\n Ces outils servent \u00e0 guider votre r\u00e9flexion<\/strong> et \u00e0 comprendre quel type de contenus on peut mettre sur son site, quels types mettre en avant, etc. Ils permettent de se rapprocher des intentions de recherche des utilisateurs en offrant des informations sur les mots \u00e0 utiliser, la construction des requ\u00eates (questions, adjectifs, etc.) tout en vous aiguillant vers des intentions de recherche qui n\u2019ont pas n\u00e9cessairement \u00e9t\u00e9 identifi\u00e9es au premier abord.<\/p>\n Tester l\u2019affichage permet de valider que<\/strong>, sur le plus grand nombre de navigateurs, le site se charge correctement<\/strong>. Plusieurs outils sont disponibles :<\/p>\n <\/p>\n Le cerveau des utilisatrices n\u2019est pas toujours totalement disponible \u00e0 100% dans votre site, qu\u2019elles soient dans le m\u00e9tro, au boulot ou en train de discuter avec des amis tout en consultant votre site sur la terrasse d\u2019un caf\u00e9.<\/p>\n Il existe plusieurs outils pour tester le score de lisibilit\u00e9 de vos contenus<\/strong> et vous assurer qu\u2019ils soient facilement compr\u00e9hensibles et adapt\u00e9s au niveau de vos utilisateurs cibles<\/strong>.<\/p>\n <\/p>\n Sidenote : les outils disponibles ont \u00e9t\u00e9 d\u00e9velopp\u00e9s pour la langue anglais, ils ne sont donc pas fiables a 100%, mais ils restent un bon indicatif.<\/p>\n Le plugin Chrome Developer Toolbar permet d\u2019afficher votre hi\u00e9rarchie de contenus<\/strong> (h1, h2, etc.), ce qui vous permet encore une fois de vous assurer de la facilit\u00e9 de compr\u00e9hension et lisibilit\u00e9 de votre contenus, en particulier lorsqu\u2019ils sont longs. Pour cela, installez le plugin, cliquez sur \u201cinformations\u201d puis \u201cView Document Outline\u201d<\/p>\n <\/p>\n ** Note de St\u00e9phanie : outliner<\/a> est un outil en ligne qui vous proposer \u00e9galement de vous afficher la hi\u00e9rarchie **<\/p>\n Pour comprendre comment Google Analytics fonctionne, il faut comprendre que les donn\u00e9es sont divis\u00e9es en ABC : audience, behavior, conversions<\/p>\n On peut donc y voir :<\/p>\n Il faut avouer que GA est tr\u00e8s compliqu\u00e9 en termes de prise en main. Fort heureusement on peut ajouter des raccourcis<\/strong> et y avoir acc\u00e8s directement en haut ensuite. Pour ce faire il vous faudra commencer par vous rendre dans la vue avec les m\u00e9triques qui vous int\u00e9ressent pour ensuite cliquer sur le lien \u201cRaccourcis\u201d. Vous retrouverez ensuite vos favoris directement dans \u201cPersonnalisation > Raccourcis\u201d<\/p>\n <\/p>\n Les deux derniers outils pr\u00e9sent\u00e9s sont des outils d\u2019optimisation<\/strong>. Pour faire du test mobile vous pouvez utiliser l\u2019outil de Google \u201cMobile Friendly<\/strong><\/a>\u201d. Attention, ce n\u2019est pas parce qu\u2019un site passe ce test que son ergonomie et utilisabilit\u00e9 sont parfaites, loin de l\u00e0, il faut plus voir cela comme le minimum syndicale \u00e0 accomplir pour que votre site soit consultable sur mobile.<\/p>\n <\/p>\n Le dernier outil pr\u00e9sent\u00e9 est pingdom<\/strong><\/a>. Il permet de tester le temps de chargement du site <\/strong>qui donne en plus la liste des probl\u00e8mes de performance et proposer des d\u00e9buts de solutions.<\/p>\n1. Utiliser Google pour voir quels contenus sont index\u00e9s<\/h2>\n
\n
\n
\n
2. Extraire la liste compl\u00e8te des pages d\u2019un site<\/h2>\n
\n
\n
3. D\u00e9couvrir les intentions de recherche<\/h2>\n
4. Tester l\u2019affichage d\u2019une page<\/h2>\n
\n
\n
5. Tester le score de lisibilit\u00e9<\/h2>\n
\n
6. Voir la hi\u00e9rarchie de contenus avec la chrome dev toolbar<\/h2>\n
7. Les m\u00e9triques dans Google Analytics et cr\u00e9er des raccourcis vers les donn\u00e9es<\/h2>\n
\n
8. Tester l\u2019optimisation mobile de son site et la performance de son site<\/h2>\n