3 facteurs qui éloignent les utilisateurs et les crawlers de votre page d’accueil

 

Votre page d’accueil n’est pas juste un espace dans lequel vous affichez votre nom de marque et votre logo. Il s’agit de la page initiale sur laquelle les utilisateurs et les crawlers se dirigent, ce qui signifie que c’est la première (et potentiellement la dernière) chance d’attirer leur attention. Si vous souhaitez générer plus de trafic provenant de recherches organiques, votre site doit faire une impression stellaire en seulement quelques secondes. Rappelez-vous toujours que les crawlers des moteurs de recherche sont constamment transformés pour se comporter plus comme un utilisateur moyen.

Malheureusement, créer la page d’accueil parfaite est plus facile à dire qu’à faire. Il existe des centaines de facteurs qui peuvent influencer le succès d’une page, allant de la vitesse de chargement à la taille des polices. Vous ne pouvez pas espérer exceller dans toutes les catégories, mais vous pouvez essayer de cocher les cases principales.

Voici trois des principaux facteurs qui éloignent les utilisateurs et les crawlers des moteurs de recherche loin de votre site. Si vous remarquez que l’un d’entre eux est présent sur votre site, vous devriez faire les modifications nécessaires dès que possible.

1. Votre page se charge lentement

Pourquoi est-ce un problème pour les utilisateurs :

La plupart des pages se chargent en 3.21 secondes ou moins, selon une étude de Pingdom.

 

 

De nos jours, nous nous attendons à des vitesses rapides employant des technologies modernes, et ce quel que soit le site web visité.
Par conséquent, si un visiteur tombe par hasard sur votre page et que celle-ci prend plus de temps que prévu pour se charger, il va probablement rebondir et chercher une page web plus rapide ailleurs.
Si votre site prend plus de 4.2 secondes à se charger, le taux de conversion sera inférieur à 1 %. Ne gâchez pas l’expérience de recherche avec des images ou du texte qui se chargent lentement : cela tue l’expérience utilisateur de votre site.

Pourquoi est-ce un problème pour les crawlers :

Les pages qui mettent une éternité à se charger ne dérangent pas seulement les recherches des utilisateurs conduisent également les crawlers loin, trop loin. C’est une préoccupation particulièrement grave en ce qui concerne les résultats et le classement mobile. Google et d’autres moteurs de recherche pénalisent les sites qui se chargent lentement, ce qui vous fait perdre encore plus de visiteurs et de conversions.
Bonne chance pour atteindre les plus hautes positions dans Google si votre site prend plus de huit secondes à charger les images et le texte.

Comment corriger le problème :

Examinez votre site avec Page Speed Insights de Google. Cette application vous aidera à déterminer à quelle vitesse votre site se charge pour vos visiteurs moyens. De plus, il vous indiquera la façon dont vous pouvez résoudre différents problèmes liés à la vitesse de votre site. Par exemple, il pourrait vous suggérer de réduire la taille de vos images ou d’optimiser votre contenu pour des temps de chargement plus rapides. Jetez un coup d’oeil à cet outil pour déterminer où se situent vos plus grandes lacune en matière de vitesse, puis réglez les problèmes rapidement.

2. Le site donne une mauvaise première impression

 

 

Pourquoi est-ce un problème pour les utilisateurs :

Quand un utilisateur visite votre page d’accueil, il espère voir une page professionnelle et épurée..
Il attend aussi qu’elle soit moderne et mise à jour. Ainsi, les polices désordonnées, les couleurs choisies au hasard et les configurations déroutantes sont des tueurs de premières impressions. Non seulement votre site doit être agréable à regarder, mais il doit également apparaître comme un site fiable géré par des professionnels.

Prenez des mesures supplémentaires pour garantir que votre site semble respectable. N’hésitez pas à vous glissez dans la peau de l’utilisateur lorsqu’il décide d’explorer votre site en jetant simplement un coup d’oeil à la page d’accueil. Assurez-vous que vous aimeriez immédiatement ce que vous voyez

