Jak používat značku Schema.org na vašem webu a proč byste měli

reklama

Vyhledávače jsou úžasně silný 7 Alternativy vyhledávání Google a jejich ochranné známkyJste uživatel Google tvrdohlavý? Vyzkoušejte tyto alternativní vyhledávače. Od ochrany soukromí až po pomoc v charitativní oblasti vám tyto vyhledávače mohou poskytnout několik důvodů, jak změnit způsob procházení. Přečtěte si více . Dokážou interpretovat často nejasný jazyk, který používáme, abychom zjistili, co hledáme, určili nejlepší zdroj k zodpovězení našich otázek a ukázali nám jej během zlomků vteřiny.

Google dokonce dosahuje opravdu dobrého zodpovězení otázek na stránce s výsledky vyhledávání a vyhýbá se nutnosti kliknout na cokoli. To dokonce přizpůsobuje výsledky vyhledávání Jak zakázat personalizaci výsledků vyhledávání Google Přečtěte si více . A to pomáhá lidem rychleji najít informace, které hledají.

Vyhledávací stroje to však nedokáží samy o sobě - ​​potřebují pomoc od vlastníků a vývojářů webu. A označování schémat je jedním ze způsobů, jak můžete pomoci na svém vlastním webu.

Co je schéma schématu?

Označení schématu je způsob zvýraznění konkrétních strukturovaných dat.

Co jsou strukturovaná data? Své informace, které jsou uspořádány a označeny tak to může být lépe pochopeno stroji. Stručně řečeno, označení schématu jsou informace, které pomáhají vyhledávacím strojům najít konkrétní typy informací na vaší webové stránce. Nejjednodušší je podívat se na příklad.

Google má své vlastní interaktivní příklad označení schématu to detaily recept na jablkový koláč:

Nahoře můžete vidět JavaScript, který definuje dobu přípravy, celkový čas, výnos receptury a různá fakta o výživě pro recept.

V tomto bodě je třeba poznamenat, že existují dva hlavní způsoby, jak označit strukturovaná data: s JSON Co je JSON? Přehled laikaAť už máte v úmyslu být webovým vývojářem nebo ne, je dobré alespoň vědět, co je JSON, proč je to důležité a proč se používá na celém webu. Přečtěte si více nebo s vloženými značkami HTML. Google doporučuje metodu JSON, ale oba se podíváme později.

Google vytáhne konkrétní nutriční informace:

Schema.org obsahuje tisíce různých typů značek, které můžete použít k lepšímu zobrazování informací vyhledávacím strojům na vaší stránce. Například typ TechArticle zahrnuje mimo jiné následující atributy:

• proficiencyLevel
• počet slov
• publikum
• tvůrce
• dateCreated
• dateModified
• datePublished
• publishingPrinciples
• typickýAgeRange

K dispozici jsou kompletní schémata pro knihovny, ubytovací podniky, byty, události výtvarného umění, vysílací kanály, způsoby doručení, stavy herních serverů a další.

Záměrem je zajistit, aby vyhledávače věděly, co každá informace na vaší stránce skutečně představuje, aby mohla tyto informace zobrazit lidem, kteří je hledají.

Výhody schématu Markup

OK. Značení schémat říká vyhledávacím strojům, co je na vaší stránce - co je na tom?

Google to říká takto:

"Pokud jsou informace vysoce strukturované a předvídatelné, mohou vyhledávací nástroje snadněji organizovat a zobrazovat je kreativním způsobem."

Můžete například vidět data turné pro nadcházející turné Slayer přímo ve výsledcích vyhledávání:

Nebo při hledání filmu získejte konkrétní informace o filmu:

Google je stále lepší při hledání těchto informací sám, ale správně pomocí schématu značkování usnadňuje proces a zvyšuje pravděpodobnost, že informace na vaší stránce budou představoval.

A když vyhledávače přesně vědí, co je na vaší stránce, mohou ji zobrazit lidem, kteří ji hledají, přímo ve výsledcích vyhledávání. A to je dobré pro každého.

Začínáme se strukturovanými daty

Nyní, když jste viděli výhody používání značky Schema.org, je čas začít se potápět. Začneme nejjednodušším nástrojem v okolí: Zvýrazňovač dat Google.

Budete potřebovat, aby byl váš web připojen k Search Console Google (dříve známý jako Nástroje pro webmastery Získejte podrobnější statistiky pro svůj web pomocí vyhledávacích dotazů nástrojů pro webmasteryZměny v nástroji pro vyhledávací dotazy v Nástrojích pro webmastery Google mohou změnit způsob provádění průzkumu témat. Vytváření obsahu na webu zahrnuje kreativitu a zaměření na uživatele a spoustu výzkumu klíčových slov. Přečtěte si více ). Pokud potřebujete pomoc s nastavením, podívejte se Je užitečný návod.

Až to uděláte, přihlaste se do Search Console a klikněte na Vyhledat vzhled> Zvýrazňovač dat. Udeř Začněte zvýrazňovat na pravé straně obrazovky.

Dále musíte zadat adresu URL stránky, kterou chcete označit, a vybrat typ značení, které budete dělat. V tomto konkrétním případě použijeme typ značek Články.

Protože zvýrazňuji článek na webu, který zveřejňuje mnoho článků, ponechám si ho Označte tuto stránku a ostatním se to líbí kontrolovány.

Nyní se zobrazí rozdělená obrazovka: vaše stránka vlevo a dostupná značkovací pole vpravo.

