SEO Meta Tagy: konečný seznam a proč jsou důležité

11 min čtení

Metadata jsou HTML kód, který je součástí sekce HTML dokumentů. Tento kód nijak neovlivňuje design webu, je zde pouze ke čtení pro vyhledávače. Tento kód říká robotům vyhledávače mnoho podrobností o webu. Poskytování přesných metadata pomáhá vyhledávači indexovat a přesněji hodnotit váš web.

Proč jsou metadata důležitá?

Metadata mohou znamenat rozdíl mezi hodnocením nebo nehodnocením daného klíčového slova. Pokud vaši konkurenti mají dobrý obsah, ale nevyplňují všechny metadata možnosti, pak je stále můžete porazit. SEO je o budování hromady důvěryhodnosti faktory s Google. Google požádal webmastery, aby tyto informace poskytli, a ti, kteří tak učiní, odměňují.

Jak upravím metadata?

Pokud píšete kód ručně, existuje mnoho online návodů, které poskytují přesné úryvky kódu, jež můžete zahrnout do sekce vašich HTML dokumentů.

Většina platforem pro návrh webových stránek a elektronického obchodu poskytuje funkce, které vám umožňují nastavit metadata pro každou stránku, produkt a blogový příspěvek na vašem webu. Ecwid poskytuje rozsáhlé možnosti úprav metadata a provádění dalších přizpůsobení SEO. Shopify má omezenější sadu možností SEO. WordPress má několik známých pluginů, které umožňují úpravy metadata.

Typy metadat

Meta název a meta popis

Nejznámějšími typy metadat jsou název a popis webu . Vyplnění těchto položek pro každou stránku vašeho webu je jedním z nejjednodušších způsobů, jak zlepšit své SEO hodnocení. Navzdory tomu, jak snadné je to udělat, existuje mnoho webů, které tímto způsobem optimalizovány nejsou.

Obsah obou těchto meta tagů je zobrazen v SERPS. Metaznačka názvu stránky se používá pro kotvící text odkazu na váš web ve vašem seznamu výsledků vyhledávání. Metaznačka description vyplní popis vašeho webu ve výsledcích vyhledávání. Pokud nemáte tyto metaznačky vyplněné, Google se pokusí automaticky vygenerovat informace z obsahu vašeho webu...pokud ho vůbec obtěžuje hodnotit váš web.

Elektronický obchod Ecwid – Vyhledávání Google

Takto vypadají metanázev a metapopis Ecwid Ecommerce v Google SERP

Značky názvu by neměly být delší než 60 znakůa měl by obsahovat klíčové slovo pro stránku. Napište působivý název webu, který uživatele povzbudí ke kliknutí na váš záznam. Titul metaznačka vypadá takto:

Toto je příklad značky názvu webu

Popisné značky by měly mít délku 140 až 160 znaků. Klíčové slovo by mělo být přirozeně použito v první větě. Pokud nenapíšete vysoce kvalitní popis, Google jej bude ignorovat a pokusí se o to automaticky generovat lepší. Popisný tag vypadá takto:

Meta tag klíčových slov

Kdysi existoval meta tag, který uváděl klíčová slova spojená se stránkou. Tato metaznačka byla přerušena jako faktor hodnocení společností Google již více než deset let. Všechny ostatní velké vyhledávače také zveřejnily prohlášení, která se distancují od používání meta tagu klíčových slov. I když nebudete za používání této značky penalizováni, byla by to ztráta času a úsilí.

Metaznačka Roboti

Meta tagy robotů se liší od souboru robots.txt. Soubor robots.txt robotům říká, které stránky mají procházet. Meta tagy robotů robotům sdělují, které stránky mají indexovat.

Ve většině případů chcete, aby roboti stránku indexovali. Proto je výchozí hodnota meta tagu robots „index, follow“ . Hodnoty však lze změnit na „noindex, nofollow“ na konkrétních stránkách, které nechceme zobrazovat ve výsledcích vyhledávání.

Metaznačka robots vypadá takto:

Meta tagy pro odchozí odkazy

Existuje několik značkovacích tagů pro odchozí odkazy, ale ty se trochu liší od ostatních meta tagů. Tyto tagy nejsou zahrnuty v sekci HTML stránky, ale přidávají se do značky odkazu.

Značkovací tag rel pro odchozí odkazy má tři možné hodnoty: sponsored, ugc (uživatelský obsah) a nofollow . Odkaz může obsahovat více hodnot rel . Google publikoval průvodce těmito meta tagy s názvem „ Kvalifikujte své odchozí odkazy pro Google “.

Meta Viewport