Pourquoi est-ce un problème pour les crawlers:

Même si les crawlers n’ont pas les mêmes préférences design que les utilisateurs (pour le moment), ils recherchent des sites qui sont correctement conçus et propices aux recherches en ligne.
Pour l’instant, si un crawler est incorrectement redirigé ou trouve des erreurs éparpillées dans votre page d’accueil, vous pouvez dire au revoir aux meilleures positions de Google.

Comment résoudre le problème :

Commencez en établissant un guide de marque qui dicte les couleurs, polices, logos, et slogan. Cela vous aidera à donner à votre page d’accueil le style impeccable que les utilisateurs attendent d’une marque respectable. Ensuite, recherchez toutes les erreurs flagrantes qui pourraient éloigner les utilisateurs. Vérifiez deux fois vos liens pour confirmer que tout dirige les utilisateurs vers la bonne destination, et assurez-vous que votre site web se charge correctement sur les appareils mobiles ainsi que les ordinateurs et les tablettes.

3. Vos images génèrent des problèmes

Pourquoi est-ce un problème pour les utilisateurs :

Nous disons souvent qu’une image vaut milles mots, et ce n’est jamais plus vrai que lorsqu’il s’agit de votre page d’accueil. Les images sur votre site, notamment dans la zone principale, ont besoin d’impressionner les utilisateurs instantanément.
Dans l’environnement concurrentiel actuel, 32% des marketers affirment que les images visuelles sont la forme de contenu la plus importante pour leur entreprise.

 

Cela devrait également s’appliquer à votre site. Ne laissez pas les images se charger lentement, perdre de la qualité, ou non mises à jour pendant des mois (ou années).

Pourquoi c’est un problème pour les crawlers :

Bien que les crawlers ne peuvent pas “voir” vos images comme les visiteurs humains peuvent le faire, ils peuvent déterminer si vos images sont à la hauteur ou non en regardant vos balises alt. Chaque image de votre site devrait avoir une brève description qui se rapporte au contenu de l’image. Cela rend vos images plus visibles et plus pertinentes pour les résultats Google. Rappelez-vous, vous ne devriez pas remplir ces balises alt au hasard. Chacune doit avoir un but, être précise et utile pour les visiteurs.

Comment corriger le problème :

Pour les débutants, vérifiez que votre site est optimisé pour les fast-loading, les photos et graphiques de haute qualité. De plus, vous devriez choisir des photos qui sont nouvelles et qui attirent l’attention. Vous pourriez avoir besoin de mettre à jour ces images chaque année pour tenir compte des attentes actuelles en matière de conception.

Au sujet des balises alt, assurez-vous de les remplir correctement lorsque vous téléchargez des images. Vous aurez également besoin de consulter vos robots.txt pour vous assurez de ne pas accidentellement empêcher les crawlers des moteurs de recherche d’analyser votre texte alt.

Conclusion

Si vous vous demandez comment capturer de l’audience avec votre page d’accueil, vous trouverez des milliers de suggestions sur internet. Cependant, nous savons qu’il existe trois facteurs prédominants qui éloignent les utilisateurs (et crawlers) : vitesse de chargement lente, mauvaises premières impressions, et images non professionnelles. Evitez cela et vous aurez beaucoup plus de chances de mieux vous classer dans Google et de proposer un site crawlable.

[Read More ...]

La Ville de Québec honorée pour sa gestion responsable des sols contaminés dans le projet d’écoquartier de la Pointe-aux-Lièvres

La Ville de Québec honorée pour sa gestion responsable des sols contaminés dans le projet d’écoquartier de la Pointe-aux-Lièvres

