Un ghid rapid pentru a implementa Schema Markup pe WordPress

Ați lansat un site web cu aspect frumos și funcții grozave. Deci ce urmeaza? Faceți SEO friendly pentru a-și clasa conținutul pe motorul de căutare pentru a aduce trafic organic. Poate părea o sarcină puțin dificilă, deoarece există multe elemente tehnice pe care trebuie să le înțelegeți, deși nu sunt ușor de digerat. Dar dacă ești serios în privința SEO a site-ului tău web, va trebui să ai o viziune holistică asupra tuturor subiectelor legate de SEO. Un astfel de subiect este Implementarea Schema Markup.

Scheme Markup și datele structurate au un rol bun în SEO de ani de zile și se pare că motoarele de căutare majore precum Google, Bing, Yahoo etc. le recomandă. Dar ce este exact un marcaj de schemă și cum afectează acesta procesul SEO al site-ului tău? După ce ai citit acest articol, vei ști exact ce este, cum afectează SEO și motoarele de căutare, cum să-l implementezi corect pentru a obține un clasament mai bun.

Ce sunt datele structurate și marcajul de schemă?

Datele structurate sunt un format de informații care poate fi înțeles universal. Conține diferite elemente care permit motoarelor de căutare să spună cu ușurință despre ce este vorba în pagină.

În timp ce Schema Markup este practic un cod care plasează site-ul dvs. în motorul de căutare. Scopul său principal este de a face motorul de căutare mai informativ pentru utilizatori.

Poate fi adăugat la pagina dvs. web sub formă de cod pentru a defini diferite elemente, cum ar fi datele, imaginile, orele de deschidere și multe altele.

Beneficiile Schema Markup în SEO

Când vine vorba de SEO, datele structurate reprezentate în Schema Markup afișează rezultatele motorului de căutare într-un mod mai detaliat și mai informativ. Nu numai că face site-ul mai prietenos cu SEO, dar poate afișa și rezultate bogate pentru a atrage mai mult trafic pe site.

Diferite tipuri de rezultate bogate afișate în motorul de căutare

Anterior, am discutat despre beneficiile Schema Markup pentru afișarea rezultatelor bogate pe motorul de căutare. Iată câteva dintre rezultatele bogate care vor fi afișate în motorul de căutare dacă Schema Markup este implementată pe site-ul dvs. web.

Fragmente bogate

Fragmentele îmbogățite sunt acele rezultate care conțin informații suplimentare, cum ar fi evaluări, recenzii, imagini și multe altele, în timp ce sunt afișate în rezultatele căutării. Va ajuta utilizatorii să afle mai multe despre pagină/postare și să ofere mai multe șanse de a obține clicuri.

Carduri bogate

Cardurile îmbogățite sunt noul format de afișare a rezultatului în motoarele de căutare. La fel ca fragmentele îmbogățite, cardurile îmbogățite folosesc schema de marcare pentru a afișa rezultatele căutării într-un format mai captivant și mai atrăgător din punct de vedere vizual. Se concentrează pe oferirea unei experiențe de căutare mai bune pe mobil și vine cu opțiuni de glisare ușor de tactil.

Graficul de cunoștințe

Un knowledge Graph este o bază de cunoștințe folosită în motoarele de căutare pentru a face informațiile și mai detaliate prin afișarea de imagini, locație, informații de contact, descriere, profiluri de rețele sociale.

Fragment recomandat

Fragmentele recomandate sunt formatul motorului de căutare pentru a oferi utilizatorilor răspunsuri directe la întrebările lor. Acestea nu conțin informații suplimentare, cum ar fi fragmente îmbogățite, dar oferă un răspuns concis utilizatorului fără a fi nevoie să faceți clic pe anumite rezultate.

Cum pot începe să implementez Schema Markup pe pagina mea web?

Puteți implementa Schema Markup în diferite moduri. Iată câteva dintre ele mai jos:

Adăugați o schemă folosind microdate:

Microdata este un set de etichete care sunt introduse cu HTML5 cu scopul de a oferi o modalitate simplă de adnotare a elementelor HTML cu etichete care pot fi citite de mașină. Este destul de ușor de utilizat markup, bun pentru începători să îl implementeze. Dar dezavantajul este că va trebui să marcați fiecare articol individual în corpul paginii web, ceea ce poate deveni dezordonat.

Dar înainte de a începe, va trebui să aflați ce tip de articol definește pagina dvs. web. Vă va ajuta să determinați ce tip de etichete trebuie să utilizați.

Aici, vom presupune că dețineți un magazin online numit HashThemes și pagina sa de pornire poate arăta astfel:

 <div>
<h1>Teme Hash</h1>
<h2>Cel mai bun vânzător de teme WordPress!</h2>
<p>Adresă:</p>
<p>Dhobighat</p>
<p>Lalitpur, Nepal</p>
<p>E-mail: [email protected]</p>
<p><a href="https://hashthemes.com/wordpress-theme/">Faceți clic aici pentru a vedea cele mai bune teme WordPress!</a></p>
<p>Suntem deschisi: </p>
<p>Luni-Vineri 10:00 - 18:00</p>
</div>

În primul rând, va trebui să identificați secțiunile paginii web. Este totul între etichetele <div>. Deci, adăugăm

 <div itemscope>

Adăugând eticheta scope item, putem specifica codul HTML conținut în blocul dintre etichetele <div> pentru a face referire la anumite articole.

Acum, vom folosi atributul tip de articol pentru a specifica tipul de articole de pe pagina dvs.

 <div itemscope itemtype = "http://schema.org/wordpressthemes">

Acum, accesați pagina de pornire și etichetați partea paginii web care are numele site-ului dvs. web. Aici, vom adăuga o etichetă de prop de articol care etichetează proprietățile articolelor.

 <h1 itemprop="name">HashThemes</h1>

Continuați și adăugați etichete și în restul paginilor.

Uneori, s-ar putea să nu fie nevoie să etichetați întreaga linie, ci să picați o parte din linie unde este menționată proprietatea, ca pe linia adresei de e-mail.

 <h2 itemprop="description">Cel mai bun vânzător de teme WordPress!</h2>
<p>Adresă:</p>
<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<p itemprop="streetAddress">Dhobighat</p>
<p itemprop="addressLocality">Lalitpur, Nepal</p></span>
<p>E-mail: <span itemprop="email">[email protected]</span></p>
<p><a itemprop="store" href="https://hashthemes.com/wordpress-theme/">Faceți clic aici pentru a vedea cele mai bune teme WordPress!</a></p>
<p>Suntem deschisi:</p>
<p itemprop="openingHours">luni-vineri 10:00 - 18:00</p>
</div>

De asemenea, puteți utiliza Google Structured Data Markup Helper pentru a facilita etichetarea paginilor dvs. web.

Adăugarea de markup folosind RDFa

Resource Description Framework in Attributes (RDFa) este o extensie a HTML5 concepută pentru a vă ajuta să marcați datele structurate. Este o recomandare W3C și poate fi folosită pentru a combina mai multe vocabulare de date structurate pentru a adăuga date structurate care depășesc Schema.org

Dacă știți cum să utilizați marcajul Microdata cu Schema.org, RDFa nu va fi diferit. Acesta integrează HTML-ul existent în corpul conținutului.

Să folosim ca exemplu site-ul de comerț electronic de mai sus:

 <div>
<h1>Teme Hash</h1>
<h2>Cel mai bun vânzător de teme WordPress!</h2>
<p>Adresă:</p>
<p>Dhobighat</p>
<p>Lalitpur, Nepal</p>
<p>E-mail: [email protected]</p>
<p><a href="https://hashthemes.com/wordpress-theme/">Faceți clic aici pentru a vedea cele mai bune teme WordPress!</a></p>
<p>Suntem deschisi: </p>
<p>Luni-Vineri 10:00 - 18:00</p>
</div>

