Hogyan kell használni a Schema.org jelölést az Ön webhelyén, és miért?

Hirdetés

Keresőmotorok meglepően erős 7 Google keresési alternatíva és védjegyjellemzőiÖn egy kemény Google-felhasználó? Próbáld ki ezeket az alternatív keresőgépeket. A magánélettől a jótékonysági célok elősegítéséig ezek a keresőmotorok adhatnak néhány okot a böngészés módjának megváltoztatására. Olvass tovább . Értelmezni tudják a gyakran nem egyértelmű nyelvet, amelyet kitalálunk, amit keresünk, meghatározzák a legjobb forrást a kérdéseink megválaszolásához, és másodperc töredéke alatt megmutathatják nekünk.

A Google még nagyon jól képes válaszolni a keresési eredmények oldalán felmerülő kérdésekre, elkerülve annak szükségességét, hogy bármire kattinthasson. Még az is személyre szabja a keresési eredményeket Hogyan lehet letiltani a Google keresési eredmények testreszabását Olvass tovább . És ez segít az embereknek a keresett információk gyorsabb megtalálásában.

A keresőmotorok ezt önmagában nem tudják megtenni - segítségre van szükségük a webhelytulajdonosok és a fejlesztők segítségétől. A sémajelölés az egyik módja annak, hogy segítsen a saját webhelyén.

Mi a sémajelölés?

A sémajelölés a strukturált adatok egyes részeinek kiemelésére szolgál.

Milyen strukturált adatok? ez szervezett és címkézett információk így a gépek jobban megérthetik. Röviden: a sémajelölés olyan információ, amely segít a keresőmotoroknak bizonyos típusú információk megtalálásában az Ön weboldalán. A legegyszerűbb egy példát megnézni.

A Google-nak saját interaktív példa a sémamegjelölésre amely részletezi az almás pite receptjét:

Fent láthatja a JavaScript-et, amely meghatározza a recept előkészítési idejét, teljes időtartamát, a recept hozamát és a táplálkozással kapcsolatos különféle tényeket.

Meg kell jegyezni, hogy a strukturált adatok megjelöléséhez két fő módszer létezik: a JSON-val Mi a JSON? A laikus áttekintéseFüggetlenül attól, hogy webfejlesztővé válik-e vagy sem, jó ötlet legalább tudni, mi a JSON, miért fontos, és miért használják az egész weben. Olvass tovább vagy inline HTML címkékkel. A Google javasolja a JSON-módszert, de később mindkettőn át fogunk térni.

A Google a következőképpen vonja ki a táplálkozással kapcsolatos információkat:

Schema.org több ezer különféle jelöléssel rendelkezik, amelyek segítségével jobban megmutathatja a keresőmotoroknak az oldalad információit. A TechArticle típus például többek között a következő attribútumokat tartalmazza:

• proficiencyLevel
• szavak száma
• közönség
• Teremtő
• dateCreated
• módosítás dátuma
• datePublished
• publishingPrinciples
• typicalAgeRange

Teljes séma áll rendelkezésre a könyvtárak, a szálló vállalkozások, a lakások, a képzőművészeti rendezvények, a sugárzott csatornák, a kézbesítési módok, a játékkiszolgáló státusai és egyebek számára.

Az ötlet az, hogy megbizonyosodjunk arról, hogy a keresőmotorok tudják-e, mit jelentenek az Ön oldalán szereplő egyes információk, így megmutathatják ezeket az információkat azoknak az embereknek, akik ezeket keresik.

A sémajelölés előnyei

RENDBEN. A sémajelölés megmutatja a keresőmotoroknak, hogy mi van az Ön oldalán - mi a legnagyobb ügy?

A Google így fogalmaz:

"Ha az információk nagyon strukturált és kiszámítható, a keresőmotorok könnyebben megszervezhetik és kreatív módon jeleníthetik meg azokat."

Például előfordulhat, hogy a közelgő Slayer turné dátumait közvetlenül a keresési eredmények között jeleníti meg:

