Staň sa Chrome DevTools SEO ninja!


Mnoho marketingových odborníkov nevie ako užitočný môže pre ich prácu byť Chrome DevTools. Tento integrovaný nástroj prehliadača Chrome má veľa užitočných vlastností, ktoré vám môžu zjednodušiť život.

Tu je pár tipov, po ktorých možno znovu zvážite niektoré vaše rozšírenia a procedúry:

#1 Fullpage screenshot bez rozšírení

Veľa ľudí si inštaluje do ich prehliadačov mnoho nepotrebných rozšírení. Napríklad rozšírenia, ktoré urobia screenshot časti stránky, ktorá je práve zobrazená.

Veľa ľudí nevie, že Google DevTools nástroje sú pripravené na takéto situácie. Stačí iba:

  • Otvoriť DevTools stlačením F12 alebo pravým kliknutím hocikde na stránke a zvoliť Prehliadať
  • Stlačiť CTRL+SHIFT+P
  • Napísať „screenshot“
  • Zvoliť, či potrebujete fullpage alebo len screenshot práve zobrazenej časti stránky
Screenshot stránky s Devtools

Môžete tiež prepnúť panel nástrojov a urobiť screenshot stránky z hocijakého zariadenia, vrátane niektorých smartfónov a tabletov:

Screenshot mobilní verze stránky s Devtools

#2 Nájdite a prejdite na kontrolu vašich odkazov

Niekedy linkbuilderi potrebujú nájsť odkazy vo veľkom objeme nejakého obsahu (alebo článkov so stovkami komentárov). Najjednoduchším spôsobom ako ich nájsť (ak ich nechcete hľadať manuálne) je:

  • Otvoriť váš Chrome DevTool nástroj (F12)
  • Kliknúť na Elements tab (štítok Prvky, Zložky, Elementy)
  • Stlačiť CTRL+F a vložiť odkaz
  • Kliknúť pravým tlačidlom na odkaz v zdrojovom kóde a kliknúť na Scroll into view (Prejsť na náhľad)
Jak najít URL pomocí devtools

#3 Skontrolujte ako vyzerá URL bez javascript

Chcete skontrolovať aké množstvo obsahu je vytvoreného s javascript. Alebo ako vyzerá vaša stránka pre užívateľov a botov, ktorí nepoužívajú javascript? S DevTools je to jednoduché:

  • Otvorte svoj Chrome DevTools (F12)
  • Kliknite na Nastavenia alebo stlačte F1
  • Zaškrtnite Vypnúť Javascript
Check how the URL looks without javascript

#4 Nájdite schovaný obsah

Má stránka nejaký schovaný obsah? A má to tak byť? Skontrolujte schované elementy v zdrojovom kóde:

  • Otvorte váš Chrome DevTool (F12)
  • Kliknite na zdrojový kód v štítku Elementy
  • Stlačte CTRL+F
  • Pokúste sa nájsť časti zdrojového kódu, ktoré obsahujú „schované“ alebo „display:none“ fragmenty
Hledání skrytého obsahu

#5 Napodobnite mobilnú alebo tabletovú verziu

Skontrolujte, ako vaša stránka vyzerá na mobile alebo tablete. Stačí len:

  • Otvoriť váš Chrome DevTool (F12)
  • Kliknúť na Prepnúť panel nástrojov zariadenia alebo CTRL+SHIFT+M
  • Zvoliť, ktoré zariadenie chcete napodobniť
Emulace a validace mobilní verze webu

#6 Identifikujte problémy s rýchlosťou a časom načítania stránky

Myslíte si, že PageSpeed Insight je jediný nástroj Google s tipmi ako optimalizovať výkon vašej stránky? Chyba! Google má veľa nástrojov, ktoré vám môžu pomôcť pri optimalizácii vašej stránky.

Súčasťou DevTools je Lighthouse, čo je výborný nástroj, ktorý pomáha majiteľom web stránok so zlepšením ich kvality. Podľa výsledkov analýzy tento nástroj poskytuje skóre alebo analyzovanú URL zo 4 hľadísk:

  • Progresívna Web aplikácia
  • Výkon
  • Best practice (Najlepšie postupy)
  • Dostupnosť
Identifikace problémů pomoci lighthouse od Google

Po tom, ako vykonáte vašu analýzu, môžete vidieť report, ktorý vypadá ako tento nadol. Kliknutím na jednotlivé sekcie môžete nájsť tipy na zlepšenie vašej stránky.

Výstup analýzy

A čo vy? Používate DevTools nejakým iným spôsobom, ktorý sa týka SEO?

Páči sa ti článok? Zdieľaj ho s priateľmi!     To sa mi páči Tweet Google +

Komentáre





Podobné články

Analýza kľúčových slov krok za krokom


 Filip Podstavec


  18 minút čítania
  26. 7. 2017.

Chcem prečítať 

5 vecí, ktoré Google potvrdil o sitemap v posledných týždňoch


 Filip Podstavec


  6 minút čítania
  21. 8. 2017.

Chcem prečítať 




Komentáre




Ešte si sa nerozhodol?

Nevadí, môžeš si nás zadarmo a jednoducho otestovať.