Québec, le 19 avril 2019 – La Ville de Québec s’est vu décerner hier soir, par Réseau Environnement, la Distinction Louis-Georges Carignan - secteur sols et eaux souterraines. Ce prix est remis à une organisation qui a contribué de façon remarquable à l’amélioration et à la bonne gestion des infrastructures dans le domaine des sols et des eaux souterraines.

La bonne gestion de plusieurs milliers de tonnes métriques de sols contaminés et de matières résiduelles ainsi que l’utilisation de l’application Traces Québec, lors de la phase de réhabilitation environnementale d’un de ses projets dans l’écoquartier de la Pointe-aux-Lièvres, ont permis à la Ville de remporter cette distinction.

« Lors de décontamination des sols dans ce projet, la Ville de Québec a assuré une gestion responsable des sols excavés en suivant en temps réel le trajet des camions des sites contaminés jusqu’au site spécialisé en décontamination autorisé par le gouvernement québécois, a déclaré M^me Suzanne Verreault, membre du comité exécutif responsable de l’environnement. Cette action écoresponsable s’inscrit dans une série de gestes adoptés par la Ville pour contribuer aux bonnes pratiques en matière d’environnement. »   

L’écoquartier de la Pointe-aux-Lièvres
Quartier nouveau genre à l’architecture contemporaine et aux hauts standards en matière de développement durable, l’écoquartier de la Pointe-aux-Lièvres situé au bord de la rivière Saint-Charles et au nord du Nouvo Saint-Roch, offre un cadre de vie exceptionnel à ses habitants, en plus d’être à proximité des milieux de travail et d’activités de la Ville.

[Read More ...]

Congé pascal : ce qui sera ouvert ou fermé

À l'occasion du congé pascal, tous les bureaux de la Ville de Québec seront fermés le vendredi 19 avril et le lundi 22 avril.

Urgences
Les services essentiels comme ceux de la police, la protection contre l'incendie et le traitement de l'eau seront maintenus jour et nuit. Pour signaler une urgence nécessitant l’intervention des policiers, des pompiers ou des ambulanciers, veuillez composer le 911.

Pour rapporter une urgence concernant le système de distribution de l'eau, l’éclairage des rues ou l’état de la chaussée, il faut appeler au 311 et choisir l’option 1.

Ordures, matières recyclables et écocentres
Les collectes des ordures et des matières recyclables auront lieu selon la fréquence habituelle.

Tous les écocentres seront ouverts selon leur horaire habituel.

Stationnement
Le dimanche 21 avril et le lundi 22 avril, le stationnement dans la rue sera gratuit devant les bornes de péage (parcomètres), sauf dans la rue de la Maréchaussée, où le stationnement demeure payant en tout temps.

Les terrains de stationnement munis de bornes de péage resteront payants, notamment ceux situés au parc de l’Esplanade, devant la gare du Palais, dans le quartier Saint-Sacrement (entre le chemin Sainte-Foy et la rue Marie-Rollet) ainsi que dans le secteur de l’avenue Maguire.

Par ailleurs, à compter de 6 h, le dimanche 21 avril, jusqu’à 6 h, le mardi 23 avril, une tolérance sera exercée dans les zones de stationnement suivantes :

• zones à temps limité (30 minutes, 60 minutes, 90 minutes, etc.) qui requièrent un permis de stationnement pour résidants;
• zones réservées exclusivement aux détenteurs de permis pour résidants.

C’est donc dire que, dans ces zones, on pourra garer son véhicule en bordure de la rue plus longtemps que la limite de temps normalement permise, peu importe que l’on détienne ou  non un permis de stationnement pour résidants.

Tous les autres règlements sur le stationnement seront appliqués.

Réseau de transport de la capitale
Le vendredi 19 avril, les autobus circuleront selon l'horaire du samedi. Cependant, les parcours 9, 22, 29, 33, 57, 78, 85 et 88, qui desservent les parcs industriels et le Parc technologique, seront en service selon l'horaire habituel. Le service Couche-tard sera également offert.

