Cum să utilizați Schema.org Markup în site-ul dvs. și de ce ar trebui

Cum să utilizați Schema.org Markup în site-ul dvs. și de ce ar trebui / Programare

Motoarele de căutare sunt uimitor de puternice 7 Alternativele de căutare Google și caracteristicile lor pentru mărci comerciale 7 Alternativele de căutare Google și caracteristicile mărcii comerciale Sunteți un utilizator Google greu de înțeles? Oferiți-le acestor motoare de căutare alternative o încercare. De la confidențialitate la ajutarea cauzelor caritabile, aceste motoare de căutare vă pot oferi câteva motive pentru a schimba modul în care navigați. Citeste mai mult . Ei pot interpreta limbajul adesea neclar pe care îl folosim pentru a afla ce căutăm, pentru a determina cea mai bună resursă pentru a răspunde la întrebările noastre și pentru a ne arăta în fracțiuni de secundă.

Google chiar devine foarte bun pentru a răspunde întrebărilor pe pagina cu rezultatele căutării, evitând necesitatea de a face clic pe orice. Ea chiar personalizează rezultatele căutării Cum să dezactivați personalizarea Google a rezultatelor căutării Cum să dezactivați personalizarea Google a rezultatelor căutării Citiți mai multe. Și asta ajută oamenii să găsească mai repede informațiile pe care le caută.

Dar motoarele de căutare nu pot face acest lucru pe cont propriu - au nevoie de ajutor de la proprietarii de site-uri și de dezvoltatori. Și marcarea schemă este o modalitate prin care vă puteți ajuta pe site-ul dvs..

Ce este schema de marcare?

Schema de marcare este o modalitate de evidențiere a unor piese specifice de date structurate.

Ce sunt datele structurate? este informații care sunt organizate și etichetate astfel încât să poată fi mai bine înțeleasă de mașini. Pe scurt, marcarea schemei este o informație care ajută motoarele de căutare să găsească anumite tipuri de informații pe pagina dvs. web. Este mai ușor să te uiți la un exemplu.

Google are propriul exemplu interactiv de marcare a schemei care detaliază o rețetă de placinta de mere:

Mai sus, puteți vedea JavaScript care definește timpul de pregătire, timpul total, randamentul rețetă și diferitele fapte nutriționale pentru rețetă.

Trebuie remarcat faptul că există două modalități principale de marcare a datelor structurate: cu JSON Ce este JSON? Privire de ansamblu - Layman Overview Ce este JSON? Prezentare generală a Laymanului Fie că intenționați să deveniți un dezvoltator de web sau nu, este o idee bună să știți cel puțin ce este JSON, de ce este important și de ce este folosit pe tot globul. Citiți mai multe sau cu etichete HTML inline. Google recomandă metoda JSON, dar vom merge mai târziu.

Iată cum scoate Google informațiile nutriționale specifice:

Schema.org are mii de tipuri diferite de marcare pe care le puteți utiliza pentru a arăta mai bine motoarelor de căutare informațiile de pe pagina dvs. Tipul TechArticle, de exemplu, include, printre multe alte lucruri, următoarele atribute:

  • proficiencyLevel
  • număr de cuvinte
  • public
  • creator
  • Data creării
  • data modificata
  • datePublished
  • publishingPrinciples
  • typicalAgeRange

Există o schemă completă pentru biblioteci, companii de cazare, apartamente, evenimente de arte vizuale, canale de difuzare, metode de difuzare, stadiile serverului de jocuri și multe altele.

Ideea este să vă asigurați că motoarele de căutare știu exact ce reprezintă fiecare informație de pe pagina dvs., astfel încât acestea să poată afișa aceste informații persoanelor care le caută.

Beneficiile marcării schemei

O.K. Schema de marcare spune motoarelor de căutare ceea ce este pe pagina dvs. - ceea ce este mare lucru?

Google o spune așa:

“Atunci când informațiile sunt foarte structurate și previzibile, motoarele de căutare pot fi mai ușor de organizat și afișate în mod creativ.”