Vagy kérjen konkrét információkat a filmből, amikor azt keresi:

A Google folyamatosan fejlődik, amikor önmagában, de a séma alapján helyesen megtalálja ezeket az információkat A jelölés megkönnyíti a folyamatot, és valószínűbbé teszi az oldalán szereplő információk megjelenését szerepelt.

És amikor a keresőmotorok pontosan tudják, mi található az Ön oldalán, meg tudják mutatni az embereknek, akik közvetlenül a keresési eredmények között keresik. És ez mindenkinek jó.

Az első lépések a strukturált adatokkal

Most, hogy látta a Schema.org jelölés használatának előnyeit, itt az ideje, hogy megkezdje a búvárkodást. A legegyszerűbb eszközzel kezdjük: A Google adatkiemelője.

Szüksége lesz arra, hogy webhelyét csatlakoztassa a Google Search Console-hoz (korábbi nevén Webmestereszközök Mélyebb keresési betekintést szerezhet a webhelyén a Webmestereszközök keresési lekérdezéseivelA Keresési lekérdezések eszközben a Google Webmesterekben végrehajtott változtatások megváltoztathatják a téma kutatásának módját. Az interneten történő tartalomgenerálás kreativitást és felhasználói összpontosítást, valamint sok kulcsszó-kutatást foglal magában. Olvass tovább ). Ha segítségre van szüksége az üzembe helyezéshez, nézd meg Az élesztő hasznos áttekintése.

Miután ezt megtette, jelentkezzen be a Search Console-ba és kattintson a gombra Keresési megjelenés> Adatkiemelő. Üsd a Indítsa el a kiemelést gombot a képernyő jobb oldalán.

Ezután be kell írnia egy megcímkézendő oldal URL-jét, és kiválasztania kell a jelölés típusát. Ebben az esetben a Cikk jelölőtípust fogjuk használni.

Mivel kiemelem egy olyan cikk egy webhelyén, amely sok cikket közzétesz, megtartom Címkézze meg ezt az oldalt, és másoknak tetszik ellenőrizni.

Most megosztott képernyő jelenik meg: az oldalad a bal oldalon, az elérhető jelölő mezők pedig a jobb oldalon.

Innentől nagyon egyszerű. Csak kezdje el kiemelni! A szöveg kijelölésekor (vagy a képre kattintva) megjelenik egy kis menü, ahol kiválaszthatja a kiemelt információ típusát.

Itt kiemeltem az oldal címét. Csak annyit kell tennem, hogy kattintson a menü „Cím” elemére.

Most a cím a jobb oldali ablaktáblában található.

Folytatom, kiemelve a szerzőt, a közzététel dátumát, a fő képet és a kategóriát (a cikk tetején kiemeltem a címkéket, és mindhárom kategóriát importáltam).

És kész! Ez minden, amire szükség van.

Amikor eltaláltad Kész, Az Data Highlighter segít Önnek ezt a jelölést alkalmazni a webhely más hasonló oldalain.

További részletek hozzáadása

Az Adatkiemelő csak a strukturált adatok jelölésének felületét karcolja meg. Mint látta fentebb, csak egy maroknyi attribútumot tudtam hozzáadni a cikkhez. A Schema.org cikk típusa sokkal több beállítható attribútumot tartalmaz.

Mit tegyünk, ha további részleteket akarunk hozzáadni a séma jelöléséhez?

Ezen a ponton bele kell merülnie a kódba. Mint már korábban említettem, a strukturált adatok ábrázolásához két fő módszer létezik: JSON és inline HTML címkékkel. Mert a HTML-címkék 17 egyszerű HTML-példa, amelyet 10 perc alatt megtanulhatAlapvető weboldalt szeretne létrehozni? Tanulja meg ezeket a HTML példákat, és próbálja ki őket egy szövegszerkesztőben, hogy megnézze, hogyan néznek ki böngészőjében. Olvass tovább egy kicsit intuitívabb, áttekintjük ezeket az elsőket.

Inline Schema.org HTML jelölés

