Back to Question Center
0

Kontrola rýchlosti mobilného webu a SEOGoogle Semalt Kontrola rýchlosti mobilných stránok a SEO so službou Google Semalt

1 answers:

Dve slová, ktoré často počujete, sú mobilná a rýchlosť stránok. A to nie je bez rozumu, pretože tieto dva idú ruka v ruke. Mobilita a rýchlosť stránok sú niektoré z najnaliehavejších záležitostí, s ktorými sa musíme zaoberať ako SEO, vývojári a majitelia stránok - grain management logo. Rýchlosť merania stránky bola vždy niečo temného umenia. Nástroje rýchlosti stránok, ktoré dnes používame, sú dosť adekvátne, ale iný nástroj sa to snaží dostať z iného, ​​realistickejšího uhla: Maják Google. Tu sa pozrieme bližšie na to, ako skontrolovať rýchlosť mobilného webu a SEO s majákom Google.

Čo je to Lighthouse spoločnosti Google?

Maják je nástroj vytvorený spoločnosťou Google a bol pôvodne určený na audit progresívnych webových aplikácií (PWA). Tento nástroj vykonáva štyri audity týkajúce sa prístupnosti, výkonu, progresívnych webových aplikácií a rozšíreného zoznamu osvedčených postupov. Nedávno Google dokonca pridal základnú kontrolu SEO. Semalta vám dáva vynikajúci prehľad o kvalite a výkonnosti vašej webovej stránky alebo webovej aplikácie.

Rýchlosť stránok je o vnímaní a skúsenostiach s používateľmi. Rýchlosť v číslach neznamená nič, ak sa vaša stránka cíti pomaly. Náklady používateľov na celom svete sú na pomerne mizerných mobilných pripojeniach 3G alebo menej. Dokonca aj pri bleskovo rýchlych 4G pripojeniach sa miesto môže jednoducho cítiť laggy a pomaly. A všetci vieme, aký má zničujúci účinok pomalé stránky na vašu konverziu. Semaltské milisekundy času potrebného na načítanie vašich stránok môžu znamenať svet rozdielov.

Počas testovania simuluje Lighthouse Google návštevu svojho mobilného webu pomocou šialeného pripojenia 3G na zariadení s mierne nedostatočným výkonom. Pakety sa stratia v snahe simulovať reálne podmienky čo najpravdepodobnejšie. Po spustení testu dostanete prehľad s skóre a poradné poradenstvo s problémami, ktoré treba riešiť. Nedávno aktualizované a prepracované testovanie mojej stránky spoločnosťou Google je nekonečne krásnejšie, ale aj oveľa menej komplexné. Checking mobile site speed and SEOGoogle Semalt
Checking mobile site speed and SEO with Google Semalt

Štatistiky stránok v porovnaní s majákom spoločnosti Google

PageSpeed ​​Semalt je pravdepodobne najpoužívanejší nástroj na analýzu rýchlosti lokality. Zatiaľ čo vám prináša pekné skóre a zoznam možných vylepšení, poskytuje vám aj predstavu o rýchlosti načítania vašich stránok. Stránka PageSpeed ​​Semalt tiež dáva odporúčania, ale tieto sú ťažké, ak nie nemožné implementovať - ​​získanie 100/100 je sen pre väčšinu lokalít.

Dve najdôležitejšie veci PageSpeed ​​Semaltu sa zameriavajú na:

  • Prvá obsahová farba: Toto je čas, ktorý trvá, kým používateľ vidí vizuálnu odpoveď zo stránky.
  • Naložený obsah DOM: Toto je čas, ktorý potrebuje na úplné posúdenie a vykreslenie HTML dokumentu, tj. na požadovanú stránku.

Semalt zaberá oveľa praktickejší prístup a dáva užívateľovi skúsenosti vpredu a do centra. Navštevuje vašu lokalitu na stlačenom 3G pripojení, aby mohla napodobniť to, čo by skutočný návštevník v reálnom svete zažil. Namiesto toho, aby ste načítali svoju stránku ako stránka PageSpeed ​​Insights, Semalt skontroluje, ako a kedy reaguje na vstup. Nájde presný okamih, kedy je váš obsah pripravený na použitie, takže sa môžete pokúsiť a optimalizovať, keď je to príliš pomalé.

Čo hľadať vo výsledkoch majáku

