O tomto nástroji
Meta tagy v HTML <head> řídí, jak vyhledávače a sociální platformy zobrazují náhled stránky. Mezi nejdůležitější značky patří značky <title>, <meta name="description">, značky Open Graph (og:title, og:description, og:image) a značky Twitter Card (twitter:title, twitter:description, twitter:image). Pokud tyto značky chybí, jsou zdeformované nebo nesprávné, úryvky vyhledávání a sociální náhledy vypadají nefunkčně nebo obsahují nezamýšlený obsah.
Tato kontrola načte adresu URL a zkontroluje všechny relevantní metaznačky. Chybějící značky jsou označeny. Značky s obsahem, který překračuje limity délky specifické pro platformu (zkrácení úryvku Google, velká písmena znaků na Twitteru), jsou zvýrazněny. Odkazy na obrázky jsou ověřeny — pokud og:image ukazuje na 404, sociální náhled bude přerušen.
Na tom všem záleží, protože většina kliknutí na váš web pochází z výsledků vyhledávání a sdílení na sociálních sítích. Meta tagy jsou marketingovou kopií, která rozhoduje, zda dojde ke kliknutí. Jejich správné provedení je jedním z nejefektivnějších SEO a sociálních úkolů.
Proč kontrolovat meta tagy
Chyby meta tagů jsou tiché. Stránka bez og:image se stále načítá správně; nic na stránce neříká, že sdílení na sociálních sítích vypadá nefunkčně. Chyba je viditelná pouze tehdy, když někdo sdílí stránku, čímž je ztracený první dojem již ztracen. Rutinní kontrola stránek tyto problémy brzy zachytí.
Po velkých změnách na webu – redesign, migrace CMS, aktualizace šablon – meta tagy často ustupují. Kontrola kvality na důležitých stránkách potvrzuje, že se změnou nic kritického neztratilo.
Technické detaily
Požadované metaznačky pro SEO: <title> (50–60 znaků; Google ve vyhledávacích úryvcích zkrátí více), <meta name="description"> (150–160 znaků; delší text bude zkrácen). Chybějící buď výrazně zhoršuje vzhled vyhledávání.
Otevřít značky Graph (používá Facebook, LinkedIn, Slack a mnoho dalších): og:title, og:description, og:image, og:url, og:type. og:image by měl mít alespoň 1200×630 pixelů pro vykreslování s vysokým DPI. og:image:alt je označení přístupnosti.
Štítky Twitter Card: twitter:karta (typicky souhrnný_velký_obrázek), twitter:název, twitter:popis, twitter:obrázek. Twitter se vrátí ke značkám OG, pokud chybí ty specifické pro Twitter, takže dobře nakonfigurované OG často stačí.
Často kladené dotazy
- Jaké meta tagy jsou pro SEO nejdůležitější?
- Značka názvu (nejdůležitější — 50–60 znaků), meta popis (150–160 znaků), kanonická adresa URL, meta robotů, Open Graph (og:title, og:description, og:image) a zobrazovaná oblast pro mobily. These directly affect search rankings and click-through rates.
- Jak dlouhá by měla být moje jmenovka?
- 50–60 znaků (nebo ~580 pixelů) pro úplné zobrazení ve výsledcích vyhledávání Google. Delší názvy budou zkráceny s '...'. Front-load important keywords since the beginning is most visible and carries more SEO weight.
- Potřebuji značky Open Graph?
- Ano, pokud jsou vaše stránky sdíleny na sociálních sítích. Without og:image and og:title, Facebook/LinkedIn will auto-generate previews that may look poor. Správné značky OG zajistí, že váš obsah bude při sdílení vypadat skvěle.
- K čemu slouží kanonický tag?
- The canonical tag (rel="canonical") tells search engines which URL is the 'official' version of a page. Zabraňuje problémům s duplicitním obsahem, když je stejná stránka přístupná na více adresách URL (s www, HTTP/HTTPS nebo bez nich, s parametry dotazu).
- Proč moje sdílení na Facebooku zobrazuje nesprávný obrázek?
- Facebook nejčastěji používá verzi uloženou v mezipaměti. Použijte Facebook Sharing Debugger k vymazání mezipaměti a opětovnému načtení stránky.
- Rozlišují se v metaznačkách velká a malá písmena?
- Názvy vlastností jsou podle konvence malá písmena. Většina analyzátorů je tolerantních, ale pro jistotu držte malá písmena.
- Je moje adresa URL načtena z prohlížeče nebo serveru?
- Záleží na nástroji. Načítání prohlížeče může narazit na problémy CORS; některé nástroje používají k načítání a zpětnému hlášení server proxy.
- A co strukturovaná data JSON-LD?
- JSON-LD jsou strukturovaná data pro rozšířené výsledky, oddělená od metaznaček. Většina kontrolorů meta tagů se zaměřuje na meta hlavičky HTML; validátory strukturovaných dat jsou samostatnou třídou nástrojů.