Ghid de marcare a schemei pas cu pas

Diverse motoare de căutare accesează cu crawlere milioane de pagini în fiecare zi, dar interpretarea lor este o piuliță dificilă pentru ei. Datele structurate oferă mai multe informații despre tipul de pagină, făcând conținutul paginii noastre mai ușor de înțeles de către motoarele de căutare. Schema.org este un format acceptat de principalele motoare de căutare (Google, Bing, Yandex), care, pe lângă furnizarea de rezultate avansate în motoarele de căutare, ne permite, de asemenea, să obținem panoul Knowledge Graph în poziția 0.

În acest articol, vă prezint avantajele, tipurile și posibilitățile utilizării marcajului de schemă după ce am spionat rezultatele maghiare cu ajutorul propriilor exemple.

De ce să folosiți date structurate?

Deși a fost mult timp dezbătut, datele structurate nu reprezintă un factor de clasificare pentru Google. Folosirea singură a marcării schemelor nu garantează o clasare mai bună, dar are mai multe efecte secundare benefice care ne ajută indirect să ne îmbunătățim pozițiile. În cazul unei afaceri fizice, un site cu o credibilitate redusă se situează adesea pe primul loc atunci când își caută propriul nume de marcă. Prin utilizarea markup-ului schemei, putem semnala în mod clar către Google că site-ul nostru este sinonim cu John's Pizzeria, astfel încât datele structurate ajută motoarele de căutare să obțină clasamente mai bune, oferind context.

Marcarea schemei permite ca paginile noastre să apară ca fragmente bogate în rezultatele căutării. În plus față de combinația obișnuită dintre titlul paginii, adresa URL, meta descrierea, stelele de evaluare, prețurile produselor, datele evenimentelor și numele autorului recenziei apar, de asemenea, în lista de rezultate, oferind informații suplimentare motoarelor de căutare. Aceste extensii de căutare pot duce la rate de clic cu până la 30% mai bune, ceea ce, pe lângă creșterea traficului organic către site-ul nostru, poate îmbunătăți și clasamentul.

O rată de clic crescută drastic poate fi realizată numai dacă concurenții noștri nu folosesc încă markup-ul schemei pentru a obține rezultate extinse. Dacă produsele magazinelor web concurente apar în rezultatele căutării cu stele de evaluare și preț, acestea sunt deja într-un avantaj față de noi. Utilizarea datelor structurate este cu siguranță recomandată, indiferent dacă ne oferă un avantaj sau servește pentru a ajunge din urmă la concurenți.

Ce varietăți de markup schemă sunt disponibile?

În funcție de tipul și conținutul site-ului nostru web, avem mai multe opțiuni pentru inserarea datelor structurate. Diferitele elemente schema.org pot fi variate în combinații interminabile, există mai multe subtipuri, care sunt conținute în detaliu exhaustiv pe site-ul web schema.org. Articolul este limitat la cele mai comune și utile tipuri de scheme care pot beneficia de rețete, portaluri de știri, site-uri web corporative, portaluri culturale, dar chiar și magazine web.

Evenimente (marcare eveniment)

Pentru concerte, spectacole de teatru, conferințe și evenimente care se desfășoară de obicei la o oră fixă, poate fi util să utilizați marcarea evenimentelor. În plus față de ora exactă, lista rezultatelor poate fi completată cu un loc de desfășurare, prețul biletului și numele artiștilor interpreți.

THE „Concert la Budapesta ”Este inclus în lista de căutare după cum urmează:

schemei

Dacă căutați puțin mai intenționat și sunteți cel puțin sigur de locația exactă a evenimentului, puteți beneficia în continuare de marcarea evenimentului. THE "Concertul arenei sportului Priest lászló" pentru exprimare, panoul de cunoștințe din poziția 0 afișează concertele specificate cu marcajul evenimentului după cum urmează.

Evaluare, recenzie (marcare evaluare/recenzie)

Testați telefoane mobile, șoareci gamer, scrieți recenzii despre filme, cărți, dacă doriți să vă distingeți de rezultatele căutării (pe lângă un titlu de pagină bine scris și o meta descriere) poate fi util să utilizați clasificare și marcare critică. Putem evalua subiectul testului pe o scară de 10 sau 5, cu puncte sau procente, în funcție de ce marjă de evaluare alegem. Pentru site-urile cu mai mulți scriitori, poate fi deosebit de benefic să se afișeze autorul criticii în rezultatele căutării.

