web-dev-qa-db-fra.com

Fetch as Google énorme marge en haut et en bas

Mon site Web a récemment commencé à apparaître dans les classements Google. J'ai donc commencé à consulter les outils pour les webmasters.

C'est bizarre quand j'ai utilisé Fetch comme Google avec rendu, j'ai remarqué des marges énormes en haut et en bas de l'aperçu (voir ici: https://www.youtube.com/watch?v=aaAiOZnlg6Y ).

Sur Google render, mon contenu principal n'est pas au-dessus du pli. Est-ce une chose qui devrait m'inquiéter? Si oui, avez-vous une idée de la raison pour laquelle cela se produit?

seogoogle-search-consolecssjavascript
2
Vladimir Cvetic

J'ai compris le problème. La section "Hero" a été redimensionnée à la taille de la fenêtre d'affichage avec JavaScript:

  function setHeight() {
    windowHeight = $(window).innerHeight();
    $(".cover,.heightblock").css('min-height', windowHeight);
  };
  setHeight();

 $(window).resize(function() {
    setHeight();
  });

Cela fonctionne très bien sur les appareils de bureau et mobiles. Le problème est que Googlebot (ou simplement Fetch en tant que fonctionnalité de Google) a une taille incroyable 454px viewport.

J'ai abandonné le redimensionnement de la fenêtre d'affichage via JavaScript.

1
Vladimir Cvetic