SEO checklist před spuštěním Webflow webu pro agentury

Proč potřebujete SEO checklist před spuštěním

Webflow dává čisté HTML, rychlý hosting a dobrou kontrolu nad SEO nastavením. Nezabrání vám ale spustit web se špatným nastavením. Volby jsou rozházené mezi nastavením webu, nastavením stránek, šablonami CMS a vlastním kódem, takže něco vždycky uteče.

Jako Webflow vývojář stavím weby ve workspace agentury a předávám je, takže projíždím pokaždé stejný seznam. Tento článek je ten seznam. Je psaný pro agentury, proto u každé části říkám, komu úkol obvykle patří: vám, vývojáři, nebo klientovi.

Poznámka k názvům v menu. Webflow mezi verzemi rozhraní věci přesouvá, proto popisuji, co nastavit a zhruba kde, ne přesné klikací cesty. U zdokumentovaných nastavení odkazuji na oficiální stránku.

On-page základy: title, description, Open Graph a nadpisy

Dělejte to u každé stránky a každé šablony CMS.

• SEO title a meta description u všech klíčových stránek. Title držte kolem 60 znaků, description zhruba 140 až 160 a hlavní klíčové slovo dejte na začátek. Jsou to orientační hodnoty podle toho, jak se výsledky zkracují, ne pevné limity.
• Stránky kolekcí: v nastavení šablony navažte title a description na pole v CMS (například samostatné pole „SEO title“ a „meta description“ s náhradou za název). Jinak každý článek nebo produkt dostane stejný obecný text.
• Open Graph: nastavte titulek, popis a obrázek u stránek, které se sdílejí. Použijte obrázek 1200 x 630 px a pár odkazů si vyzkoušejte v náhledu sociálních sítí dřív než klient.
• Jeden H1 na stránku, potom logická struktura H2 a H3. Úroveň nadpisu volte podle významu, ne podle velikosti písma. Vzhled řešte třídami.
• Čitelné URL: krátké slugy malými písmeny s pomlčkami. Pravidla pro slugy v CMS domluvte s klientem dřív, než se začne vkládat obsah.
• Canonical URL: každá indexovatelná stránka má ukazovat sama na sebe, na finální doménu se správným protokolem a s variantou s www nebo bez www, kterou klient zvolil. Princip vysvětluje Google v průvodci sloučením duplicitních URL. Vlastní canonical použijte jen u skutečného duplikátu, třeba u filtrovaného nebo přebíraného obsahu.
• Interní odkazy: klíčové stránky odkazujte z navigace i ze souvisejícího obsahu. Používejte výstižné texty odkazů, ne „klikněte zde“.

Řízení indexace: staging, noindex, robots.txt a sitemap

Tady se spuštění pokazí nejčastěji, a to oběma směry.

Staging nesmí do Googlu

Bezplatná staging doména webflow.io se může indexovat, dokud to nevypnete. Webflow postup popisuje v nápovědě k vypnutí indexace vyhledávači: v nastavení webu na záložce SEO v sekci indexace vypněte indexaci subdomény Webflow, pak uložte a publikujte. Webflow uvádí, že vypnutí vyžaduje tarif Site nebo placený Workspace. Udělejte to na začátku projektu, ne na konci.

Opačná chyba

Web, který byl při stavbě na noindex a po spuštění na něm zůstal. Zkontrolujte nastavení na úrovni stránky i vlastní kód v hlavičce, jestli tam není meta tag robots. Na ostré doméně zobrazte zdroj stránky a vyhledejte „noindex“.

Sitemap

• Zapněte automaticky generovanou sitemapu a aktualizaci při publikaci.
• Stránky, které se ve vyhledávání objevit nemají (poděkování, servisní stránky), vyřaďte přepínačem indexace sitemapy v nastavení stránky. Webflow upozorňuje, že zablokování stránky v robots.txt ji ze sitemapy neodstraní, takže na to použijte přepínač u stránky.
• Otevřete /sitemap.xml na ostré doméně a ověřte, že obsahuje správné URL na správné doméně.