Metaznačka viewport je velmi důležitá, protože sděluje vyhledávačům, že jsou vaše stránky vhodné pro mobily. Bez této metaznačky se váš web nezobrazí ve výsledcích mobilního vyhledávání.

Metaznačka viewport vypadá takto:

Web.dev publikoval definitivní článek na toto téma s názvem „ Základy responzivního webdesignu “. Většina platforem pro webdesign a elektronické obchodování vám tento meta tag automaticky nastaví a také již do svých vizuálních návrhů aplikuje responzivní CSS kód. Pokud kódujete od nuly nebo se jen chcete seznámit se základy věci, je tento průvodce pro vás.

Meta tagy sociálních médií

Tyto meta tagy určují způsob, jakým se vaše odkazy zobrazují na stránkách sociálních médií. Můžete si nastavit název , popis , obrázek a další parametry svého webu. Open Graph je převládající formou metadat sociálních médií, ale schémata dat se používají k poskytování podobných funkcí pro sociální platformy, které Open Graph nepodporuje.

Otevřete Graph Markup

Meta tagy otevřeného grafu vytvořil Facebook, ale používá je i Twitter. K definování vlastností zobrazení vašich odkazů na Facebooku použijete několik metaznaček Open Graph. Na stránky a obrázky můžete použít metaznačky OG.

Značení karty Twitter

Twitter také používá meta tagy Open Graph k ovládání způsobu zobrazení odkazů na jeho platformě. Hodnoty se liší od značek Facebook OG, takže musíte definovat hodnoty pro oba weby. Hodnoty Twitter OG lze použít pouze na stránky.

Schéma pro Linkedin, Google+ a Pinterest

Zatímco schéma je normálně poskytováno v souboru JSON, existuje určité označení schématu, které lze přidat do části stránky HTML. Tyto značky lze použít k definování způsobu zobrazení odkazů na platformách sociálních médií, které nepoužívají protokol OG.

Jiné typy metadat

Existuje mnoho dalších typů nejasných metadat, které lze použít v rámci sekce vašeho webu a občas i v těle HTML. Google zveřejňuje seznam všech aktuálně uznávaných forem meta tagů a jejich možných hodnot. Seznam má název „ Meta a inline tagy “.

Označení schématu jako metadata

Značení schématu je novější vývoj než metadata. Slouží však stejnému účelu. Metadata i označení schématu poskytují data pro vyhledávače, aby jim pomohla přesněji procházet, indexovat a hodnotit webové stránky.

Existuje mnoho různých typů značení schémat a několik metod doručování dat schématu. I když není na výběr mnoho metaznaček, naprostá rozmanitost značek schémat může být pro lidi, kteří se je učí používat, často ohromující.

Zatímco téměř všechny tvůrce webových stránek a platformy elektronického obchodování poskytují způsoby, jak upravit vaše meta tagy, implementace úprav dat schématu je přinejlepším nejednotná. Některé platformy automatické vytvoření data schématu, ostatní vám umožňují možnosti úprav a naprostá většina jednoduše ignoruje všechna data schématu.

Přidání dat schématu na váš web vám může poskytnout obrovskou konkurenční výhodu. Mnoho webové stránky jsou stále neoptimalizované podle starších standardů technologie meta tagů. Pokud se ujistíte, že jsou vaše meta tagy správně přizpůsobeny a také implementujete data schématu, vyhodíte svou konkurenci z vody!

Nejprve si musíte prohlédnout různé typy dat schématu a rozhodnout se, která z nich chcete na svůj web zahrnout. Poté je potřeba shromáždit údaje potřebné k vyplnění hodnot. Jakmile provedete tuto přípravu, můžete použít nástroj pro generátor schémat k vytvoření svého JSON-LD soubor.

Jakmile vygenerujete data schématu, musíte je otestovat pomocí nástroje pro validaci schématu.

SEMRush vytvořil podrobného průvodce s názvem „Co je schéma? Průvodce pro začátečníky ke strukturovaným datům“. Tato příručka pokrývá hlavní typy značek schémat a poskytuje odkazy na různé nástroje pro generování a ověřování značek schémat. Data schématu v JSON-LD formát lze přidat do části webu nebo použít v celé části těla HTML.

Prodávejte online

S Ecwid Ecommerce můžete snadno prodávat kdekoli a komukoli – přes internet a po celém světě.

Začínáme

3. 2022

O autorovi

Max pracuje v odvětví elektronického obchodu posledních šest let a pomáhá značkám zavádět a zvyšovat obsahový marketing a SEO. Přesto má s podnikáním zkušenosti. Ve volném čase je spisovatelem beletrie.