{"id":5581,"date":"2021-06-28T13:13:51","date_gmt":"2021-06-28T11:13:51","guid":{"rendered":"https:\/\/www.e2b-consulting.com\/?p=5581"},"modified":"2021-06-28T13:24:47","modified_gmt":"2021-06-28T11:24:47","slug":"signaux-web-essentiels-core-web-vitals-comprendre-la-mise-a-jour-de-lalgorithme-de-google-2021","status":"publish","type":"post","link":"https:\/\/www.e2b-consulting.com\/en\/signaux-web-essentiels-core-web-vitals-comprendre-la-mise-a-jour-de-lalgorithme-de-google-2021\/","title":{"rendered":"Signaux web essentiels (Core web vitals) : comprendre la mise \u00e0 jour de l&rsquo;algorithme de Google 2021"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Il est essentiel pour nous d&rsquo;\u00eatre au courant des derni\u00e8res tendances et mises \u00e0 jour digitales afin de garantir la meilleure exp\u00e9rience client avec nous, ainsi que la meilleure performance de sa strat\u00e9gie digitale.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Mais aussi, puisque \u00ab\u00a0sharing is caring\u00a0\u00bb, dans cet article, nous allons vous guider \u00e0 travers les derni\u00e8res mises \u00e0 jour de Google, lorsque le premier moteur de recherche mondial a annonc\u00e9 que les signaux web essentiels (Core Web Vitals) deviennent des signaux de classement en mai 2021.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Quels sont ces m\u00e9triques? et quelle est leur importance pour le classement des pages Web? Continuez \u00e0 lire cet article pour r\u00e9pondre \u00e0 toutes ces questions.<\/span><\/p>\n<h2><\/h2>\n<h2><span style=\"font-weight: 400;\">Les signaux web essentiels rejoignent les crit\u00e8res les plus importants de ranking:<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Google a annonc\u00e9 que les Signaux Web Essentiels deviendront des m\u00e9triques cruciaux pour le classement dans les r\u00e9sultats de recherche \u00e0 partir\u00a0 de mai 2021. Maintenant que les signaux d&rsquo;exp\u00e9rience de la page web deviennent un facteur critique dans la d\u00e9termination de votre classement dans les recherches Google, nous allons essayer de les conna\u00eetre en d\u00e9tail.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Les signaux d&rsquo;exp\u00e9rience de la page sont une combinaison de Signaux Web Essentiels et d&rsquo;autres signaux. Les signaux de recherche pour l&rsquo;exp\u00e9rience de la page comprennent : le chargement, l&rsquo;interactivit\u00e9, la stabilit\u00e9 visuelle, la convivialit\u00e9 mobile, la s\u00e9curit\u00e9 de la navigation, HTTPS et l&rsquo;absence d&rsquo;interstitiels intrusifs. Les signaux de base de l&rsquo;exp\u00e9rience web sont les suivants : chargement, interactivit\u00e9 et stabilit\u00e9 visuelle. Ces derniers rejoignent les crit\u00e8res les plus importants de ranking pour soutenir la tendance de Google \u00e0 s\u2019appuyer sur l&rsquo;exp\u00e9rience utilisateur comme indicateur majeur de classement. Ces signaux mesurent l&rsquo;exp\u00e9rience et la perception des utilisateurs lorsqu&rsquo;ils visitent une page Web. Google utilise ces signaux indicatifs pour s&rsquo;assurer qu&rsquo;il choisit la page la plus utile \u00e0 classer en t\u00eate pour les utilisateurs.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/core_web_vitals_featured_1920-2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-5582 aligncenter\" src=\"https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/core_web_vitals_featured_1920-2-640x360.jpg\" alt=\"signaux web vitaux\" width=\"640\" height=\"360\" srcset=\"https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/core_web_vitals_featured_1920-2-640x360.jpg 640w, https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/core_web_vitals_featured_1920-2-600x338.jpg 600w, https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/core_web_vitals_featured_1920-2-1280x720.jpg 1280w, https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/core_web_vitals_featured_1920-2-768x432.jpg 768w, https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/core_web_vitals_featured_1920-2-1536x864.jpg 1536w, https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/core_web_vitals_featured_1920-2-320x180.jpg 320w, https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/core_web_vitals_featured_1920-2.jpg 1920w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<h3><\/h3>\n<h3><span style=\"font-weight: 400;\">Le chargement de la page: <\/span><\/h3>\n<p><span style=\"font-weight: 400;\">C\u2019est ce qu\u2019on appelle LCP (Largest Contentful Paint). Le LCP est une mesure du temps n\u00e9cessaire pour que le contenu principal d&rsquo;une page soit t\u00e9l\u00e9charg\u00e9 et pr\u00eat \u00e0 \u00eatre utilis\u00e9. Ce qui est mesur\u00e9 est la plus grande image ou le plus grand bloc de contexte dans la fen\u00eatre de l&rsquo;utilisateur. Tout ce qui s&rsquo;\u00e9tend au-del\u00e0 de l&rsquo;\u00e9cran ne compte pas. Une mesure id\u00e9ale du LCP est inf\u00e9rieure ou \u00e9gale \u00e0 2,5 secondes.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Les \u00e9l\u00e9ments typiques mesur\u00e9s sont les images, les images d&rsquo;affiches vid\u00e9o, les images d&rsquo;arri\u00e8re-plan et les \u00e9l\u00e9ments textuels de niveau bloc comme les balises de paragraphe.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/largest-contentful-paint-example.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-5583 aligncenter\" src=\"https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/largest-contentful-paint-example-640x243.png\" alt=\"les signaux web vitaux\" width=\"640\" height=\"243\" srcset=\"https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/largest-contentful-paint-example-640x243.png 640w, https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/largest-contentful-paint-example-600x228.png 600w, https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/largest-contentful-paint-example-320x122.png 320w, https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/largest-contentful-paint-example.png 694w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<h3><\/h3>\n<h3><span style=\"font-weight: 400;\">L\u2019interactivit\u00e9 de la page:<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">L\u2019interactivit\u00e9 ou bien FID (First input delay). C\u2019est le temps qu&rsquo;il faut pour qu&rsquo;une page devienne interactive. La FID est la mesure du temps qu&rsquo;il faut \u00e0 un navigateur pour r\u00e9pondre \u00e0 la premi\u00e8re interaction d&rsquo;un visiteur avec le site pendant le chargement de ce dernier. C&rsquo;est ce qu&rsquo;on appelle parfois la latence d&rsquo;entr\u00e9e. Une interaction peut consister \u00e0 appuyer sur un bouton, un lien ou une touche, et la r\u00e9ponse donn\u00e9e en cons\u00e9quence. Les zones de saisie de texte, les listes d\u00e9roulantes et les cases \u00e0 cocher sont d&rsquo;autres types de points d&rsquo;interaction que FID mesurera. Le d\u00e9filement ou le zoom ne sont pas consid\u00e9r\u00e9s comme des interactions car aucune r\u00e9ponse n&rsquo;est attendue du site lui-m\u00eame.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">L&rsquo;objectif de FID est de mesurer la r\u00e9activit\u00e9 d&rsquo;un site pendant son chargement, et une mesure id\u00e9ale du FID est inf\u00e9rieure ou \u00e9gale \u00e0 100 ms.\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/Server-Rendered-2-scaled.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-5584 aligncenter\" src=\"https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/Server-Rendered-2-640x357.jpg\" alt=\"L\u2019interactivit\u00e9 de la page web\" width=\"640\" height=\"357\" srcset=\"https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/Server-Rendered-2-640x357.jpg 640w, https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/Server-Rendered-2-600x335.jpg 600w, https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/Server-Rendered-2-1280x714.jpg 1280w, https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/Server-Rendered-2-768x429.jpg 768w, https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/Server-Rendered-2-1536x857.jpg 1536w, https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/Server-Rendered-2-2048x1143.jpg 2048w, https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/Server-Rendered-2-320x179.jpg 320w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<h3><\/h3>\n<h3><span style=\"font-weight: 400;\">La stabilit\u00e9 visuelle de la page:<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">CLS est le d\u00e9placement inattendu d&rsquo;\u00e9l\u00e9ments d&rsquo;une page web alors que la page est encore en train de se t\u00e9l\u00e9charger. Les \u00e9l\u00e9ments qui ont tendance \u00e0 se d\u00e9placer sont les polices, les images, les vid\u00e9os, les formulaires de contact, les boutons et d&rsquo;autres types de contenu. Il est important de minimiser CLS car les pages qui se d\u00e9placent peuvent entra\u00eener une mauvaise exp\u00e9rience pour l&rsquo;utilisateur. Un mauvais score CLS indique des probl\u00e8mes de codage qui peuvent \u00eatre r\u00e9solus. Une mesure id\u00e9ale est inf\u00e9rieure ou \u00e9gale \u00e0 0,1.<\/span><\/p>\n<p><a href=\"https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-5585 aligncenter\" src=\"https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/1-640x480.png\" alt=\"La stabilit\u00e9 visuelle de la page\" width=\"640\" height=\"480\" srcset=\"https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/1-640x480.png 640w, https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/1-600x450.png 600w, https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/1-768x576.png 768w, https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/1-320x240.png 320w, https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/1.png 960w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<h2><\/h2>\n<h2><span style=\"font-weight: 400;\">Comment mesurer les Signaux Web Essentiels<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Google int\u00e8gre les capacit\u00e9s de mesure de Core Web Vitals dans plusieurs de ses outils existants.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Les Core Web Vitals peuvent maintenant \u00eatre mesur\u00e9es en utilisant :<\/span><\/p>\n<ul>\n<li><a href=\"https:\/\/search.google.com\/search-console\/about\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Search Console.<\/span><\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">PageSpeed Insights.<\/span><\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Lighthouse.<\/span><\/a><\/li>\n<li><a href=\"https:\/\/developer.chrome.com\/docs\/devtools\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Chrome DevTools.<\/span><\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-user-experience-report\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Rapport Chrome UX.<\/span><\/a><\/li>\n<li><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/web-vitals\/ahfhijdlegdabablpippeagghigmibma?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Extension Web Vitals.<\/span><\/a><\/li>\n<\/ul>\n<p style=\"text-align: center;\"><a href=\"https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/Capturel.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-5586\" src=\"https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/Capturel-640x306.png\" alt=\"google search console\" width=\"640\" height=\"306\" srcset=\"https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/Capturel-640x306.png 640w, https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/Capturel-600x287.png 600w, https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/Capturel-768x367.png 768w, https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/Capturel-320x153.png 320w, https:\/\/www.e2b-consulting.com\/wp-content\/uploads\/2021\/06\/Capturel.png 1200w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">En cas de besoin, vous pouvez <\/span><a href=\"https:\/\/www.e2b-consulting.com\/en\/contactez-nous\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">nous contacter<\/span><\/a><span style=\"font-weight: 400;\"> pour que nous vous fournissons un rapport complet sur les performances de votre site web.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Vous pouvez \u00e9galement regarder <\/span><a href=\"https:\/\/www.youtube.com\/watch?v=51i3ellI9uk&amp;t=420s\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">notre vid\u00e9o youtube concernant la mise \u00e0 jour de l&rsquo;algorithme de Google 2021<\/span><\/a><span style=\"font-weight: 400;\">, pour mieux comprendre comment mesurer les Signaux Web Essentiels et leur importance pour le SEO de votre site web.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">Conclusion<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Les mises \u00e0 jour de Google pour Core Web Vitals sont publi\u00e9es en mai 2021 et, comme pr\u00e9vu, elles affectent radicalement le classement des pages. Vous pouvez v\u00e9rifier l&rsquo;\u00e9tat de votre page et prendre les mesures n\u00e9cessaires pour vous assurer que vous ne perdez pas votre classement.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">L&rsquo;exp\u00e9rience utilisateur gagne beaucoup en importance, car Google cherche \u00e0 apporter de la valeur aux utilisateurs avec ses mises \u00e0 jour.<\/span><\/p>","protected":false},"excerpt":{"rendered":"<p>Il est essentiel pour nous d&rsquo;\u00eatre au courant des derni\u00e8res tendances et mises \u00e0 jour digitales afin de garantir la meilleure exp\u00e9rience client avec nous, ainsi que la meilleure performance de sa strat\u00e9gie digitale. Mais aussi, puisque \u00ab\u00a0sharing is caring\u00a0\u00bb, dans cet article, nous allons vous guider \u00e0 travers les derni\u00e8res mises \u00e0 jour de&#8230;<\/p>","protected":false},"author":26,"featured_media":5587,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-5581","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.e2b-consulting.com\/en\/wp-json\/wp\/v2\/posts\/5581"}],"collection":[{"href":"https:\/\/www.e2b-consulting.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.e2b-consulting.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.e2b-consulting.com\/en\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/www.e2b-consulting.com\/en\/wp-json\/wp\/v2\/comments?post=5581"}],"version-history":[{"count":0,"href":"https:\/\/www.e2b-consulting.com\/en\/wp-json\/wp\/v2\/posts\/5581\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.e2b-consulting.com\/en\/wp-json\/wp\/v2\/media\/5587"}],"wp:attachment":[{"href":"https:\/\/www.e2b-consulting.com\/en\/wp-json\/wp\/v2\/media?parent=5581"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.e2b-consulting.com\/en\/wp-json\/wp\/v2\/categories?post=5581"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.e2b-consulting.com\/en\/wp-json\/wp\/v2\/tags?post=5581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}