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

Publikováno Před 3 let by Max Komonov

Meta data jsou HTML kód, který je součástí

sekce HTML dokumentů. Tento kód nijak neovlivňuje design webu, je zde pouze pro č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 svůj kód píšete ručně, existuje mnoho online dostupných průvodců, které poskytují přesné úryvky kódu, které můžete zahrnout do části 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 stránky titul a popis. Vyplnění těchto položek pro každou stránku na vašem webu je jedním z nejjednodušších způsobů, jak zlepšit vaše hodnocení SEO. Navzdory tomu, jak snadné je to udělat, existuje mnoho webů, které nejsou tímto způsobem optimalizovány.

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.

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

Roboti meta tagy se liší od souboru robots.txt. Robots.txt říká robotům, které stránky by měli procházet. Metaznačky robotů říkají robotům, které stránky mají indexovat.

Ve většině případů chcete, aby roboti stránku indexovali. Výchozí hodnota pro značku metadat robots je tedy "indexovat, sledovat". Hodnoty však lze změnit "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ček značek pro odchozí odkazy, ale ty se trochu liší od ostatních značek metadat. Místo toho, aby byl zahrnut do části stránky HTML jsou tyto značky přidány do označení odkazu.

Jedno rel značka značky pro odchozí odkazy má tři možné hodnoty; sponzorované, ugc (obsah vytvářený uživateli) a nofollow. Odkaz může obsahovat více rel hodnoty. Google zveřejnil průvodce těmito metaznačkami s názvem „Kvalifikujte své odchozí odkazy na 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 zveřejnil definitivní článek na toto téma s názvem „Základy responzivního webdesignu“. Většina platforem pro webový design a elektronický obchod za vás automaticky nastaví tuto metaznačku a také již použije responzivní kód CSS na své vizuální návrhy. Pokud kódujete od nuly nebo jen chcete porozumět maticím a šroubům věci, tento průvodce je pro vás.

Meta tagy sociálních médií

Tyto metaznačky řídí způsob, jakým se vaše odkazy zobrazují na stránkách sociálních médií. Svůj web můžete ovládat titul, popis, uváděný image, a více. Otevřít Graf je převládající formou metadat sociálních médií, ale data schématu 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

I když je schéma normálně poskytováno v souboru JSON, existuje nějaké označení schématu, které lze přidat do souboru

čá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

části vašeho webu a příležitostně 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 vložené značky??.

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žité v celé části těla kódu HTML.

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.