robots.txt

Držte ho krátký. Povolte vše, co se má procházet, odkažte na sitemapu a zakažte jen to, co opravdu musíte. Klasická katastrofa je zbylé Disallow: / ze stagingu. Otevřete /robots.txt na ostré doméně a přečtěte si ho.

301 přesměrování a nastavení domény

U redesignu přesměrování rozhodují, jestli se staré pozice přenesou.

1. Seznam starých URL získejte včas. Projděte starý web crawlerem, vyexportujte nejlepší vstupní stránky z analytiky a Search Console a spojte je. O seznam požádejte klienta při zahájení, ne v posledním týdnu.
2. Každou starou URL namapujte na nejbližší novou stránku. Ne všechno na homepage. Přesměrování nesouvisejících stránek na homepage se obvykle bere jako soft 404.
3. Importujte hromadně. Webflow umožňuje spravovat 301 přesměrování v nastavení webu a hromadně je importovat ze souboru CSV. CSV mějte ve složce projektu jako zdroj pravdy.
4. Žádné řetězce. Stará URL na finální URL na jeden skok. Po změně jakéhokoli slugu zkontrolujte znovu.
5. Zvolte jednu hlavní doménu. Rozhodněte se pro www nebo bez www, vynuťte HTTPS a druhou variantu přesměrujte. Vyzkoušejte všechny čtyři kombinace http, https, www a bez www.
6. Testujte na ostré doméně hned po publikaci. Proklikejte 20 nejdůležitějších starých URL.

Pokud jde o přestavbu se stejnými URL, stejně ověřte, že slugy v CMS a struktura složek přesně odpovídají starému webu.

Obrázky, strukturovaná data a Core Web Vitals

Obrázky a alt texty

• Smysluplným obrázkům dejte popisný alt text. Popište, co je na obrázku a proč je na stránce, bez cpaní klíčových slov.
• U čistě dekorativních obrázků nechte alt prázdný, aby je čtečky obrazovky přeskočily.
• Nahrávejte obrázky ve velikosti, v jaké se používají, v moderních formátech jako WebP a se smysluplnými názvy souborů.
• Obrázky pod okrajem obrazovky načítejte líně, ale ne hlavní obrázek v hero sekci. Obvykle je to prvek pro Largest Contentful Paint a má se načíst hned.

Strukturovaná data

Webflow schema markup nepřidává samo. JSON-LD vložte do vlastního kódu, buď pro celý web (Organization, WebSite), nebo pro stránku (Article, FAQ jen tam, kde skutečně jde o FAQ, Product u produktů). U stránek z CMS vložte JSON-LD do embedu v šabloně a napojte na něj pole. Podporované typy najdete v úvodu Googlu ke strukturovaným datům a před spuštěním je ověřte v nástroji Rich Results Test. Označujte jen obsah, který je na stránce vidět.

Core Web Vitals

Zveřejněné hranice Googlu pro „dobré“ hodnoty, měřené na 75. percentilu skutečných návštěv, jsou LCP nejvýše 2,5 s, INP nejvýše 200 ms a CLS nejvýše 0,1, jak popisuje web.dev. Před spuštěním otestujte staging v PageSpeed Insights na mobilu. Obvyklí viníci ve Webflow:

• předimenzované hero obrázky a videa na pozadí
• příliš mnoho fontů a řezů písma
• skripty třetích stran (chat, analytika, tag manager) načítané na každé stránce
• těžké interakce nebo GSAP animace spouštěné při načtení
• obrázky bez šířky a výšky, které způsobují posuny layoutu

Skutečná terénní data se objeví až po spuštění, proto po pár týdnech zkontrolujte Search Console.

Vícejazyčné weby: lokalizace a hreflang

Pokud má web víc jazyků, zkontrolujte tři věci.