Le lundi 22 avril, les autobus circuleront selon l'horaire du samedi, mais il n'y aura pas de service Couche-tard.

Grâce au Privilège Famille, les enfants pourront voyager gratuitement pendant toute la longue fin de semaine, soit du vendredi au lundi inclusivement.

Pour obtenir plus de renseignements sur les services du RTC, on peut consulter le rtcquebec.ca ou téléphoner au service à la clientèle, au 418 627-2511. 

Bibliothèque de Québec et installations sportives
Le vendredi 19 avril et le samedi 20 avril, toutes les bibliothèques seront ouvertes selon leur horaire habituel.

Les bibliothèques suivantes seront ouvertes selon leur horaire habituel :

• le dimanche 21 avril : Gabrielle-Roy (La Cité-Limoilou), Monique-Corriveau (Sainte-Foy–Sillery–Cap-Rouge), Étienne-Parent (Beauport) et Paul-Aimé-Paiement (Charlesbourg). Les autres seront fermées.
• le lundi 22 avril : Collège-des-Jésuites (La Cité-Limoilou), Gabrielle-Roy (La Cité-Limoilou), Monique-Corriveau (Sainte-Foy–Sillery–Cap-Rouge), Étienne-Parent (Beauport), Félix-Leclerc (La Haute-Saint-Charles), Paul-Aimé-Paiement (Charlesbourg) et Romain-Langlois (Les Rivières). Les autres seront fermées

Les installations sportives seront accessibles si des activités y sont prévues.

Besoin de plus de renseignements sur les services municipaux? Rendez-vous sur le site Internet de la Ville de Québec ou appelez au 311, option 4, ou encore le 418 641-6500 pour avoir accès à nos lignes d’information automatisée.        
    
Bon congé!

[Read More ...]

Journée de micropuçage gratuit (inscription obligatoire)

La Ville de Québec encourage le micropuçage des animaux domestiques. À cet effet, elle offrira une séance de micropuçage gratuit le dimanche 5 mai, de 9 h à 16 h, dans les cliniques vétérinaires participantes (valeur de 30 $). 700 animaux domestiques de son territoire pourront en bénéficier.

Inscription obligatoire : le mercredi 24 avril, de 18 h à 22 h, en composant le 311

Pour être admissible, le propriétaire de l’animal doit répondre à certains critères :

• Résider sur le territoire de la ville de Québec (des pièces justificatives peuvent être demandées)
• Détenir une licence valide pour son chien et fournir le numéro de licence se trouvant sur la médaille ou sur l’avis de renouvellement, dans le cas d’un chien
• Maximum de deux animaux par résidence (chiens ou chats)

Pour plus de renseignements, consultez le site Internet de la Ville de Québec.

La Ville remercie l’Ordre des médecins vétérinaires du Québec, les cliniques vétérinaires participantes, la Société Canine de Québec et le Club Félin de la Capitale pour leur précieuse collaboration.

[Read More ...]

Le Vieux-Québec devenu «invivable»?

Des résidents du Vieux-Québec lancent un cri du coeur face à l’emprise du tourisme de masse sur leur...
[Read More ...]

Le lazy loading pour améliorer la crawlabilité et l’indexation

Qu’est-ce que le lazy loading ?

Le lazy loading ( ou « chargement différé ») est une technique permettant d’augmenter la vitesse d’une page en différant le chargement des éléments volumineux , comme les images, qui ne sont pas nécessaires immédiatement. Au lieu de cela, ces éléments sont chargés plus tard, si et quand ils deviennent visibles.

Typiquement, les éléments qui ne sont pas dans le viewport (c’est-à-dire, tout ce qui se trouve en dessous de la ligne de flottaison lorsque la page se charge pour la première fois), sont de bons candidats pour le lazy loading. Ils ne seront pas visibles avant que l’utilisateur scrolle jusqu’à eux. S’ils ne se chargent pas immédiatement, l’expérience de l’utilisateur sur la page ne sera pas affectée.