Példaként egy egyszerű mondatot jelölünk: „Denverben élek”. A HTML-ben ezt egyszerűen ábrázoljuk:

Denverben élek.

A jelölés elindításához meg kell határoznunk, hogy ez a mondat egy személyről szól (a Személy elem típusa mutatja). Így csináljuk ezt:

Denverben élek.

Most egy keresőmotor megtudja, hogy mindent tartalmaz

Ezután hozzáadunk egy jelölőattribútumot: homeLocation. A Schema.org a homeLocation-t úgy definiálja, mint „egy személy lakóhelyének kapcsolattartási helyét”.

Ezt a specifikus attribútumot hozzá kell adnunk a HTML-hez. Így csináljuk ezt:

Benne lakom Denver.

Most a „Denver” -et azonosítják homeLocation tulajdon, és a Google tudja, hogy az ebben a bekezdésben meghatározott személy ott él.

Ha megváltoztatjuk a „Denverben élek és dolgozom” mondatot, azt is megmutathatjuk:

Benne lakom és dolgozom Denver.

Denver ma már mindkettő homeLocation és munkahely. (Köszönet Lloyd Banknak és a Stack Exchange unorának a felvázolja ezt a példát.)

Ez egy sémamegjelölés meglehetősen egyszerű esete, de megkapod az ötletet. Használva és címkékkel, attribútumokat és tulajdonságokat adhat hozzá az oldal bármely eleméhez.

Schema.org jelölés a JSON segítségével

A Google sémamegjelöléshez a JSON-LD (JavaScript Object Notation for Linked Data) használatát javasolja. Ennek a módszernek a legnagyobb előnye, hogy sokkal tisztább a HTML. Ha visszatérsz egy oldal szerkesztéséhez, és tucatnyi oldal jelöli a kódot, akkor nem leszel boldog.

A JSON jelölése még mindig sok helyet igényel, de el van választva a HTML-kódjától, így könnyebben karbantartható.

Tegyük fel, hogy van egy Harker's nevű könyvesboltja, és a következő információkat felvette kapcsolattartó oldalára:

Telefonszám: 555-8710. Cím: 749 Stoker St., Boulder, Colorado. Órák: 10–9 hétfőtől péntekig, szombat 11–8, vasárnap 12–5

Így képviselheti ezt a JSON-LD segítségével:

Ez az oldal fejlécében található. Mint láthatja, ez sok helyet fog igénybe venni, mert ez a tartalom szinte biztosan HTML formátumban jelenik meg az Ön oldalán is. Tehát mindent, amit meg szeretne jelölni, kétszer is megírja.

A másolás ellenére a JSON módszer gyakran előnyösebb, mivel elválasztja a sémajelölést és a HTML-t. Sok HTML legjobb gyakorlatok 9 hiba, amelyet nem szabad elkészíteni weblap készítésekorEzeket a következő HTML kódolási hibákat könnyű megtenni, de ha korábban, mint később fejti ki őket, az oldala jobban néz ki, könnyebben karbantartható és működik, ahogy szeretné. Olvass tovább kissé furcsanak tűnik, amíg rájössz, hogy megkönnyítik a webhelyek karbantartását. Ez ugyanaz.

Séma-jelölés hozzáadása a webhelyhez

Most, hogy látott néhány különféle módszert strukturált adat-jelölések hozzáadására a webhelyére, elkezdheti! Jó ötlet az Adatkiemelővel kezdeni, és innen továbblépni. A Schema.org dokumentáció a végső erőforrás, ám egy kicsit nehéz átnézni.

Nem számít, ha el akar kezdeni az alapokat, vagy el akarja jelölni mindent, ami a látnivalóban van -, már rendelkezel az erőforrásokkal, amelyek az induláshoz szükségesek!

Használtad a Schema.org jelölést a saját webhelyén? Van tippeket a webhelytulajdonosok vagy fejlesztők számára, akik szeretnének kezdeni? Ossza meg gondolatait az alábbi megjegyzésekben!

Kép jóváírása: inspiráció a Shutterstock.com webhelyen keresztül