• Hreflang. Podle Webflow University se u lokalizovaných webů v podadresářích tagy hreflang generují automaticky, v hlavičce stránky i v automatické sitemapě, a stačí jeden z těchto signálů. Ověřte to v nastavení lokalizace a na přeložené stránce zobrazte zdroj.
• Konflikt jazykového kódu. Webflow upozorňuje, že jazykový kód v nastavení webu přebíjí kódy jednotlivých lokalizací, takže u vícejazyčných webů ho nechte prázdný.
• Vlastní sitemapa. Pokud automatickou sitemapu nahradíte vlastní, musíte položky hreflang doplnit sami.

Překládejte i SEO title, meta description, pole Open Graph, alt texty a slugy, ne jen viditelné texty. Nepřeložená meta pole jsou nejčastější mezera, kterou vídám.

Checklist SEO pro Webflow ke zkopírování

Vložte si ho do nástroje pro projekty. Odškrtávejte na ostré doméně, ne v Designeru.

Před spuštěním

• Indexace subdomény Webflow vypnutá pro staging
• Title a meta description u všech klíčových stránek, u šablon napojené na pole CMS
• Open Graph titulek, popis a obrázek nastavené a prohlédnuté v náhledu
• Jeden H1 na stránku, logické pořadí nadpisů
• Slugy zkontrolované, canonical URL správně
• Alt texty doplněné, dekorativní obrázky s prázdným altem
• JSON-LD přidané a ověřené tam, kde dává smysl
• CSV s 301 přesměrováním naimportované a otestované, bez řetězců
• Hlavní doména zvolená, HTTPS vynucené, druhá varianta přesměrovaná
• Sitemap zapnutá, servisní stránky vyřazené
• robots.txt zkontrolovaný, žádný zbylý disallow
• Hreflang a přeložená meta pole zkontrolované (vícejazyčné weby)
• PageSpeed Insights na mobilu proběhl, hero obrázek a fonty optimalizované
• Stránka 404 navržená a užitečná
• Analytika a souhlas s cookies nastavené a otestované

V den spuštění

• Na ostrém webu zobrazit zdroj a vyhledat „noindex“
• Otevřít /sitemap.xml a /robots.txt
• Proklikat 20 nejdůležitějších starých URL
• Přidat doménu do Google Search Console a odeslat sitemapu

První týdny

• Projít v Search Console indexaci stránek a chyby 404
• Nové 404 vyřešit dalšími přesměrováními
• Znovu zkontrolovat Core Web Vitals, až se objeví terénní data
• Porovnat nejlepší vstupní stránky se starým webem

Můj pohled: SEO patří do předání, ne do dodatků

Moje rada agenturám: udělejte ze SEO nastavení součást QA ještě před tím, než staging odkaz dostane klient, spolu s kontrolou všech breakpointů, a ne něco, co se dodělá po spuštění. Napojit meta pole v šabloně CMS při stavbě je mnohem levnější než je dodatečně doplňovat u stovek položek.

U white-label spolupráce pomáhá rozdělit seznam na tři části: co nastaví vývojář, co potřebuje vstup od klienta (seznam přesměrování, finální texty, detaily schématu) a co může udělat jen agentura (přístup do Search Console, analytika). Moje předání končí Loom prohlídkou, kde je dobré ukázat tomu, kdo web spravuje, kde je které nastavení. U velkých katalogů jako Big Moe Watches (více než 1 100 luxusních hodinek, white-label pro Landrieau Studio) je napojení meta polí na CMS jediná realistická cesta, jak držet SEO stránek jednotné.

Jak model funguje obecně, najdete v článku white-label Webflow vývoj a o tom, jak AI vyhledávání mění práci s obsahem, v článku optimalizace Webflow pro AI vyhledávání. Pokud se vám blíží spuštění, pošlete mi projekt a projdeme seznam společně.

Časté otázky

AutorPeter CekanakDesignér a Webflow vývojář · white-label partner pro agentury

Od roku 2018 navrhuji a stavím weby ve Webflow pro agentury a startupy — Client-First, GSAP, CMS a AI automatizace. Weby, které jsem postavil, pomohly klientovi k exitu za 10 mil. $ a jednomu SaaS ztrojnásobily poptávky dema.

Webflow Certified ExpertRelume ExpertClient-First