Aici, vom specifica vocabularul etichetei împreună cu adresa URL http://schema.org/. Tipul paginii este definit de tipul de etichetă.

 <div vocab="http://schema.org/" typeof="magazin">

Le-am spus acum motoarelor de căutare despre ce este pagina. Acum este timpul să definiți proprietățile folosind atribute de proprietate.

 <h1 property="name">HashThemes</h1>

Tipul de atribut poate fi, de asemenea, utilizat pentru a defini proprietatea în continuare, cum ar fi pentru a defini Adresa Postală.

 <div property="address" typeof="PostalAddress">

Tipul de atribut este echivalent cu tipul articolului din Microdate, în timp ce proprietatea este echivalentă cu atributul element prop.

 <h2 property="description">Cel mai bun vânzător de teme WordPress!</h2>
<p>Adresă:</p>
<div property="address" typeof="PostalAddress">
<p property="streetAddress">Dhobighat</p>
<p property="addressLocality">Lalitpur, Nepal</p>
</div>
<p>E-mail: <span property="email">[email protected]</span></p>
<p><a property="store" href="https://hashthemes.com/wordpress-theme/">Faceți clic aici pentru a vedea cele mai bune teme WordPress!</a></p>
<p>Suntem deschisi:</p>
<p property="openingHours">luni-vineri 10:00 - 18:00</p>
</div>

Marcare pagină web folosind JSON-LD

JavaScript Object Notation for Linked Data (JSON-LD) este o codificare a datelor legate folosind JSON. Este o recomandare W3C și a fost adăugată ca format recomandat pentru Schema.org în 2013.

Principalul avantaj al utilizării JSON-LD pentru Schema Markup este că limitează cele mai relevante coduri la antetul paginii și păstrează eticheta suplimentară în afara corpului principal al conținutului dvs. Acest lucru face codurile mai curate și mai ușor de citit.

Notația JSON – LD este conținută în interiorul unui bloc de script. Deci, pentru a începe procesul, introducem linia de script pentru a arăta că folosim formatul JSON-LD:

 <script type="application/ld+json">

Codul JSON-LD ar trebui să fie, de asemenea, conținut între paranteze (acolade) sau nu va fi aplicat paginii sau analizat de motoarele de căutare. Aceasta este cunoscută ca structură de obiect în Javascript. Deci, conturul codului va arăta astfel:

 <script type="application/ld+json">
codul merge aici
</script>

Acum, va trebui să utilizați contextul definit de vocabular pentru datele legate de Schema.org.

O virgulă ar trebui să fie, de asemenea, pentru fiecare linie a codului.

 "@context": "http://schema.org",

Pentru alte tipuri de format schema.org, va trebui să definiți tipul de conținut pe care urmează să îl marcați. Acesta este echivalent cu atributul tip imagine al Microdate și cu tipul atributului RDFa.

Vom folosi site-ul simplu pe care l-am menționat mai sus ca exemplu:

 "@type": "Magazin",

Acum definim numele magazinului și descrierea acestuia. Dacă utilizați Microdata sau RDFa pentru a defini aceste elemente, acestea ar trebui să fie prezentate chiar pe pagina de pornire a site-ului. Dar în cazul JSON-LD, puteți defini elementele fără a fi necesar să fiți prezent pe pagină.

 "name": "HashThemes",
"description": "Cel mai bun vânzător de teme WordPress!",

Acum este timpul să definiți adresa. O adresă va avea o proprietate suplimentară și mai precisă, cum ar fi adresa străzii și localitatea. Deci, le vom pune într-o paranteză.

 "abordare": {
"@type": "PostalAddress",
"addressLocality": "Lalitpur, Nepal",
"streetAddress": "Dhobighat",
},

Acum, vom plasa programul de deschidere al magazinului. Vom păstra ora de deschidere în matrice și vom specifica zilele în combinații de două litere. De asemenea, ora ar trebui să fie un ceas de 24 de ore.

 "ore de deschidere": [
„Luni-Vineri 10:00-18:00”
],