Odtud je to opravdu jednoduché. Stačí začít zvýrazňovat! Kdykoli zvýrazníte text (nebo kliknete na obrázek), objeví se malá nabídka, kde můžete vybrat typ zvýrazněných informací.

Zde jsem zvýraznil název stránky. Vše, co musím udělat, je kliknout v nabídce na „Název“.

Nyní je název vyplněn v pravém podokně.

Budu pokračovat, zdůrazňuji autora, datum zveřejnění, hlavní obrázek a kategorii (zvýraznil jsem značky v horní části článku a všechny tři byly importovány jako kategorie).

A máme hotovo! To je všechno.

Když zasáhneš Hotovo, Zvýrazňovač dat vám pomůže použít toto označení na jiné podobné stránky na vašem webu.

Přidání dalších podrobností

Zvýrazňovač dat umožňuje pouze poškrábání povrchu strukturovaných datových značek. Jak jste viděli výše, do tohoto článku jsem mohl přidat jen několik atributů. Typ článku Schema.org obsahuje mnohem více atributů, které lze nastavit.

Co dělat, pokud chceme přidat další podrobnosti k označení schématu?

V tomto bodě se budete muset do kódu ponořit. Jak jsem již zmínil dříve, existují dva hlavní způsoby, jak reprezentovat strukturovaná data: pomocí JSON a inline HTML značek. Protože HTML značky 17 jednoduchých příkladů kódu HTML, které se můžete naučit za 10 minutChcete vytvořit základní webovou stránku? Naučte se tyto příklady HTML a vyzkoušejte je v textovém editoru a podívejte se, jak vypadají v prohlížeči. Přečtěte si více jsou trochu intuitivnější, nejdřív si je projdeme.

Vložené HTML značení Schema.org

Jako příklad uvedeme jednoduchou větu: „Žiji v Denveru.“ V HTML to bude reprezentováno jednoduše takto:

Bydlím v Denveru.

Chcete-li zahájit značkování, musíme určit, že tato konkrétní věta se týká osoby (podle typu položky Osoba). Postupujeme takto:

Bydlím v Denveru.

Vyhledávací stroj nyní bude vědět, že vše v něm obsažené

Dále přidáme atribut označení: homeLocation. Schema.org definuje homeLocation jako „kontaktní místo pro bydliště osoby.“

Musíme do HTML přidat tento konkrétní atribut. Postupujeme takto:

žiji v Denver.

Nyní je „Denver“ označen jako homeLocation vlastnictví a společnost Google ví, že zde žije osoba uvedená v tomto odstavci.

Pokud změním větu na „Žiji a pracuji v Denveru“, můžeme to také ukázat:

Bydlím a pracuji Denver.

Denver je nyní označen jako obojí homeLocation a workLocation. (Díky Lloyd Bank a unor ve společnosti Stack Exchange for nastínění tohoto příkladu.)

Toto je poměrně jednoduchý případ značení schématu, ale získáte představu. Používáním a tagy, můžete přidat atributy a vlastnosti k čemukoli na vaší stránce.

Schema.org Markup With JSON

Společnost Google doporučuje pro označení schémat použít JSON-LD (JavaScript Object Notation for Link Data). Největší výhodou této metody je to, že udržuje váš HTML mnohem čistší. Pokud se vrátíte k úpravě stránky a uvidíte desítky stránek kódu se značkami, nebudete spokojeni.

Značení JSON stále vyžaduje hodně místa, ale je odděleno od vašeho HTML, což usnadňuje údržbu.

Řekněme, že máte knihkupectví s názvem Harker's a na svou kontaktní stránku jste uvedli následující informace:

Telefonní číslo: 555-8710. Adresa: 749 Stoker St., Boulder, Colorado. Hodiny: 10–9 pondělí až pátek, 11–8 sobota, 12–5 neděle

Zde je návod, jak byste to reprezentovali pomocí JSON-LD:

To se nachází v záhlaví stránky. Jak vidíte, bude to zabírat hodně místa, protože tento obsah se téměř jistě také zobrazí na vaší stránce v HTML. Takže vše, co chcete označit, bude napsáno dvakrát.

I přes tuto duplicitu je však často preferována metoda JSON, protože odděluje označení schématu a HTML. Mnoho Doporučené postupy HTML 9 Chyby, které byste při vytváření webové stránky neměli dělatTyto následující chyby kódování HTML lze snadno provést, ale pokud je odvedete dříve než později, bude vaše stránka vypadat lépe, snáze se bude udržovat a bude fungovat tak, jak chcete. Přečtěte si více zdá se trochu divné, dokud si neuvědomíte, že stránky usnadňují údržbu. To je stejné.

Přidání označení schématu na váš web

Nyní, když jste na svůj web viděli několik různých způsobů, jak přidat notaci strukturovaných dat, můžete začít! Je dobré začít s zvýrazňovačem dat a pokračovat odtud. Dokumentace Schema.org je dokonalým zdrojem, ale je trochu obtížné ji projít.

Bez ohledu na to, zda chcete jít na základy nebo začít označovat vše, co je v dohledu, nyní máte zdroje, které potřebujete, abyste mohli začít!

Už jste použili označení Schema.org na svém vlastním webu? Máte nějaké tipy pro majitele stránek nebo vývojáře, kteří chtějí začít? Podělte se o své myšlenky v komentářích níže!

Image Credit: iinspiration přes Shutterstock.com