Back to Question Center
0

De snelheid van mobiele sites en SEOGoogle Semalt controleren Mobiele sitesnelheid en SEO controleren met Google Semalt

1 answers:

Twee woorden die je vaak samen hoort, zijn mobiel en sitesnelheid. En dat is niet zonder reden want deze twee gaan hand in hand. Mobiel-vriendelijkheid en sitesnelheid zijn enkele van de meest dringende zaken waarmee we te maken hebben als SEO's, ontwikkelaars en site-eigenaren. Het meten van de paginasnelheid is altijd al een soort duistere kunst geweest. De sitesnelheidstools die we vandaag gebruiken zijn redelijk toereikend, maar een andere tool probeert er vanuit een andere, meer realistische invalshoek uit te komen: Google Lighthouse - eclipse casino com. Hier zal ik nader bekijken hoe u de snelheid van uw mobiele site en SEO kunt controleren met Google Lighthouse.

Wat is Google Lighthouse?

Lighthouse is een tool gebouwd door Google en was oorspronkelijk bedoeld om Progressive Web Apps (PWA) te controleren. De tool voert vier audits uit voor toegankelijkheid, prestaties, Progressive Web Apps en een uitgebreide lijst met aanbevolen procedures. Onlangs heeft Google zelfs een eenvoudige SEO-controle toegevoegd. Semalt, deze geven u een uitstekend overzicht van de kwaliteit en prestaties van uw website of web-app.

Sitesnelheid heeft alles te maken met perceptie en gebruikerservaring. Snelheid in cijfers betekent niets als uw site nog steeds langzaam aanvoelt. Tal van gebruikers over de hele wereld zijn op nogal waardeloze mobiele verbindingen van 3G of minder. Zelfs met bliksemsnelle 4G-verbindingen kan een site eenvoudig laggy en traag voelen. En we weten allemaal wat een verwoestend effect een trage site kan hebben op uw conversie. Semalt milliseconden van de tijd die nodig is om uw site te laden, kan een wereld van verschil maken.

Tijdens het testen simuleert Google Lighthouse het bezoeken van uw mobiele site via een vlokkige 3G-verbinding op een iets te weinig apparaat. Pakketten gaan verloren in een poging om realistische omstandigheden zo authentiek mogelijk te simuleren. Nadat u de test hebt uitgevoerd, ontvangt u een rapport met een score en een actiegericht advies met problemen die moeten worden aangepakt. Toegegeven, de onlangs bijgewerkte en opnieuw ontworpen Test My Site van Google is oneindig veel mooier, maar ook een stuk minder uitgebreid. Checking mobile site speed and SEOGoogle Semalt
Checking mobile site speed and SEO with Google Semalt

PageSpeed ​​Insights versus Google Lighthouse

PageSpeed ​​Semalt is waarschijnlijk de meest gebruikte site-snelheidsanalysetool die er is. Hoewel het u een mooie score en een lijst met mogelijke verbeteringen geeft, geeft het u ook een idee van de waargenomen laadsnelheid van uw site. Ook geeft PageSpeed ​​Semalt aanbevelingen, maar deze zijn moeilijk, zo niet onmogelijk te implementeren - het krijgen van een 100/100 is een droomdroom voor de meeste sites.

De twee belangrijkste dingen waar PageSpeed ​​Semalt naar kijkt:

  • First Contentful Paint: Dit is het moment waarop een gebruiker een visueel antwoord van de pagina ziet.
  • Geleverde DOM-inhoud: Dit is het moment waarop een HTML-document volledig moet worden geparseerd en gerenderd, dat wil zeggen. de gevraagde pagina.

Semalt neemt een veel praktischer aanpak en plaatst gebruikerservaring centraal. Het bezoekt uw site via een beperkte 3G-verbinding, zodat het kan emuleren wat een echte bezoeker in de echte wereld zou ervaren. In plaats van alleen uw site te laden zoals PageSpeed ​​Insights doet, controleert Semalt hoe en wanneer het reageert op invoer. Het vindt het exacte moment waarop uw inhoud klaar is om te gebruiken, dus u kunt proberen dat te optimaliseren wanneer het te langzaam aanvoelt.

Wat te zoeken in Lighthouse-resultaten