Documentația Google privind utilizarea markup-ului este suficient de detaliată, dar schema de clasificare și critică poate fi perfect integrată cu un plugin WordPress.

Organizații, companii (Organizare Schemă Markup)

Schema Organizației vă permite să furnizați o scurtă descriere a companiei noastre, să includeți sigla oficială, profilurile social media și informațiile de contact și să adăugați sediul. După ce lipiți pur și simplu marcajul, motorul de căutare poate găsi informații importante răsfoind lista de rezultate, facilitându-vă să ne contactați. O întrebare legitimă este, de ce schema organizației oferă mai mult decât un cont Compania mea pe Google ușor de configurat? Deși există o suprapunere între cele două, schema organizației poate adăuga informații suplimentare la panoul de cunoștințe al companiei. Un cont Google My Business este perfect suficient pentru IMM-uri, în timp ce mărcile mai mari pot profita cu adevărat de rezultatele căutării avansate activate de schema organizațională.

Persoane (Marcare schemă persoană)

Marcajele pot fi folosite pentru a adăuga informații suplimentare persoanelor la care motorul de căutare poate accesa fără a face clic. Există o utilizare practică relativ mică, deoarece schema de persoane este extrasă în principal din Wikipedia de Google.

Marcare schemă de afaceri locale

Din punct de vedere al afacerii, poate cea mai importantă și cea mai răspândită este utilizarea markup-ului local al afacerii, care poate fi utilizat pentru a furniza mai multe locații, program de deschidere și informații de contact pentru magazine.

THE „Jocul regiunii budapest” În plus, mai multe magazine ale magazinului de jucării din Budapesta vor fi listate cu adrese, ore de deschidere și numere de telefon.

Căutând pe site-ul magazinului de jucării, puteți găsi magazinele care funcționează în diferite locații în meniul magazinelor noastre. Dând clic pe subpagina Arena Plaza, putem vedea, de asemenea, marcajul inserat elegant cu HTML cu instrumentul de testare.

Produse și oferte (Marcare schemă produs și ofertă)

Într-o lume în care putem cumpăra același produs în nenumărate magazine online diferite, este dificil să alegem vânzătorul care va pune produsul în coș. Printre rezultatele căutării și descrierile meta care sunt optimizate în rezultatele căutării, marcarea produselor poate oferi posibilitatea de a izbucni. Paginile noastre de produse, completate cu date structurate, pot dezvălui mai multe informații relevante pentru client decât paginile concurenților noștri. Cat costa? Este în stoc? Câți și cum au evaluat produsul?

În timp ce căutăm Huawei P20 Lite, putem vedea rezultatele Emag după cum urmează:

Marcare pesmet

Pâinea este un instrument de navigare care vă ajută să navigați în pagină, mai ales dacă pagina web are o structură profundă a paginii cu mai multe subcategorii. Pe lângă facilitarea navigării în pagină, putem folosi și pesmet pentru a afișa în mod avantajos site-ul nostru web în rezultatele căutării. Funcția de navigare arată calea către paginile date, categoriile implicate. Multe adrese URL dezavantajoase sunt înlocuite de numere întregi vizuale impresionante, separate de spațiu.

Căutând cuvântul cheie Emmental brânză, Lidl se clasează cu următorul produs:

Navigarea cu pesmet poate fi afișată în rezultatele căutării prin modificarea setărilor mai multor sisteme de gestionare a conținutului (CMS), motiv pentru care este adesea întâlnită în utilizarea abuzivă. Dacă majoritatea articolelor și produselor noastre sunt disponibile în categoriile principale, nu putem profita de imaginile furnizate de pesmet, deci este mai bine să rămâneți cu adresa URL bogată în cuvinte cheie, separată de spațiu.

Articole (NewsArticle Schema)

În timp ce scria acest articol, m-am uitat cu o jumătate de ochi la calificarea la Campionatul European Ungaria - Croația. După joc am fost interesat de ceea ce scrie presa majoră, așa că am introdus pur și simplu „Ungaria Croația” combinație de cuvinte. O mare parte din lista de hituri a fost înlăturată de știrile principale, am dat clic și pe una:

