Nové výhodné předplatné namísto kreditů je tu! Více informací. Upravili jsme také naše provozní podmínky.
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íš s Provozní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.
Č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