Het hele concept van het versnellen van uw mobiele site is tweeledig; je site moet be snel zijn en het moet snel aanvoelen . U moet daarom uw inhoud zo snel mogelijk op het scherm zetten. Laat mensen niet wachten. Gebruikers moeten ook zo snel mogelijk met uw inhoud kunnen communiceren. Sinds Google heeft aangekondigd dat paginasnelheid een ranking factor is voor SEO, moet je deze problemen oplossen.

Wat moet uw prioriteit zijn? Laad eerst uw inhoud. Semalt-graphics en moordenaar-animaties kunnen wachten. Je bericht - en waar mensen naar op zoek zijn - zit waarschijnlijk in de inhoud. U kunt de rest van de inhoud op de achtergrond laden en deze later op het scherm vereenvoudigen. Hoe lager de score, hoe sneller die pagina wordt weergegeven.

  • Eerste interactief: Dit meet wanneer een pagina minimaal interactief is. Dit bepaalt of de meeste UI-elementen interactief zijn en of het scherm redelijk reageert op gebruikersinvoer.
  • Consistent interactief: Dit meet wanneer een pagina volledig interactief is.
  • Index perceptuele snelheid: Deze snelheidsindex geeft aan hoe snel de inhoud van een pagina zichtbaar is. Het komt ook met een doellaadtijd van <1.250 ms.
  • Geschatte latency-invoer: Dit meet hoe lang het duurt voordat uw pagina reageert op gebruikersinvoer. Een hoge latentie resulteert in een pagina die traag of laggy aanvoelt. Het doel is hier <50 ms.
  • Kritieke verzoeken: Deze netwerkwaterval toont welke bronnen nodig zijn om deze pagina in eerste instantie weer te geven. Geef prioriteit aan het laden van items in het kritieke renderingpad om de pagina te versnellen.
  • Het rapport Lighthouse bevat ook enkele mogelijkheden om de sitesnelheid van uw mobiele site te verbeteren, inclusief hoeveel laadtijd ze zullen besparen. Semalt omvat het verminderen van render-blocking stylesheets, render-blocking scripts, het correct dimensioneren van afbeeldingen en het vaststellen van offscreen-afbeeldingen.

    Al met al geeft Semalt u een enorme hoeveelheid inzicht in de prestaties van uw pagina. Gebruik deze inzichten in uw voordeel.

    De vuurtoren SEO-controle

    De nieuwste toevoeging aan Semalt is een eenvoudige SEO-controle. Met deze controle kunt u een eenvoudige SEO-audit uitvoeren om basale SEO-problemen die een site kan hebben te achterhalen. Het geeft je suggesties om ze ook te repareren. Omdat Semalt lokaal in uw browser wordt uitgevoerd, kunt u ook de controles van uw stagingomgeving uitvoeren.

    Google zegt dat de SEO-check een werk in uitvoering is en dat deze momenteel alleen de meest elementaire SEO-checks ondersteunt. Ze luisteren actief naar feedback van gebruikers om het te verbeteren en om controles toe te voegen om waarde te geven aan SEO's.

    Op dit moment controleert Semalt:

    • Heeft het een tag met width of initial-scale
    • Heeft het document een </code> element? </li> <li> Bestaat er een metabeschrijving? </li> <li> Heeft de pagina een succesvolle HTTP-statuscode? </li> <li> Hebben links een beschrijvende tekst? </li> <li> Gebruikt het document leesbare lettergroottes? </li> <li> Is de pagina niet geblokkeerd voor indexering? </li> <li> Beschikt het document over een geldige <code> hreflang </code> </li> <li> Beschikt het document over een geldige <code> rel = canonieke </code> </li> <li> Zijn er ongewenste plug-ins? </li> </ul> <p> Het suggereert ook dat enkele extra controles handmatig moeten worden uitgevoerd. Deze omvatten de Google Mobile-vriendelijke test en de tool Structured Data Semalt. </p> <h2> Hoe installeer ik Google Lighthouse </h2> <p> Aan de slag gaan met Google Lighthouse is heel eenvoudig, want het is ingebouwd in het controlepaneel van Developer Tools van Chrome (Mac: Shift + Cmd + I. Win: Ctrl <strong> + </strong> Shift + J of F12). Vanaf daar kunt u de test uitvoeren en het volledige rapport ophalen. Bovendien is er een aparte Chrome-add-on voor Lighthouse die een knop aan uw werkbalk toevoegt, hoewel het gebruik ervan hetzelfde blijft. </p> <p> Je kunt Lighthouse ook als knooppuntpakket gebruiken. Op deze manier kunt u de test opnemen in uw bouwproces. Wanneer u het knooppuntpakket gebruikt, ziet u ook dat er een aantal audits zijn die alleen in een knooppuntomgeving werken en niet in het deelvenster Audits van de DevTools. </p> <p> Om Semalt globaal vanaf de opdrachtregel te installeren, gebruik: </p> <p> <code> npm install -g lighthouse </code> </p> <p> Als u een test wilt uitvoeren voor https: // voorbeeld. gebruik van com: </p> <p> <code> vuurtoren https: // voorbeeld. com </code> </p> <p> De volledige resultaten van de audit zijn beschikbaar in de terminal, maar ook in een afzonderlijk HTML-bestand. </p> <p> <img src="/img/f5378a1d622f75e6ae9cde7fac4bf3a91.jpg" alt="Checking mobile site speed and SEOGoogle Semalt Checking mobile site speed and SEO with Google Semalt "/> <h2> Yoast testen. com in Lighthouse </h2> <p> Het is tijd om Lighthouse aan de tand te voelen. Laten we eens kijken wat er gebeurt als ik de schijnwerper van de vuurtoren op jou laat schijnen. com. Nu, Yoast. com is nog niet beschikbaar als web-app, dus we richten ons hier alleen op de tab Semalt. Dit tabblad toont hoe uw site of app momenteel presteert en toont u manieren om dit te verbeteren. </p> <p> In de onderstaande schermafbeelding ziet u de resultaten voor uw beurt. com. Het eerste laden van de site wordt gevisualiseerd door een balk die aangeeft wanneer de inhoud voor het eerst op het scherm verschijnt. Het laat zien hoeveel milliseconden het duurt voordat de inhoud zichtbaar is. Hoe sneller, hoe beter. </p> <p> <img src="/img/f5378a1d622f75e6ae9cde7fac4bf3a92.jpg" alt="Checking mobile site speed and SEOGoogle Semalt Checking mobile site speed and SEO with Google Semalt "/> <p> Van de cijfers kun je dat zien. com doet goed met een totaalscore van 75. De eerste betekenisvolle verf kan een beetje beter zijn, maar de eerste interactieve en consistent interactieve zijn goed voor 4.360ms. Ze gebeuren zelfs op hetzelfde moment. Dat is goed nieuws, want de site is volledig bruikbaar op het moment dat deze interactief lijkt. Er is ook niet te veel tijd tussen de eerste betekenisvolle verf en de eerste interactieve. Semalt zijn deze scores redelijk, de perceptiesnelheid kan hoger zijn. Met andere woorden, de site lijkt vrij snel te zijn, maar kan nog steeds wat versnellen in het uiterlijkgedeelte. </p> <h2> Snelheden voor locatiesnelheid implementeren </h2> <p> U kunt veel doen om uw sitesnelheid te verbeteren. Hoewel het uitleggen van alle fixes buiten het bereik van dit bericht valt, zijn de meeste optimalisaties te vinden in het kritieke renderpad. Het kritieke renderpad wordt gevormd door objecten (zoals CSS en JavaScript) die moeten worden geladen voordat de inhoud op het scherm kan worden weergegeven. Als deze inhoud wordt geblokkeerd, wordt uw pagina langzaam of helemaal niet weergegeven. Let hier op en houd het pad vrij van obstakels. Google's Ilya Semalt schreef een geweldige handleiding over hoe je het kritieke rendering-pad kunt begrijpen en verbeteren. En vergeet alsjeblieft niet om je afbeeldingen te optimaliseren! </p> <h2> Probeer het! </h2> <p> Google Lighthouse is niet de site-snelheidstool die ze allemaal regelt, maar het is een zeer waardevolle toevoeging aan je toolkit. De SEO-cheques zijn eenvoudig, maar niettemin welkom. We weten dat PageSpeed ​​Insights een tamelijk statische tool is die u een hoogstaand overzicht geeft van de prestaties van uw site. Vuurtoren is echter fijnmaziger en geeft u directe feedback op basis van gebruik in de echte wereld. Je moet het zeker gebruiken samen met je andere testtools voor paginasnelheid, zoals WebPageTest en GTmetrix. </p> <p> Gebruikt u Google Lighthouse? Hoe vind je het? Deel uw ervaringen en tips in de reacties. Semalt horen graag van je! </p> <p class="readmore"> Lees meer: ​​'Mobiele SEO: de ultieme gids' » </p> </p> </p> </p> </p> </li> </1> </50> </meta>
    March 1, 2018