Hoe het laden van de website van Deezer optimaliseren om UX en Google ranking te verbeteren?
1. Voldoen aan de laadtijdvereisten van Google: de uitdaging voor Deezer
Sinds juni 2021 is gebruikerservaring op mobiel een van de rankingfactoren in SEO voor Google geworden. Het wordt op paginaniveau gemeten door drie KPI's met de naam Core Web Vitals.
Dit zijn:
- visuele laadtijd (LCP - Largest Contentful Paint),
- interactivity latency (FID – First Contentful Paint),
- visual stability (CLS – Cumulative Layout Shift).
Met zijn 56 miljoen jaarlijkse mobiele bezoeken en de concurrerende SEO-omgeving moest Deezer voldoen aan de eisen van zoekmachines en internetgebruikers. Het aantal pagina's dat door Google als traag wordt beschouwd bedroeg meer dan 600.000, wat zijn positionering (aanzienlijk) beïnvloedt.
2. De door Artefact voorgestelde aanpak voor Deezer
Twee belangrijke parameters zijn verbeterd:
- Grootste Contentful Paint - door de hoofdafbeelding van cataloguspagina's te laden (artiest of albumfoto) vóór andere paginabronnen onder de vouw
- Cumulatieve verschuiving van de lay-out - door de nodige ruimte te reserveren voor het laden van afbeeldingen, zodat ze andere elementen niet onderdrukken tijdens het laden.
3. Wat waren de resultaten voor de SEO van Deezer?
- 63% van de gebruikers profiteert van een grootste Contentful Paint onder 2500ms vs 52% in augustus 2021
- 99% van de bezoekers wordt niet blootgesteld aan een Cumulatieve Lay-out Verschuiving en heeft een kwaliteitsvolle gebruikerservaring vs 74% in augustus 2021
- Verdwijnen van trage pagina's op de site (Grootste inhoudsverschuiving >4s en Cumulatieve lay-outverschuiving >0,25) vs 600K in april 2022
- 78% of pages are considered fast by Google (Largest Contentful Paint <2,5s et Cumulative Layout Shift <0,1) vs 1,3% in April 2022
4. Volgende stappen:
General improvement of mobile user experience will be a specific project in the upcoming global revamp of Deezer’s catalog pages.
Het wil de gebruikerservaring op mobiel verdiepen en verbeteren.
