John Mueller de Google suggère de placer le code JavaScript sous la balise d’en-tête HTML pour s’assurer que les robots de recherche peuvent comprendre pleinement votre site Web.
Mueller partage ce conseil dans un fil Reddit, où un utilisateur demande si le placement de code HTML pourrait causer des problèmes de référencement.
La réponse est oui; le placement de code HTML pourrait avoir un impact négatif sur vos efforts de référencement s’il n’apparaît pas en haut de la page.
Plus précisément, il est important de conserver la section <head> du document HTML en haut de la page. Cette section doit contenir les informations dont Google a besoin pour lire correctement votre site.
Tout code JavaScript doit être placé sous les en-têtes HTML.
Pour s’assurer que JavaScript n’interfère pas avec la section <head>, Mueller recommande d’utiliser l’outil de rendu de la Search Console :
« Les en-têtes html (<head>) devraient être à peu près au-dessus. Je déplacerais n’importe quel JS sous les en-têtes HTML et vérifierais avec l’outil de rendu de la console de recherche que le JS ne gâche pas la section <head> ».
En ce qui concerne le contenu principal, Mueller dit que son placement est moins important, bien qu’il soit crucial que la section <tête> soit propre et bien organisée afin que Googlebot puisse le comprendre correctement.
Mueller poursuit :
« Pour le contenu, cela n’a pas autant d’importance, mais comme le contenu de la tête est destiné aux informations lisibles par machine qui sont vérifiées pour se trouver dans une partie spécifique de la page, il faut vraiment qu’elles soient propres en haut.
À bas JavaScript ! (dans la <tête>) »
Pourquoi le placement de JavaScript est-il important pour le référencement?
Lors de la conception d’un site Web, il est préférable d’inclure du code JavaScript au bas du document HTML près de la balise </body> fermante.
En effet, JavaScript peut retarder le rendu d’une page Web pendant son chargement, ce qui entraîne une mauvaise expérience utilisateur.
En plaçant le JavaScript au bas de la page, le code HTML peut être rendu en premier, ce qui permet à l’utilisateur de visualiser le contenu pendant que le JavaScript se charge en arrière-plan.
En outre, vous pouvez empêcher les fichiers JavaScript externes de bloquer le rendu de la page à l’aide des attributs asynchrone ou différé.
Source: Reddit
Image de couverture: StockEU/Shutterstock
var s_trigger_pixel_load = false; function s_trigger_pixel(){ if( !s_trigger_pixel_load ){ striggerEvent( 'load2' ); console.log('s_trigger_pix'); } s_trigger_pixel_load = true; } window.addEventListener( 'cmpready', s_trigger_pixel, false);
window.addEventListener( 'load2', function() {
if( sopp != 'yes' && !ss_u ){
!function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js');
if( typeof sopp !== "undefined" && sopp === 'yes' ){ fbq('dataProcessingOptions', ['LDU'], 1, 1000); }else{ fbq('dataProcessingOptions', []); }
fbq('init', '1321385257908563');
fbq('track', 'PageView');
fbq('trackSingle', '1321385257908563', 'ViewContent', { content_name: 'googles-john-mueller-move-javascript-below-html-headers', content_category: 'news seo' }); } });
