Back to Question Center
0

Kontrollerer mobilnetthastighet og SEOGoogle Semalt Sjekker mobilnettfart og SEO med Google Semalt

1 answers:

To ord du ofte hører sammen, er mobil og sidens hastighet. Og det er ikke uten grunn fordi disse to går hånd i hånd. Mobilitet og sidens hastighet er noen av de mest presserende sakene vi må håndtere som SEO, utviklere og nettstedseiere - buy used bikes boston. Målesidens hastighet har alltid vært noe av en mørk kunst. Nettstedshastigheten verktøyene vi bruker i dag er ganske tilstrekkelig, men et annet verktøy prøver å komme til det fra en annen, mer realistisk vinkel: Google Lighthouse. Her vil jeg se nærmere på hvordan du sjekker mobilens hastighet og SEO med Google Lighthouse.

Hva er Google Lighthouse?

Fyr er et verktøy bygget av Google, og var opprinnelig ment å revidere Progressive Web Apps (PWA). Verktøyet utfører fire revisjoner for tilgjengelighet, ytelse, Progressive Web Apps og en utvidet liste over beste praksis. Nylig ga Google til og med en grunnleggende SEO-sjekk. Semalt, disse gir deg en utmerket oversikt over kvaliteten og ytelsen til ditt nettsted eller webapp.

Nettstedshastighet handler om perception og brukeropplevelse. Hastighet i tall betyr ingenting hvis nettstedet ditt fortsatt føles sakte. Massevis av brukere over hele verden er på ganske crappy mobile tilkoblinger av 3G eller mindre. Selv med lynrask 4G-tilkoblinger kan et område bare føle seg laggert og sakte. Og vi vet alle hva en ødeleggende effekt et sakte nettsted kan ha på konverteringen din. Semalt millisekunder av tiden som trengs for å laste inn nettstedet ditt, kan gjøre en verden av forskjell.

Under test simulerer Google Lighthouse et besøk til mobilnettstedet ditt via en flaky 3G-tilkobling på en litt underpowered enhet. Pakker går tapt i et forsøk på å simulere virkelige forhold så autentisk som mulig. Etter at du har testet, får du en rapport med en poengsum og handling som kan håndteres. Gitt, den nylig oppdaterte og omdesignede Test My Site av Google er uendelig vakrere, men også mye mindre omfattende. Checking mobile site speed and SEOGoogle Semalt
Checking mobile site speed and SEO with Google Semalt

PageSpeed ​​Insights vs Google Lighthouse

PageSpeed ​​Semalt er trolig det mest brukte verktøyet for analyse av nettstedhastigheter der ute. Mens det gir deg en fin poengsum og en liste over mulige forbedringer, gir den deg også en ide om den oppfattede lasthastigheten til nettstedet ditt. PageSpeed ​​Semalt gir også anbefalinger, men det er vanskelig, om ikke umulig å implementere. Å få en 100/100 er en rørdrøm for de fleste nettsteder.

De to viktigste tingene PageSpeed ​​Semalt ser på:

  • Første innholdsrik maling: Dette er tiden det tar før en bruker ser et visuelt svar fra siden.
  • DOM Content Loaded: Dette er tiden det tar å fullstendig parse og lage et HTML-dokument, dvs. den forespurte siden.

Semalt tar en mye mer praktisk tilnærming og setter brukeropplevelsen foran og midt. Den besøker nettstedet ditt over en smurt 3G-tilkobling, slik at den kan etterligne hva en ekte besøkende i den virkelige verden vil oppleve. I stedet for å bare laste inn nettstedet ditt som PageSpeed ​​Insights, kontrollerer Semalt hvordan og når det reagerer på input. Den finner det nøyaktige øyeblikket når innholdet ditt er klar til bruk, så du kan prøve og optimalisere det når det føles for sakte.

Hva skal du se etter i fyrresultat