De exemplu, s-ar putea să vedeți datele turneelor ​​pentru următorul tur Slayer afișate direct în rezultatele căutării:

Sau obțineți informații specifice despre un film când îl căutați:

Google se îmbunătățește tot timpul pentru a găsi aceste informații pe cont propriu, dar utilizarea corectă a marcării schemelor facilitează procesul și crește probabilitatea ca informațiile de pe pagina dvs. să fie prezentate.

Și când motoarele de căutare știu exact ce se află pe pagina dvs., le pot arăta celor care îl caută chiar în interiorul rezultatelor căutării. Și asta e bine pentru toată lumea.

Noțiuni de bază cu date structurate

Acum că ați văzut avantajele utilizării marcajului Schema.org, este timpul să începeți scufundări. Vom începe cu cel mai simplu instrument în jurul: Marcatorul de date Google.

Veți avea nevoie ca site-ul dvs. să fie conectat la Consola de căutare Google (cunoscut anterior sub numele de Instrumente Google pentru webmasteri). Obțineți informații de căutare mai aprofundate pentru site-ul dvs. Cu ajutorul instrumentelor Webmaster Search Queries Obțineți informații de căutare mai aprofundate pentru site-ul dvs. Cu ajutorul instrumentelor Webmaster Search Queries Modificările instrumentului Query Search în Webmasterii Google ar putea schimba modul în care desfășurați cercetarea subiectului dvs. Generarea conținutului pe web implică creativitate și orientare spre utilizatori și o mulțime de cercetări în cuvinte cheie. Dacă aveți nevoie de ajutor pentru a-l seta, verificați uita-te utile Yoast.

Odată ce ați făcut acest lucru, conectați-vă la Search Console și faceți clic pe Aspect căutare> Marcator de date. Loveste Începeți evidențierea din partea dreaptă a ecranului.

Apoi, va trebui să introduceți adresa URL a paginii pe care doriți să o etichetați și să selectați tipul de marcare pe care o veți face. În acest caz special, vom folosi tipul de marcare a articolelor.

Pentru că subliniez un articol de pe un site care postează o mulțime de articole, voi păstra Etichetați această pagină și altele asemenea verificat.

Acum veți vedea un ecran împărțit: pagina dvs. din stânga și câmpurile de marcare disponibile în partea dreaptă.

Este foarte simplu de aici. Începeți să evidențiați! Ori de câte ori evidențiați textul (sau faceți clic pe o imagine), va apărea un mic meniu în care puteți selecta tipul de informații pe care le-ați evidențiat.

Aici, am subliniat titlul paginii. Tot ce trebuie să fac este să dau clic pe “Titlu” din meniu.

Acum, titlul este populat în panoul din dreapta.

Voi continua, subliniind autorul, data publicată, imaginea principală și categoria (am subliniat etichetele din partea de sus a articolului și toate cele trei au fost importate ca categorii).

Și am terminat! Cam despre asta e.

Când ai lovit Terminat, Marcatorul de date vă va ajuta să aplicați acest marcaj pe alte pagini similare de pe site-ul dvs..

Adăugarea mai multor detalii

Marcatorul de date vă permite doar să zgâriați suprafața marcajelor de date structurate. După cum ați văzut mai sus, am putut adăuga doar o mână de atribute acestui articol. Tipul de articol al programului Schema.org conține mult mai multe atribute care pot fi setate.

Ce facem dacă vrem să adăugăm mai multe detalii la marcarea schemei?

Va trebui să vă aruncați în cod în acest moment. După cum am menționat mai devreme, există două modalități principale de a reprezenta datele structurate: cu JSON și cu etichete inline HTML. Deoarece etichetele HTML 17 Exemple simple de cod HTML puteți afla în 10 minute 17 Exemple simple de cod HTML puteți afla în 10 minute Dacă cunoașteți următoarele 17 etichete HTML (și celelalte câteva care merg cu ele), veți putea pentru a crea o pagină web de bază de la zero sau tweak codul creat de către o aplicație ca ... Citește mai mult sunt un pic mai intuitiv, vom trece peste cele primul.