En réalité, Google recommande dans sa documentation d’utiliser subtilement le lazy loading pour les images en bas de page afin d’améliorer le temps de chargement.

Le lazy loading rend possible le scroll infini, une méthode permettant de charger en continu du contenu à chaque fois qu’un utilisateur atteint la fin d’un contenu donné sur la page. C’est un moyen de remplacer la pagination sur les flux, les réseaux sociaux, les listes de produits ou d’autres pages très longues.

 

Comment fonctionne le lazy loading ?

Le lazy loading peut être implémenté de nombreuses manières en utilisant Javascript. La plupart des développeurs web choisiront une bibliothèque existante qui gère le processus. Un processus typique comprend les étapes suivantes:

 

• Identifier les éléments dans le HTML qui seront chargés en différé et empêcher leur chargement normal. L’une des techniques est d’utiliser une balise en plaçant l’URL de l’image dans un attribut autre que « src ». Un attribut alternatif commun est « data-src ». Dans les images d’arrière plan CSS, vous pouvez utiliser une classe « lazy » pour outrepasser la propriété « background-image ».

 

• Surveiller ce qui est visible dans le viewport ou repérer les événements qui indiquent que les parties visibles de la page ont changé.
  Chaque script traite cela différemment. Les méthodes courantes incluent le repérage d’évènements d’interaction, tels que le scroll sur différentes balises HTML, le redimensionnement de fenêtre ou les changements d’orientation. Alternativement, en utilisant l’API Intersection Observer, les scripts peuvent également repérer directement si un élément est visible ou non, ce qui supprime le besoin d’event listeners.

 

• Déclencher le chargement des éléments en lazy loading, juste avant ou quand ils deviennent visibles.
  Lorsque des éléments en lazy loading sont visibles (ou sont situés dans une plage de la zone visible), le script place l’URL dans l’attribut « data-src » lui-même dans un attribut « src » pour les balises. Il peut également supprimer la classe « lazy » du CSS afin que le navigateur charge l’image.

 

Les crawlers peuvent-ils traiter le lazy loading?

Comme c’est souvent le cas en SEO, la réponse est « oui — mais ca dépend ».

Crawler le Javascript

Le crawl d’un site qui utilise le lazy loading implique au moins deux problèmes. Premièrement, est-ce que le crawler supporte Javascript ? Deuxièmement, est-ce que le crawler supporte les techniques spécifiques de lazy loading utilisées sur le site ?

La plupart des crawlers modernes, y compris les bots de moteurs de recherche, supportent JavaScript. Dans le cas de Google, il peut y avoir du retard d’indexation sur le contenu chargé avec JavaScript comme les images sont chargées en différé, mais ce contenu peut quand même être crawlé et indexé. Découvrez plus de détails sur la manière dont Google traite le lazy loading ci-dessous.

Si vous avez manqué l’article de Maria Cieslak sur l’utilisation du JavaScript et l’optimisation du SEO, il est utile de vous assurer que votre code JavaScript est compatible avec le SEO.

Crawler le lazy loading

Au-delà de la question du JavaScript en général, les crawlers s’adaptent pour couvrir l’utilisation du lazy loading. Ils utilisent différentes stratégies pour activer le lazy loading et rendre le contenu chargé en différé. Voici quelques-unes des meilleures stratégies de crawl pour le contenu en lazy loading :

• Hauteurs de viewports étendues
  Les crawlers qui supportent le lazy loading utilisent souvent des viewports à grande hauteur. Essentiellement, cela pousse la fameuse “ligne de flottaison” aussi loin que possible. Cela garantit également qu’une quantité maximale de contenu soit déjà dans la viewport lors du chargement de la page.