În cele din urmă, vom adăuga o adresă de e-mail și adresa URL a temei. Ambele sunt destul de simple.

 „e-mail”: „[email protected]”
„magazin”: „https://hashthemes.com/wordpress-theme/”
Și la sfârșit, marcajul nostru va arăta astfel:
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Magazin",
"name": "HashThemes",
"description": "Cel mai bun vânzător de teme WordPress!",
"abordare": {
"@type": "PostalAddress",
"addressLocality": "Lalitpur, Nepal",
"streetAddress": "Dhobighat",
},
"ore de deschidere": [
„Luni-Vineri 10:00-18:00”
],
„e-mail”: „[email protected]”
„magazin”: „https://hashthemes.com/wordpress-theme/”
}
</script>

Puteți utiliza Instrumentul de testare a datelor structurate de la Google pentru a verifica sintaxa pentru erori.

Cum să implementați Schema Markups pe site-ul dvs. WordPress?

Implementarea Schema Markup se poate face în diferite moduri. Le puteți urmări pentru a face site-ul dvs. prietenos SEO și pentru a îmbunătăți clasarea conținutului dvs. în motorul de căutare. Aici sunt câțiva dintre ei:

Alegerea unei teme WordPress cu integrare încorporată cu Schema Markup:

După cum știți, WordPress este cea mai populară platformă care constă dintr-un număr mare de șabloane pentru a crea site-uri web atractive în cel mai scurt timp. Cu toate acestea, există doar câteva numere de teme care sunt integrate cu codurile Schema Mark Up. Deci, dacă alegeți o temă WordPress pentru a vă porni prezența pe web sau pentru a modifica site-ul dvs. existent, asigurați-vă că verificați dacă tema conține cel puțin caracteristici comune ale schemei. Schema comună include antetul, subsolul și opțiunile de navigare pentru a permite motoarelor de căutare să înțeleagă structura site-ului dvs.

Marcarea altor date de schemă cu pluginuri WordPress

După cum am menționat mai sus, este posibil să aveți dificultăți în a găsi o temă WordPress cu integrare completă cu codurile Schema MarkUp. Deci, ca alternativă, puteți alege pluginurile WordPress disponibile pentru a adăuga caracteristica Schema pe site-ul dvs. Yoast SEO și Schema Pro sunt puținele plugin-uri care vă vor ajuta să implementați Schema MarkUp pe site-ul dvs.

Lucruri de reținut când implementați Schema MarkUps

Acum că știți cum puteți implementa Schema Markup pe site-ul dvs. WordPress, iată câteva lucruri pe care poate doriți să le amintiți când implementați Schema Markup:

Integrarea Schemei Markup poate să nu garanteze o bună clasare

Numai Schema Markup nu garantează o clasare bună a conținutului dvs. web. Există mulți alți factori precum autoritatea conținutului, calitatea conținutului, analiza cuvintelor cheie, relevanța etc. care afectează clasamentul. Așadar, rețineți că Schema Markup este doar unul dintre factorii care vă pot ajuta să creșteți clasamentul conținutului dvs.

Schema Markup necesită timp pentru a intra în vigoare

Dacă vă întrebați că Schema Markup va intra în vigoare imediat, atunci vă înșelați. Va dura luni de zile pentru a vedea fragmentul bogat în rezultatele căutării.

Verificați schema de marcare dată de tema WordPress și utilizați pluginul pentru a îmbunătăți funcționalitatea în consecință

Majoritatea temelor WordPress au doar o schemă comună, cum ar fi antetul și subsolul, navigarea. Deși ar putea exista un șablon cu alte caracteristici de implementare legate de Schemă. Puteți accesa Instrumentul de testare a datelor structurate Google pentru a analiza implementarea schemei site-ului dvs. și pentru a alege pluginul în consecință.