Rezultatele enumerate aici utilizează marcajul NewsArticle fără excepție, deoarece aceasta este una dintre premisele care trebuie incluse aici. Completată cu date structurate, roboții motoarelor de căutare pot interpreta conținutul mai ușor. Data publicării, titlul articolului și imaginea aferentă sunt mai ușor de pus în context de Google, ceea ce este deosebit de important atunci când vorbim despre știri despre o viață de iris.

Rețete (Marcare Rețetă)

De asemenea, puteți utiliza marcaje personalizate pentru rețete pentru a vă ajuta să obțineți rezultate îmbunătățite. Toate ingredientele, timpul de gătit, sarcinile, conținutul de calorii și imaginea atașată pot fi toate introduse ca date structurate, care la rândul lor pot fi văzute în rezultatele căutării. Acasă, fiecare site major de rețete folosește o formă de schemă de rețete.

THE "Tort cu brânză" Când căutați, un rezultat arată astfel:

Putem vedea soluții mai sofisticate și rezultate mai detaliate pe paginile destinate publicului global.

THE „Rețetă de tort cu brânză” Unul dintre rezultatele pentru cuvântul cheie cod lung include evaluări, timpul de gătit, conținutul de calorii și rețete similare în rezultatele căutării.

Tipuri de codare a schemelor

Cu trei tipuri diferite de coduri, este posibil să adăugați date structurate pe site-ul nostru. Marcarea schemei poate fi adăugată pe site-ul nostru folosind codurile JSON-LD, Microdata și RFDa. La schema.org, eșantionul de cod pentru fiecare tip este disponibil în toate cele trei formate, dar pentru optimizarea motorului de căutare, este o idee bună să preferați JSON-LD conform recomandărilor Google.

Formatele de microdate și RDFa implică lipirea codului în HTML, ceea ce poate provoca, de asemenea, încărcarea paginii, ceea ce face mai greu pentru crawlerele să recunoască marcajul lipit ca cod HTML.

Folosind JSON-LD, pe lângă faptul că este mai ușor de recunoscut pentru Google, inserarea marcajului schemei în acest mod este chiar mai flexibilă decât jonglarea codului HTML. Inserarea prin Google Tag Manager face ca persoanele care nu sunt tehnice să poată utiliza cu ușurință datele structurate.

Opțiuni de inserare a marcajului schemei

1. Plugin WordPress

Cel mai simplu mod de a obține rezultate avansate ale căutării este să folosiți un plugin WordPress, cum ar fi fragmentele bogate în schemă All in One. Pe lângă faptul că sunt ușor de utilizat, extensiile WordPress ne leagă mâinile de un anumit nivel. Niciunul dintre pluginuri nu conține toate schemele disponibile și nici nu putem personaliza codul pentru marcaje. Cu toate acestea, un plugin WordPress este suficient pentru a afla cum să utilizați marcajul Schema și să testați rezultatele avansate ale căutării.

2. Introduceți cod HTML

Cu ajutorul Google, putem genera diferite tipuri de marcaje de schemă într-un mod personalizat pentru site-ul nostru, chiar și fără cunoștințe de programare, printr-o interfață ușor de utilizat. Ajutorul pentru evidențierea datelor structurate vă ajută să adăugați markup de schemă la paginile dvs. cu selecții simple.

1. Deschideți ajutorul și selectați tipul de schemă pe care doriți să o inserați și introduceți adresa URL a paginii în care doriți să plasați datele structurate.

2. Selectați părțile paginii care pot face parte din marcarea schemei date. În exemplu, creez o schemă de recenzie de carte, evidențiind coperta cărții, autorul și titlul, precum și autorul criticii, precum și o propoziție pentru o scurtă recenzie. În cele din urmă, faceți clic pe butonul Creați HTML!

3. Puteți alege între JSON-LD și Micro Data pentru generarea codului. Deoarece, în acest caz, dorim să introducem marcajul ca cod HTML, să votăm pentru Micro Data. Instrumentul generează codul HTML pentru întreaga pagină, dar avem nevoie doar de părțile din etichetă pe care le putem modifica cu ușurință.

4. În cadrul managerului nostru de conținut (în cazul meu WordPress) modificăm articolul existent sub formă de HTML și rescriem părțile codului care urmează să fie modificate.