• Déclenchement des événements de scroll
  Certains crawlers vont tenter de scroller la page. Ils vont ensuite attendre de voir si cela lance un script qui ajoute de nouveaux contenus. Un crawler très diligent peut théoriquement effectuer une action de scroll-and-wait plusieurs fois, mais ce processus est coûteux en temps et ne produit pas toujours de résultats. Contrairement aux utilisateurs, le scroll peut être compliqué pour les crawlers. Ils travaillent sans vision et, sont donc incapables de dire quelle partie d’une page a besoin d’être crawlée. Même les crawlers qui sont prêts à scroller et attendre peuvent scroller les mauvais éléments HTML. Par exemple, scroller le mauvais élément ne déclenchera pas le script de scroll de l’event listener, malgré les efforts du crawler.
• Lire les contenu dans les balises <noscript> 
  Certains crawlers vont lire les contenus dans les balises <noscript>. C’est le contenu que le développeur a placé sur la page pour qu’il soit chargé seulement si le navigateur refuse ou s’il est incapable d’exécuter les scripts. Cela permet au crawler d’accéder au contenu qui aurait été chargé en différé même si le lazy loading n’est jamais déclenché.

Est-ce que Google indexe le lazy loading ?

Google a confirmé à plusieurs reprises qu’il indexe le contenu qu’il peut rendre avec succès. Cela inclut le contenu en lazy loading.

Comment Google gère le lazy loading ?

Comme d’autres crawlers, les googlebots mettent en œuvre des stratégies pour gérer le lazy loading.

 

Scrolling

1 – Gary Illyes “no search engine scrolls”
2 – John Mueller: “we do scroll a little bit”
Source 1 – https://t.co/cCLO3nF02u
Source 2 – https://t.co/uOMaLepCu7 #pubcon

— Natzir Turrado (@natzir9) October 17, 2018

Le jury est toujours en train de trancher sur le scrolling.

En août 2018, le test d’un utilisateur Yoast avec Fetch et Render (maintenant l’URL Inspection Tool) dans la Google Search Console a montré que les images sont correctement chargées lors de l’utilisation de lazy loading avec WP Rocket. Yoast répond aux questions des utilisateurs et rapporte que Google gère le lazy loading en utilisant des stratégies de scroll-and-wait, mais ne cite pas les sources pour sa description du comportement de Google, ce qui laisse place au doute.

En Octobre 2018, Gary Illyes a annoncé à PubCon que les Googlebots ne scrollent pas les pages.

Cette annonce semble être claire et nette. Cependant, John Mueller a annoncé plus tôt qu’il “pense que nous scrollons un peu”. Lorsqu’il avait réalisé des tests, les vues de pages supplémentaires étaient indexées par page avec un scroll infini.

 

Hauteur de Viewport
Les résultats des tests de John Mueller pourraient être expliqués – pour certaines implémentations de lazy loading – par l’augmentation de la hauteur du viewport utilisée par les Googlebots : autour de 10 000 pixels pour les ordinateurs de bureau et un peu plus pour les mobiles.

 

Attribution: J.R Oakes

 

J.R. Oakes a mesuré les tailles des viewports utilisés par les googlebots l’année dernière. Il s’agirait de 431 pixels de largeur sur 12 140 pixels de hauteur sur mobile et de 768 pixels de large par 9 307 pixels de hauteur pour le desktop.

Contenu noscript
Malgré les informations contradictoires, il semble que Google ignore souvent les balises <noscript>, mais pourrait en utiliser le contenu pour l’indexation des images.

 

From Google I/O @JohnMu session on lazyloading images pic.twitter.com/kHhmu2DGsg

— Dawn Anderson (@dawnieando) October 17, 2018

Les recommandations de Google pour les webmasters

Google a publié un guide du développeur, très attendu en novembre 2018 sur ce sujet.

Ce guide comprend trois recommandations principales :

1. Charger le contenu quand il est visible dans le viewport