Inline Schema.org HTML Markup

Ca exemplu, vom marca o propoziție simplă: “Locuiesc în Denver.” În HTML, care va fi reprezentat simplu, astfel:

Locuiesc în Denver.

Pentru a începe marcarea, trebuie să precizați că această propoziție este despre o persoană (indicată de tipul de element Person). Iată cum facem acest lucru:

Locuiesc în Denver.

Acum un motor de căutare va ști că tot ceea ce conține acest lucru

eticheta are legătură cu o persoană.

Apoi, vom adăuga un atribut markup: homeLocation. Schema.org definește homeLocation ca “O locație de contact pentru reședința unei persoane.”

Trebuie să adăugăm atributul respectiv HTML. Iată cum facem acest lucru:

traiesc in Denver.

Acum “Denver” este identificată ca homeLocation proprietate, iar Google știe că persoana identificată în acest paragraf locuiește acolo.

Dacă schimbăm propoziția la “Locuiesc și lucrez în Denver,” putem să arătăm și acest lucru:

Eu locuiesc și lucrez Denver.

Denver este acum identificat ca ambele homeLocation și locatia serviciului. (Mulțumită Lloyd Bank și altele la Stack Exchange pentru a sublinia acest exemplu.)

Acesta este un caz destul de simplu de marcare a schemelor, dar veți obține ideea. Prin utilizarea

și tag-uri, puteți adăuga atribute și proprietăți în orice pe pagina dvs..

Schema.org Markup cu JSON

Google recomandă utilizarea JSON-LD (notație de obiect JavaScript pentru date legate) pentru marcarea schemei. Cel mai mare avantaj al acestei metode este că vă păstrează codul HTML mult mai curat. Dacă te întorci pentru a edita o pagină și vei vedea zeci de pagini de cod cu marcare, nu vei fi fericit.

Marcajul JSON necesită încă mult spațiu, dar este separat de codul dvs. HTML, facilitând menținerea acestuia.

Să presupunem că aveți o librărie numită Harker și ați inclus următoarele informații pe pagina dvs. de contact:

Telefon: 555-8710 Adresa: 749 Stoker St., Boulder, Colorado Ore: 10-9 luni până vineri, 11-8 sâmbătă, 12-5 duminică

Iată cum ați fi reprezentat acest lucru cu JSON-LD:

Aceasta se află în antetul paginii dvs. După cum puteți vedea, aceasta va dura mult spațiu, deoarece acest conținut va fi aproape sigur afișat pe pagina dvs. în HTML. Deci, tot ce vrei să marchezi va fi scris de două ori.

În ciuda acestei repetări, metoda JSON este adesea preferabilă, deoarece separă marcajul schemei și codul HTML. Multe dintre cele mai bune practici HTML 9 Greșeli pe care nu ar trebui să le faceți atunci când construiți o pagină Web Greseli pe care nu ar trebui să le faceți atunci când construiți o pagină Web Următoarele greșeli de codare HTML sunt ușor de făcut, dar dacă le eliminați mai devreme decât mai târziu, pagina va arăta mai bine, va fi mai ușor de întreținut și va funcționa așa cum doriți. Citește mai mult pare puțin ciudat până când îți dai seama că fac site-uri mai ușor de întreținut. Asta e lafel.

Adăugarea marcării schemei pe site-ul dvs.

Acum, că ați văzut câteva moduri diferite de a adăuga notație de date structurată pe site-ul dvs., puteți începe! Este o idee bună să începeți cu marcajele de date și să treceți de acolo. Documentația Schema.org este ultima resursă, dar este puțin dificil să se schimbe.

Indiferent dacă doriți să mergeți la elementele de bază sau să începeți să marcați totul în vizor, aveți acum resursele de care aveți nevoie pentru a începe!

Ați folosit marcajul Schema.org pe propriul dvs. site? Aveți vreo sfat pentru proprietarii de site-uri sau dezvoltatorii care doresc să înceapă? Împărtășiți-vă gândurile în comentariile de mai jos!

Credit de imagine: iinspiration via Shutterstock.com

.