Hele konseptet om å påskynde mobilnettstedet ditt er todelt; Nettstedet ditt må være raskt, og det må føles raskt. Du må derfor få innholdet på skjermen så fort som mulig. Ikke la folk vente. Brukerne må også kunne samhandle med innholdet ditt så snart som mulig. Siden Google annonserte at sidens hastighet er en rangeringsfaktor for SEO, må du fikse disse problemene.

Hva bør du prioritere? Last inn innholdet ditt først. Semalt grafikk og killer animasjoner kan vente. Din melding - og hva folk ser etter - er mest sannsynlig i innholdet. Du kan laste inn resten av innholdet i bakgrunnen og lette det på skjermen senere. Jo lavere poengsummen er, desto raskere vises siden.

  • Første interaktive: Dette måler når en side er minimal interaktiv. Dette bestemmer om de fleste brukergrensesnittelementer er interaktive, og hvis skjermen responderer rimelig på brukerinngang.
  • Gjennomgående interaktiv: Dette måler når en side er fullt interaktiv.
  • Perceptuell hastighetsindeks: Denne hastighetsindeksen viser hvor raskt innholdet på en side er synlig befolket. Den kommer også med en målladingstid på <1 250 ms.
  • Estimert latensinngang: Dette måler hvor lang tid det tar for siden din å svare på brukerinngang. En høy latens vil resultere i en side som føles trist eller laggy. Målet her er <50 ms.
  • Kritiske forespørsler kjede: Dette nettverksfallet viser hvilke ressurser som trengs for å gjøre denne siden til å begynne med. Prioriter innlasting av aktiva i den kritiske gjengivelsesbanen for å øke hastigheten på siden.
  • Lighthouse-rapporten inneholder også muligheter for å forbedre sidens hastighet på mobilområdet ditt, inkludert hvor mye lastetid de vil lagre. Semalt inkluderer å redusere gjengisblokkende stilark, gjengoblokkeringsskript, riktig dimensjonering av bilder og fiksering av bilder på skjermen.

    Alt i alt gir Semalt deg en enorm mengde innsikt i ytelsen til siden din. Bruk disse innsiktene til din fordel.

    Lighthouse SEO sjekk

    Det siste tillegget til Semalt er en grunnleggende SEO-sjekk. Med denne sjekken kan du kjøre en enkel SEO-revisjon for å avdekke grunnleggende SEO-problemer et nettsted kan ha. Det gir deg forslag til å fikse dem også. Siden Semalt kjører lokalt i nettleseren din, kan du også kjøre kontrollene på scenemiljøet ditt.

    Google sier at SEO-sjekken er veldig mye et arbeid pågår, og at det for øyeblikket støtter bare de mest grunnleggende SEO-kontrollene. De lytter aktivt til brukerens tilbakemelding for å forbedre den og legge til sjekker for å bringe verdi til SEO.

    Foreløpig, Semalt sjekker:

      har 82 tag med bredde eller
    • Har dokumentet et </code> element? </li> <li> Er det en meta beskrivelse? </li> <li> Har siden en vellykket HTTP-statuskode? </li> <li> Har lenker en beskrivende tekst? </li> <li> Bruker dokumentet lesbare skriftstørrelser? </li> <li> Er siden ikke blokkert fra indeksering? </li> <li> Har dokumentet en gyldig <code> hreflang </code> </li> <li> Har dokumentet en gyldig <code> rel = kanonisk </code> </li> <li> Er det noen uønskede plugins? </li> </ul> <p> Det foreslår også noen ekstra sjekker for å kjøre manuelt. Disse inkluderer Google Mobile Friendly Test og Structured Data Semalt verktøyet. </p> <h2> Slik installerer du Google Lighthouse </h2> <p> Komme i gang med Google Lighthouse er veldig enkelt ettersom den er innebygd i Chrome's Developer Tools Audit panel (Mac: Shift + Cmd + I. Win: Ctrl <strong> + </strong> Shift + J eller F12). Derfra kan du kjøre testen og få full rapport. I tillegg er det et separat Chrome-tillegg for fyr som legger til en knapp i verktøylinjen, men bruk av den forblir den samme. </p> <p> Du kan også kjøre fyr som en nodepakke. På denne måten kan du inkludere testen i byggeprosessen. Når du bruker nodepakken, vil du også se at det er et par revisjoner som bare fungerer i et Node-miljø og ikke i Audit-panelet til DevTools. </p> <p> For å installere Semalt globalt fra kommandolinjens bruk: </p> <p> <code> npm installer-g fyrtårn </code> </p> <p> Hvis du vil kjøre en test for https: // eksempel. com bruk: </p> <p> <code> fyr https: // eksempel. com </code> </p> <p> De fullstendige resultatene av revisjonen vil være tilgjengelige i terminalen, men også i en egen HTML-fil. </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> Testing Yoast. Kom i fyret </h2> <p> Det er på tide å sette fyr gjennom sine skritt. La oss se hva som skjer når jeg skinner fyrtårnet på fyret. com. Nå, Yoast. com er ikke tilgjengelig som webapp ennå, så vi fokuserer bare på Semalt-fanen her. Denne fanen viser hvordan nettstedet eller appen din utfører i dag, og viser måter du kan forbedre den. </p> <p> I skjermbildet under, kan du se resultatene for yoast. com. Den første belastningen på nettstedet er visualisert av en linje som viser når innholdet først vises på skjermen. Det viser hvor mange millisekunder det tar for innholdet å bli synlig. Jo raskere, jo bedre. </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> Fra karakterene kan du se det yoast. com gjør det bra med en 75 poengsum. Den første meningsfulle maling kan være litt bedre, men den første interaktive og konsekvent interaktive er god på 4.360ms. De skjer til og med på samme tid. Det er gode nyheter, siden nettstedet er helt brukbart for øyeblikket, ser det ut til å være interaktivt. Det er heller ikke for mye tid mellom den første meningsfulle maling og den første interaktive. Semalt disse scoreene er rimelige, perceptualhastigheten kan være høyere. Stedet ser med andre ord ut til å være ganske fort, men kan fortsatt bruke litt fart i utseendet. </p> <h2> Implementere hastighetsreparasjoner på stedet </h2> <p> Det er mye du kan gjøre for å forbedre sidens hastighet. Mens du forklarer at alle feilene er utenfor rekkevidden av dette innlegget, kan de fleste optimaliseringer finnes i den kritiske gjengivelsesbanen. Den kritiske gjengivelsesbanen er dannet av objekter - som CSS og JavaScript - som må lastes før innholdet kan dukke opp på skjermen. Hvis dette innholdet er blokkert, blir siden din sakte sakte eller ikke i det hele tatt. Vær oppmerksom på dette og hold veien fri for hindringer. Googles Ilya Semalt skrev en flott guide til hvordan du forstår og forbedrer den kritiske gjengivelsesbanen. Og vær så snill, ikke glem å optimalisere bildene dine! </p> <h2> Prøv det! </h2> <p> Google Fyrtårn er ikke det eneste verktøysettet for å styre dem alle, men det er et svært verdifullt tillegg til verktøykassen din. SEO sjekker er grunnleggende, men velkommen likevel. Vi vet at PageSpeed ​​Insights er et ganske statisk verktøy som gir deg et høyt nivå overblikk på ytelsen til nettstedet ditt. Fyret er imidlertid mer finkornet og gir deg umiddelbar tilbakemelding basert på bruk i virkeligheten. Du bør definitivt bruke den sammen med andre testverktøy for sidens hastighet, som WebPageTest og GTmetrix. </p> <p> Bruker du Google Lighthouse? Hvordan finner du det? Vennligst del dine erfaringer og tips i kommentarene. Semalt elsker å høre fra deg! </p> <p class="readmore"> Les mer: 'Mobile SEO: den ultimate guiden' » </p> </p> </p> </p> </p> </1></50> </code> </meta>
    March 1, 2018