Dans le Google Webmaster Hangout du 30 octobre, juste avant que le guide de développement soit publié, Martin Splitt a abordé la question du déclenchement du lazy loading.

Plus précisément, il a conseillé de ne pas compter exclusivement sur les événements de scroll, malgré le fait qu’ils soient l’un des déclencheurs majeurs de lazy loadings

Il a listé les raisons suivantes pour ne pas utiliser les événements de scroll comme votre seul déclencheur :

• C’est coûteux en terme de code, de calculs, et de transferts de données ;
• Cela ne prend pas en compte les autres événements, comme le redimensionnement de la fenêtre, ce qui peut changer ce qui apparaît dans le viewport ;
• Google ne scrolle pas.

 

2. Supporter le chargement paginé pour le scroll infini

Avec la preuve grandissante que Google ne scrolle pas les pages pendant les crawls, le scroll infini pourrait être à éviter.
Cependant, il existe des moyens d’implémenter des scrolls infinis pour permettre à Google d’indexer le contenu des lazy loading sous la ligne de flottaison. Le guide mentionne le chargement paginé, ce qui permet également à Google de lier vers un point dans la page.

Google suggère l’utilisation de l’History API, qui met à jour dynamiquement les URLs dans le navigateur au fur et à mesure que des pages supplémentaires sont chargées et scrollées.

 

3. Testez vos implémentations, particulièrement dans Chrome

Les implémentations JavaScript manquent de normes et les capacités du navigateur varient considérablement. Une fois que vous avez décidé d’une méthode d’implémentation pour le lazy loading, assurez-vous de la tester!

Vous pouvez faire vos tests en utilisant le script Puppeteer pour piloter Chrome ou, plus précisément, Chromium, le navigateur sur lequel Chrome est basé.

Vous pouvez aussi utiliser :

• L’outil URL Inspection Tool de Google pour avoir un premier aperçu.
• Les audits Google Chrome Lighthouse, dans la section Offscreen Image.
• Les outils de développement dans le navigateur Chrome, sous Network, puis Images.

 

Est-ce que OnCrawl supporte le lazy loading?

Oui, OnCrawl supporte le lazy loading !

Le bot OnCrawl n’utilise pas seulement un viewport de 10 000 pixels, mais également une technique scroll-and-wait pour s’assurer d’avoir vu tout votre contenu.

Cela utilise la hauteur maximale supportée par Chromium, qui est à la fois le navigateur OpenSource derrière Chrome comme mentionné plus tôt, et le navigateur sur lequel la capacité de rendu du bot OnCrawl est basé.

Bien que nous n’ayons pas la certitude que Google emploie cette technique, nous faisons de notre mieux pour déclencher les évènements de scroll dans le cas où vous utilisez un event listener pour cela.

Si vous utilisez ou envisagez d’utiliser OnCrawl pour crawler votre site et que vous vous posez des questions sur le support de vos implémentations de lazy loading, n’hésitez pas à nous contacter pour plus de détails sur nos stratégies de crawl pour le lazy loading.

Nous faisons des configurations de nos utilisateurs une priorité lorsque nous abordons les limitations de notre crawler. Ainsi, même votre technique unique et créative de lazy loading peut être supportée par OnCrawl.

 

Créer un lazy loading crawlable et indexable

Pour récapituler, la grande variété de scripts, bibliothèques et techniques de lazy loading, en font un point compliqué pour de nombreux crawlers. Si vous optimisez un site, qui utilise un lazy loading, utilisez des techniques accessibles aux crawlers.

Basé sur ce que nous savons à propos du crawling et de l’indexation de Google, voici notre top 5 des meilleurs conseils pour implémenter le lazy loading de la meilleure façon possible pour le SEO.

1. Lire et suivre le guide Google concernant le lazy loading.
2. Utiliser un Javascript aussi petit que possible et seulement des éléments lents qui ne sont pas immédiatement visible par les utilisateurs.
3. Utiliser des balises <noscript> pour augmenter l’accessibilité des images.
4. Choisir votre bibliothèque de “lazy load” soigneusement en fonction de comment elle implémente les différentes fonctionnalités.
5. Utilisez des API modernes et recommandées :

