{"id":784,"date":"2019-02-08T17:02:17","date_gmt":"2019-02-08T17:02:17","guid":{"rendered":"http:\/\/www.newave.be\/blog\/?p=784"},"modified":"2019-02-08T17:13:19","modified_gmt":"2019-02-08T17:13:19","slug":"comment-javascript-affecte-le-positionnement-seo","status":"publish","type":"post","link":"http:\/\/www.newave.be\/blog\/2019\/02\/comment-javascript-affecte-le-positionnement-seo\/","title":{"rendered":"Comment Javascript affecte le positionnement SEO ?"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Je suis s\u00fbr que vous savez d\u00e9j\u00e0 que les options offertes par l\u2019utilisation de JavaScript pour n\u2019importe quel site Web sont presque infinies et vous aident \u00e0 personnaliser et \u00e0 \u00ab donner une touche sp\u00e9ciale \u00bb \u00e0 votre page. C\u2019est pourquoi\u00a0<\/span>les pages web bas\u00e9es uniquement sur HTML et le code CSS sont un peu bloqu\u00e9es dans la pr\u00e9histoire.<\/p>\n<p style=\"text-align: justify;\"><!--more--><\/p>\n<p><span style=\"font-weight: 400;\">Au cas o\u00f9 vous commenceriez et que vous ne connaissez pas encore tr\u00e8s bien ce qu\u2019est le javascript, disons que ce sont des fragments de code qui font partie de votre site Web et qui sont habituellement ex\u00e9cut\u00e9s en fonction d\u2019une action que le visiteur devrait faire (un clic, d\u00e9filer sur la page web).<\/span><\/p>\n<p><span style=\"font-weight: 400;\">L\u2019utilisation de JavaScript fournit une exp\u00e9rience dynamique pour les utilisateurs de votre page, cela implique \u00e9galement une s\u00e9rie de d\u00e9fis pour les d\u00e9veloppeurs, car il peut poser des probl\u00e8mes lors de l\u2019indexation du site web par Google et ses Googlebots.<\/span><\/p>\n<p><strong>Si vous ne connaissez pas JavaScript, cela pourrait \u00eatre une explication de base de son fonctionnement :<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Avec HTML et CSS, JavaScript est l\u2019une des trois principales technologies de d\u00e9veloppement web. Le code HTML et CSS sont utilis\u00e9s principalement pour cr\u00e9er des pages statiques (c\u2019est-\u00e0-dire que le contenu est affich\u00e9 dans le navigateur tel qu\u2019il est, et ne peut \u00eatre que peu modifi\u00e9 selon les actions de l\u2019utilisateur), tandis que JavaScript fait une page Web dynamique offrant un tr\u00e8s grand choix de possibilit\u00e9.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Le code JavaScript peut \u00eatre utilis\u00e9 pour modifier les valeurs ou les propri\u00e9t\u00e9s d\u2019une balise HTML lorsque l\u2019utilisateur interagit avec la page web. Par exemple s\u2019il clique sur un bouton ou s\u00e9lectionne une valeur \u00e0 partir d\u2019un menu d\u00e9roulant ou de toute autre action qui sert \u00e0 interagir entre l\u2019utilisateur et la page Web.<\/span><\/p>\n<p><a href=\"http:\/\/www.newave.be\/blog\/wp-content\/uploads\/2019\/02\/computer-program-code_1385-635.jpg\"><img loading=\"lazy\" class=\"alignnone wp-image-789\" src=\"http:\/\/www.newave.be\/blog\/wp-content\/uploads\/2019\/02\/computer-program-code_1385-635-300x201.jpg\" alt=\"javascript\" width=\"747\" height=\"500\" srcset=\"http:\/\/www.newave.be\/blog\/wp-content\/uploads\/2019\/02\/computer-program-code_1385-635-300x201.jpg 300w, http:\/\/www.newave.be\/blog\/wp-content\/uploads\/2019\/02\/computer-program-code_1385-635.jpg 625w\" sizes=\"(max-width: 747px) 100vw, 747px\" \/><\/a><\/p>\n<p><b>Quels sont les probl\u00e8mes pos\u00e9s par javascrit pour le SEO ?<\/b><\/p>\n<ol>\n<li><span style=\"font-weight: 400;\"> Le budget Crawl (le temps que Googlebot affecte pour suivre votre site Web) est gaspill\u00e9 et peut signifier qu\u2019il y a des sections non suivies de votre site Web.<\/span><\/li>\n<\/ol>\n<ol start=\"2\">\n<li><span style=\"font-weight: 400;\">Dans le cas o\u00f9 le chargement de code javascript sur votre site Web n\u2019est pas correctement trait\u00e9, il peut donner lieu \u00e0 de graves probl\u00e8mes d\u2019indexation, ou m\u00eame ne pas indexer le site ou une section du site Web.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">C\u2019est pr\u00e9cis\u00e9ment dans le cas 2 que la plupart des probl\u00e8mes se produisent entre SEO et Javascript. Comme je l\u2019ai dit, si Googlebot ne peut pas ex\u00e9cuter et traiter correctement votre JavaScript, il ne sera pas en mesure de voir la page ou le contenu que vous vouliez qu\u2019il voie. Un d\u00e9sastre total pour votre positionnement web!<\/span><\/p>\n<p><b>Les 5 r\u00e8gles de base du JavaScript.<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Cela se r\u00e9sume \u00e0 5 principes fondamentaux lors de l&rsquo;optimisation du contenu JavaScript (pour Google):<\/span><\/p>\n<ol>\n<li><span style=\"font-weight: 400;\"> Le contenu de l&rsquo;\u00e9v\u00e9nement de chargement (ou du d\u00e9lai d&rsquo;attente de 5 secondes) est indexable.<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> Le contenu d\u00e9pendant d&rsquo;\u00e9v\u00e9nements utilisateur n&rsquo;est pas indexable.<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> Les pages n\u00e9cessitent une URL indexable, avec prise en charge c\u00f4t\u00e9 serveur.<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> Auditez le rendu HTML (\u00e9l\u00e9ment d&rsquo;inspection) en utilisant les m\u00eames pratiques optimales de r\u00e9f\u00e9rencement que celles que vous utilisez sur les pages classiques.<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> \u00c9vitez les contradictions entre les versions.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">Ces principes fondamentaux r\u00e9soudront l&rsquo;ensemble des questions et des probl\u00e8mes auxquels vous serez confront\u00e9s lorsque vous essayez d\u2019obtenir un contenu JavaScript index\u00e9 et class\u00e9 dans Google.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Les impl\u00e9mentations JavaScript comportent certains risques. Vous rencontrerez quelque chose qui ne fonctionne pas, vous obligeant \u00e0 vous appuyer sur vos principes fondamentaux et \u00e0 r\u00e9viser les impl\u00e9mentations jusqu&rsquo;\u00e0 ce que cela fonctionne. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Vous devez avoir une certaine tol\u00e9rance au risque pour impl\u00e9menter JavaScript. Cela n\u00e9cessite \u00e9galement une certaine acceptation de la perte avec d&rsquo;autres robots. Cependant, il est possible de migrer un site entier de HTML vers JS et de g\u00e9rer les classements \/ le trafic. Si vous prenez votre temps et testez, vous pouvez att\u00e9nuer la plupart des risques.<\/span><\/p>\n<p><strong>Les liens utiles:<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/www.briggsby.com\/dealing-with-javascript-for-seo\">https:\/\/www.briggsby.com\/dealing-with-javascript-for-seo<\/a><\/li>\n<li><a href=\"https:\/\/google.github.io\/styleguide\/jsguide.html#introduction\">https:\/\/google.github.io\/styleguide\/jsguide.html#introduction<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Je suis s\u00fbr que vous savez d\u00e9j\u00e0 que les options offertes par l\u2019utilisation de JavaScript pour n\u2019importe quel site Web sont presque infinies et vous aident \u00e0 personnaliser et \u00e0 \u00ab donner une touche sp\u00e9ciale \u00bb \u00e0 votre page. C\u2019est pourquoi\u00a0les pages web bas\u00e9es uniquement sur HTML et le code CSS sont un peu bloqu\u00e9es [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":798,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[14,16,12,13,15],"_links":{"self":[{"href":"http:\/\/www.newave.be\/blog\/wp-json\/wp\/v2\/posts\/784"}],"collection":[{"href":"http:\/\/www.newave.be\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.newave.be\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.newave.be\/blog\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"http:\/\/www.newave.be\/blog\/wp-json\/wp\/v2\/comments?post=784"}],"version-history":[{"count":11,"href":"http:\/\/www.newave.be\/blog\/wp-json\/wp\/v2\/posts\/784\/revisions"}],"predecessor-version":[{"id":797,"href":"http:\/\/www.newave.be\/blog\/wp-json\/wp\/v2\/posts\/784\/revisions\/797"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.newave.be\/blog\/wp-json\/wp\/v2\/media\/798"}],"wp:attachment":[{"href":"http:\/\/www.newave.be\/blog\/wp-json\/wp\/v2\/media?parent=784"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.newave.be\/blog\/wp-json\/wp\/v2\/categories?post=784"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.newave.be\/blog\/wp-json\/wp\/v2\/tags?post=784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}