NOVINKA: Kurz kybernetické bezpečnosti s akreditací MŠMT, nyní již od 0 Kč. Staň se žádaným profesionálem. Zjisti více:
NOVINKA: Staň se datovým analytikem a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:

Lekce 13 - SEO - Kontrola webu v Chrome DevTools

V minulé lekci, SEO - Nástroj Google Search Console, jsme si představili Google Search Console a jeho nejdůležitější přehledy pro SEO.

V tomto SEO tutoriálu se budeme zabývat kontrolou webu v Chrome DevTools. Ukážeme si, jak použít panel Lighthouse a další nástroje pro kontrolu mobilního zobrazení, dostupnosti obsahu, načítání zdrojů a stavových kódů.

Zaměříme se tedy na technické SEO a ověříme, zda web funguje správně i po technické stránce. Podobně jako u auta nestačí dobrý vzhled, u webu nestačí jen dobrý text. Auto se musí spolehlivě rozjet, správně brzdit a dovézt cestující do cíle bez problémů. Stránka musí být dostupná, rychlá, použitelná a srozumitelná i pro vyhledávače.

Chrome DevTools

Chrome DevTools je sada vývojářských nástrojů vestavěných v prohlížeči Chrome. Slouží hlavně vývojářům, ale pro SEO je velmi užitečná. Pomáhá nám zjistit, co se na stránce skutečně načítá, jak vypadá HTML, jak se stránka chová na mobilu a zda některé zdroje nevracejí chyby.

DevTools nám neřekne, jak přesně se stránka umístí ve vyhledávání. Pomůže ale odhalit technické problémy, které mohou bránit tomu, aby stránka dobře fungovala pro uživatele i vyhledávače.

Chrome DevTools otevřeme klávesou F12 nebo zkratkou Ctrl + Shift + I ve Windows a Linuxu. Na macOS použijeme Cmd + Option + I:

Otevření Chrome DevTools - SEO - Optimalizace webů pro vyhledávače

V nástroji využijeme hlavně


 

...konec náhledu článku...
Pokračuj dál

Znalosti v hodnotě stovek tisíc získáš za pár korun

Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.

Obsah článku spadá pod licenci Premium III, koupí článku souhlasíš se smluvními podmínkami.

Co od nás v dalších lekcích dostaneš?
  • Přístup k jednotlivým lekcím dle způsobu pořízení.
  • Kvalitní znalosti v oblasti IT.
  • Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.

Popis článku

Požadovaný článek má následující obsah:

V SEO tutoriálu zkontrolujeme web pomocí Chrome DevTools. Zaměříme se na nástroj Lighthouse, mobilní zobrazení, dostupnost obsahu a stavové kódy.

Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.

Článek pro vás napsala Lucie Březinová
Avatar
Autorka se věnuje přírodní kosmetice a ekologickému přístupu k přírodě. Má ráda koncerty, grilovačky, pohodu, ale taky sportovní výzvy.
Aktivity