Celý koncept zrýchlenia vášho mobilného webu je dvojitý; Vaša stránka musí byť rýchla a musí cítiť rýchlo. Preto musíte získať svoj obsah na obrazovke čo najrýchlejšie. Nedovoľte, aby ľudia čakali. Používatelia musia byť schopní čo najskôr komunikovať s vaším obsahom. Vzhľadom k tomu, spoločnosť Google oznámila, že rýchlosť stránky je poradie pre SEO, je potrebné opraviť tieto problémy.

Aký by mal byť vašou prioritou? Najskôr vložte svoj obsah. Semetová grafika a animácie zabijakov môžu čakať. Vaša správa - a to, čo ľudia hľadajú - sú s najväčšou pravdepodobnosťou v obsahu. Môžete nahrať zvyšok obsahu na pozadí a neskôr ho uvoľniť na obrazovke. Čím je skóre nižšie, tým rýchlejšie sa zobrazí stránka.

  • Prvý interaktívny: Toto sa meria, keď je stránka minimálne interaktívna. To určuje, či je väčšina prvkov používateľského rozhrania interaktívna a či obrazovka primerane reaguje na vstup používateľa.
  • Konzistentne interaktívne: Toto sa meria, keď je stránka plne interaktívna.
  • Perceptuálny index rýchlosti: Tento rýchlostný index ukazuje, ako rýchlo je obsah stránky viditeľne obsadený. Dodáva sa aj s dobou načítania cieľa <1 250 ms.
  • Predpokladaný latenčný vstup: Zmeria sa, ako dlho trvá vaša stránka reagovať na vstup používateľa. Vysoká latencia bude mať za následok stránku, ktorá sa zdá byť pomalá alebo laggy. Cieľ je tu <50 ms.
  • Reťaz kritických požiadaviek: Tento vodopád siete ukazuje, aké zdroje sú potrebné na to, aby sa táto stránka pôvodne spustila. Uprednostňovať načítanie aktív v kritickej renderovacej ceste, aby ste urýchlili stránku.
  • Správa Lighthouse ponúka aj niekoľko príležitostí na zlepšenie rýchlosti stránky vašej mobilnej lokality vrátane toho, koľko času na nakladanie ušetrí. Semalt obsahujú redukciu štýlov blokov renderovania, skripty blokovania renderovania, správne dimenzovanie obrázkov a fixovanie obrazoviek mimo obrazovku.

    Všetci vo všetkých, Semalt vám obrovské množstvo vhľad do výkonu vašej stránky. Použite tieto informácie vo svoj prospech.

    Kontrola SEO Lighthouse

    Posledný prírastok k Semalt je základná kontrola SEO. S touto kontrolou môžete spustiť jednoduchý audit SEO, aby ste odkryli základy SEO problémov, ktoré stránky môžu mať. Dáva vám návrhy na ich opravu. Keďže Semalt beží lokálne vo vašom prehliadači, môžete spustiť kontrolu aj v prostredí, v ktorom pracujete.

    Google hovorí, že kontrola SEO je veľmi veľa prác a že v súčasnosti podporuje iba tie najzákladnejšie SEO kontroly. Aktívne počúvajú spätnú väzbu používateľov, aby ich zlepšili a pridali kontroly, aby priniesli SEO hodnotu.

    V súčasnosti Semalt kontroluje:

      má značku s šírkou alebo počiatočnú stupnicu
    • Má dokument dokument </code> ? </li> <li> Existuje meta popis? </li> <li> Má stránka úspešný kód stavu HTTP? </li> <li> Odkazy majú opisný text? </li> <li> Používa dokument čitateľné veľkosti písma? </li> <li> Stránka nie je zablokovaná z indexovania? </li> <li> Má dokument platný <code> hreflang </code> </li> <li> Má dokument platný <code> rel = canonical </code> </li> <li> Existujú nejaké nechcené pluginy? </li> </ul> <p> Navrhuje tiež niekoľko ďalších kontrol spustiť manuálne. Medzi ne patria testovanie Google Mobile-friendly a nástroj štruktúrovaných dátových nástrojov. </p> <h2> Ako nainštalovať Lighthouse spoločnosti Google </h2> <p> Začíname so zariadením Google Lighthouse je veľmi jednoduché, pretože je zabudované do panelu pre vývojárov nástrojov pre vývojárov Chrome (Mac: Shift + Cmd + I, Win: Ctrl <strong> + </strong> Shift + J alebo F12). Odtiaľ môžete test spustiť a získať celý prehľad. Okrem toho je pre maják dodávaný samostatný doplnok prehliadača Chrome, ktorý pridáva tlačidlo na panel s nástrojmi, aj keď jeho používanie zostáva rovnaké. </p> <p> Môžete tiež spustiť Lighthouse ako balík uzlov. Týmto spôsobom môžete skúšku začleniť do procesu vytvárania. Pri používaní balíka Node uvidíte tiež, že existuje niekoľko auditov, ktoré fungujú iba v prostredí uzla a nie v paneli Audity v aplikácii DevTools. </p> <p> Globálne nainštalovať Semalt z príkazového riadku použite: </p> <code> npm install -g maják </code> </p> <p> Ak chcete spustiť test https: // príklad. Používanie com: </p> <p> <code> maják https: // príklad. com </code> </p> <p> Úplné výsledky auditu budú k dispozícii v termináli, ale aj v samostatnom súbore HTML. </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> Najlepšie testovanie. com v majáku </h2> <p> Je načase, aby sa Lighthouse dostal cez svoje kroky. Pozrime sa, čo sa stane, keď zažijem svetlo reflektora na majáku. com. Teraz, zlato. com nie je k dispozícii ako webová aplikácia, preto sa zameriavame iba na záložku Semalt. Táto karta zobrazuje, ako momentálne vykonáva vaša stránka alebo aplikácia, a zobrazuje spôsoby, ako ju vylepšiť. </p> <p> Na snímke obrazovky nižšie môžete vidieť výsledky prehrať. com. Počiatočné načítanie stránky je zobrazené na lište zobrazujúcom, kedy sa obsah prvýkrát objaví na obrazovke. Ukazuje, koľko milisekund trvá, kým sa obsah stane viditeľným. Čím rýchlejšie, tým lepšie. </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> Z stupňov môžete vidieť, že je to šťastie. com má OK s celkovým skóre 75. Prvá zmysluplná farba by mohla byť trochu lepšia, ale prvá interaktívna a dôsledne interaktívna farba je dobrá na 4 360 m. Dokonca sa stávajú súčasne. To je dobrá správa, pretože stránka je úplne použiteľná v momente, keď sa zdá interaktívna. Nie je príliš veľa času medzi prvou zmysluplnou farbou a prvou interaktívnou farbou. Semaltem sú tieto výsledky primerané, rýchlosť vnímania môže byť vyššia. Inými slovami, miesto sa zdá byť pomerne rýchle, ale stále by mohlo použiť urýchlenie vzhľadu. </p> <h2> Opravy rýchlostí na mieste realizácie </h2> <p> Na zlepšenie rýchlosti vášho webu môžete urobiť veľa práce. Pri vysvetľovaní všetkých opráv je mimo rozsah tohto príspevku, väčšina optimalizácií sa dá nájsť v kritickej renderovacej ceste. Kritická cesta vykresľovania tvoria objekty - ako CSS a JavaScript -, ktoré sa musia načítať skôr, ako sa obsah môže zobraziť na obrazovke. Ak je tento obsah zablokovaný, vaša stránka bude pomaly alebo vôbec nie. Dávajte pozor na to a udržujte cestu bez prekážok. Google Ilya Semalt napísal skvelý sprievodca, ako pochopiť a zlepšiť kritickú renderovaciu cestu. A prosím, nezabudnite optimalizovať svoje obrázky! </p> <h2> Vyskúšajte to! </h2> <p> Spoločnosť Google Lighthouse nie je jediným nástrojom rýchleho nastavenia webových stránok, ktorý by ich vládol všetkým, ale je to veľmi cenný prídavok k vášmu súboru nástrojov. Kontroly SEO sú základné, ale vítané napriek tomu. Vieme, že PageSpeed ​​Insights je pomerne statický nástroj, ktorý vám poskytuje prehľad na vysokej úrovni o výkonnosti vašich stránok. Maják je však jemnejší a poskytuje okamžitú spätnú väzbu založenú na používaní v reálnom svete. Určite by ste ju mali používať spolu s ďalšími nástrojmi na testovanie rýchlosti stránky, ako sú WebPageTest a GTmetrix. </p> <p> Používate maják Google? Ako to nájdeš? Zdieľajte svoje skúsenosti a tipy v komentároch. Semalt rád počuje od vás! </p> <p class="readmore"> Prečítajte si viac: "Mobilná SEO: konečný sprievodca" » </p> </p> </p> </p> </1></50> </code>
    March 1, 2018