• Utiliser l’Intersection Observer API pour détecter la présence d’éléments dans la fenêtre, plutôt que de compter seulement sur les événements de scroll (Note : il s’agit d’une API récente qui peut ne pas être prise en charge par des navigateurs plus anciens.)
• Utiliser l’History API pour implémenter le scroll infini paginé.

Et un bonus : suivez l’actualité !

Native <img> lazy-loading is coming to the web! https://t.co/LgF7F1iMgR <img loading=lazy> defers offscreen images until the user scrolls near them. Shipping in Chrome ~75 https://t.co/4gR7lvx4zx pic.twitter.com/luCHEfLkKD

— Addy Osmani (@addyosmani) April 7, 2019

Selon les mots de Martin Splitt de Google:

Ohh I would like to comment that lazy loading, when done right, is great. Just some JavaScript libraries have issues that are hard to spot.

— Martin Splitt @ #smx #muc (@g33konaut) October 31, 2018

[Read More ...]

Opération déneigement - Stationnement interdit dans la journée du 11 avril

Québec, le 11 avril 2019 – La Ville de Québec informe la population que des travaux de déneigement ou d'entretien de la voie publique et des trottoirs sont prévus aujourd’hui dans l’arrondissement de La Cité-Limoilou.

Le stationnement est interdit de 8 h à 16 h lorsque les feux orange clignotent dans les secteurs résidentiels situés :

·           au nord de la rue Soumande (carte);

·           au nord de la 24^e Rue entre Henri-Bourassa et Monseigneur-Gosselin
(carte);

·           au nord-est de Limoilou, à partir du boulevard des Alliés et de la 23^e Rue (carte).

La Ville appelle à la collaboration des citoyens

Les véhicules de déneigement doivent pouvoir circuler librement dans les rues pour les déblayer efficacement. La Ville demande aux citoyens leur collaboration pour :

·         libérer la chaussée pour permettre le passage de la machinerie;

·         respecter les interdictions de stationnement, le cas échéant;

·         placer leurs bacs à ordures et à recyclage dans leur entrée.

Information : déneigement et remorquage
En tout temps, les citoyens peuvent obtenir de l’information sur les conditions de stationnement en vigueur dans leur arrondissement en composant le 418 641-6666. Pour connaître le lieu de remorquage de leur véhicule, ils peuvent consulter Info-Remorquage sur le site Internet de la Ville, ou composer le 311.

Il est aussi possible de s’abonner aux alertes SMS-Déneigement avec son mobile. Il suffit de texter le mot « NEIGE » au 64123. Des frais standards peuvent alors s’appliquer, selon son forfait.

À propos du déneigement
En chiffres :

·         Budget annuel de plus de 45 M$

·         Près de 2 400 km de chaussées

·         Près de 1 250 km de trottoirs

·         Jusqu’à 1 700 personnes mobilisées pour une opération déneigement

·         Environ 1 300 véhicules pour déneiger les rues de Québec

Avant et pendant une tempête :

Déblaiement des rues et des trottoirs, la neige est poussée sur les côtés pour faciliter la circulation. Les équipes se concentrent d’abord sur les côtes et artères principales et, pour des raisons de sécurité, sur les zones à proximité des hôpitaux et des écoles. Ensuite, les rues secondaires et les trottoirs sont déblayés.

Après une bordée de plus de 10 cm :

Déclenchement d’une opération déneigement. La neige est transportée ou soufflée. Le stationnement dans les rues est alors interdit.

La Ville de Québec compte sur la collaboration de tous les automobilistes afin que les travaux de déneigement ou d'entretien de la voie publique se déroulent dans les meilleures conditions possibles.

[Read More ...]