Inserarea Microdatelor ca cod HTML este destul de greoaie. În exemplu, am vrut să afișez titlul paginii ca titlu și autor al cărții, dar nu pot face acest lucru, așa că am cerut ajutor Google Tag Manager.

3. Manager de etichete Google

Managerul de etichete Google oferă cea mai mare libertate și capacitatea de a insera codul JSON-LD recomandat de Google. Putem combina markup-urile schemei după bunul nostru plac și mâinile noastre nu sunt legate de elementele paginii care pot fi modificate în HTML .

1. În al treilea pas al exemplului anterior, am putea alege între codul Microdata (HTML) și codul JSON-LD. Dacă trecem la JSON, vom obține următorul cod:

Deși majoritatea tutorialelor GTM Schema sugerează inserarea unui cod similar, dacă am trece prin ghid și am implementat acest cod, instrumentul de testare a datelor structurate de la Google nu ar recunoaște schema adăugată. Începutul și sfârșitul codului primit trebuie finalizate pentru ca schema să funcționeze.

Codul generat de Google devine inserabil de către GTM și interpretabil de către Google după cum urmează (doar partea care urmează etichetei de script și la sfârșitul înainte de modificarea etichetei de script):

2. Conectați-vă la Google Tag Manager pentru a adăuga o nouă etichetă. Tipul de etichetă ar trebui să fie o etichetă HTML personalizată!

3. Lipiți codul generat de Google cu etichetele de script modificate.

4. Adăugați o regulă specială de activare! Doriți ca schema să apară pe o singură pagină, așa că selectați Unele pagini afișate opțiune și apoi Adresa URL a paginii este egală cu etichete, introduceți adresa URL exactă a paginii dorite.

5. Salvați atât eticheta, cât și regula de activare și trimiteți modificările!

Sfaturi, instrumente, resurse pentru utilizarea datelor structurate

1. Un instrument pentru testarea datelor structurate

Pe lângă verificarea propriului nostru markup de schemă, putem folosi și instrumentul Google pentru a obține idei de la alte site-uri și concurenți. Pentru a face acest lucru, inserăm adresa URL din lista de rezultate în instrument și vedem deja diferitele marcaje și coduri disponibile pe pagină.

Cu titlu ilustrativ, să ne întoarcem la tipurile schema.org și să aruncăm o altă privire asupra schemei de produse pentru Emag „Huawei P20 Lite”. Pagina produsului arată astfel în lista de rezultate:

Copiind adresa URL a paginii și apoi făcând clic pe butonul Start Test din fila Obțineți adresa URL din instrumentul de testare a datelor structurate, puteți vedea deja diferitele marcaje schema.org utilizate de pagina respectivă a produsului emag.

Dacă faceți clic pe partea dreaptă a tipului de schemă, se vor afișa elementele schemei și, dacă dați clic pe elementele din partea stângă, veți naviga către fragmentul de cod relevant. În acest fel, putem descoperi și chiar copia codul de marcare schema.org al oricărei pagini.

Codul JSON utilizat de emagul examinat în acest exemplu este următoarea schemă standard de produs:

2. Resurse pentru dezvoltatori Google

Deși schema.org enumeră toate tipurile de scheme împreună cu exemple, documentația furnizată de Google explică în detaliu ce este bun pentru utilizarea unei anumite scheme și ce principii ar trebui să urmați atunci când o utilizați. Exemplul de cod prezentat în Documentația pentru dezvoltatori Google este de fapt mai utilizabil decât exemplele mirositoare ale bibliotecii schema.org.

Documentație pentru diferite tipuri de scheme:

Lista nu este exhaustivă. În acest articol, am încercat să prezint cele mai frecvente tipuri de scheme, cu toate acestea, putem găsi și numeroase alte tipuri și subtipuri ale celor prezentate. Avem opțiunea de a folosi un restaurant unic, o carte sau doar o schemă de aplicație. De asemenea, extinde domeniul de aplicare astfel încât schemele listate să poată fi chiar combinate. În cazul recenziilor de carte, pe lângă schema de evaluare și critică, pot, desigur, să introduc și schema de carte în paginile mele, ceea ce are ca rezultat următoarea apariție:

Ce cod am folosit pentru asta? Cum l-am lipit? Pe baza a ceea ce ați citit în acest articol, am încredere că veți putea să răspundeți sau să aplicați singur ceea ce ați învățat fără probleme.