• Pagina principala
  • Articole
  • General
  • Cum să adăugați fragmente îmbogățite pentru recenzii și evaluări fără niciun plugin? Google Structured Schema.org Microdata Markup

Cum să adăugați fragmente îmbogățite pentru recenzii și evaluări fără niciun plugin? Google Structured Schema.org Microdata Markup

Publicat: 2020-04-21
Cum să adăugați fragmente îmbogățite pentru recenzii și evaluări fără niciun plugin? Markup Google Structured Schema.org

V-ați întrebat vreodată how and why Google afișează evaluarea pentru unele dintre postările speciale de recenzie din Pagina de rezultate ale căutării Google (SERP)?

În acest tutorial vom discuta despre cum să add rich snippet pentru recenzie/evaluare sub forma schema.org , astfel încât Google să poată înțelege detalii despre recenzia dvs. și să o arate în pagina de căutare.

Crunchify - Teme Genesis - Pagina Google este eligibilă pentru rezultate bogate

Rezultat live checkout: https://crunchify.me/2VAUkTK. Link Rich Snippet.

Înainte de a începe, să înțelegem ce este schema.org?

Schema este un tip de microdata care facilitează ca motoarele de căutare Google sau Bing să analizeze și să interpreteze mai effectively informațiile din paginile blogului dvs. Ideea este de a ajuta motoarele de căutare să înțeleagă toate datele într-un structured format astfel încât motorul de căutare să arate, de asemenea, acele date relevante privind rezultatele înapoi utilizatorilor finali, pe baza interogărilor de căutare.

Să începem:

Punctul-1) Cum să adăugați date structurate pe blogul dvs. sub forma schema.org?

Pe Crunchify folosim Genesis Framework și vine implicit cu tot formatul schema.org microdata . Produce microdate în codul site-ului dvs. Nu trebuie să adaug nimic și aceasta este frumusețea Genesis Framework, cu excepția opțiunii de Review metadata pe care o vom discuss below .

Punctul-2) Cum să verificați datele structurate ale site-ului dvs.?

Google Search Console oferă în mod implicit o opțiune pentru a vedea datele structurate. Aruncă o privire la diagramele de mai jos.

Google Search Console - Raport de date structurate - Crunchify
Verificați toate tipurile de date structurate Schema.org în Google Search Console

Pentru a vedea aceste date, trebuie să adăugați site-ul/blogul în Search Console. După ce verificați identitatea site-ului dvs., este posibil să puteți vedea datele imediat OR să așteptați o săptămână pentru a obține aceste date generate automatically .

Punctul-3 Cum să verific dacă datele dvs. structurate sunt valide sau dacă au vreo problemă?

  • În ultima coloană suplimentară din diagrama de mai sus Items with Errors , Google oferă și un instrument suplimentar numit Instrument de testare a datelor structurate.
  • Doar mergeți acolo și faceți clic pe Fetch URL .
  • Furnizați adresa URL și faceți clic pe FETCH & VALIDATE .
  • În partea dreaptă – ar trebui să vedeți rezultatul validării schema.org.
  • În caz de eșec și schema.org prost - ar trebui să vedeți un mesaj de culoare ROȘU .
Sfaturi Google Structured Data Testing Tool
Rezultatul testului de date structurate pentru Crunchify Post

Expand above Review section și ar trebui să puteți vedea toate microdatele detaliate pentru examinarea dvs. L-ai putea verifica singur. Here is a URL.

Acest tutorial va funcționa dacă aveți oricare dintre întrebările de mai jos:

  • Activarea fragmentelor îmbogățite pentru recenzii și evaluări
  • Date structurate pentru revizuire
  • Date structurate pentru evaluare
  • Generator de scheme de evaluare agregată
  • Creator de scheme pentru microdatele schema.org „Revizuire”.
  • generator de recenzii de fragmente bogate
  • fragment bogat google pentru revizuire
  • instrument de previzualizare a fragmentelor bogate
  • fragment bogat pentru postarea de blog WordPress
  • rețetă pentru site-ul de fragmente bogate
Crunchify - geneza - Examinați detaliile schemei fragmentelor

Pasul 4 Să adăugăm fragmentul Review Schema.org

Iată un cod HTML pe care trebuie să-l introduceți în panoul de editare a postării din TEXT section .

1
2
3
4
5
6
7
8
9
10
< div class = "crunchify-rating" itemscope itemtype = "http://schema.org/Review" >
     < span itemprop = "itemReviewed" itemscope itemtype = "http://schema.org/Thing" style = "font-size: 14px;" > < a itemprop = "url" href = "https://crunchify.me/genesis" target = "_blank" > < span itemprop = "name" > < strong > Genesis WordPress Theme Framework Review < / strong > < / span > < / a > < / span >
     < p > < / p >
     < strong > Description : < / strong > < span itemprop = "description" > One of the best WordPress Theme Framework which we use on Crunchify . com . Default comes with Google ' s rich schema . org snippet microdata . < / span >
     < span itemprop = "author" itemscope itemtype = "http://schema.org/Person" > < strong > Written by : < / strong > < span itemprop = "name" > App Shah < / span > < / span >
     < span itemprop = "reviewRating" itemscope itemtype = "http://schema.org/Rating" > < strong > Rating : < / strong > < span itemprop = "ratingValue" > 5 < / span > out of < span itemprop = "bestRating" > 5 < / span > < / span >
     < span itemprop = "publisher" itemscope itemtype = "http://schema.org/Organization" >
         < meta itemprop = "name" content = "Crunchify, LLC." / >
     < / span >
< / div >

Modificați valorile în consecință și codul de mai sus va fi convertit într-un widget frumos cu CSS tricks simple, așa cum îl vedeți în imaginea de mai jos.

Adresă URL cu exemplu de revizuire live: https://crunchify.com/crunchify-co-moved-to-genesis-framework-thesis-vs-genesis/

Genesis Framework Review de Crunchify - cea mai bună temă pentru microdatele schema.org

Si asta e. După ce adăugați codul de mai sus la postarea dvs. de blog, reveniți la Google Structured Data Validation tool din nou și verificați adresa URL a postării dvs. :). Poate dura până la o week pentru a actualiza postarea în SERP pe baza algoritmului de accesare cu crawlere.

Ce CSS folosim pe Crunchify?

Pe Crunchify, folosim CSS de mai jos. Doar adăugați codul de mai jos în fișierul style.css al temei dvs., modificați proprietatea conform nevoilor dvs. și sunteți bine.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
. crunchify - rating {
overflow : hidden ;
margin - bottom : 35px ;
border - radius : 3px ;
box - shadow : 0 0 2px 0 rgba ( 0 , 0 , 0 , . 12 ) , 0 2px 2px 0 rgba ( 0 , 0 , 0 , . 24 ) ;
font - size : 16px ;
color : #333;
padding : 30px 60px 5px ;
background : #fff;
border - left : 2px solid #157BDA;
}
. crunchify - rating : before {
content : "Rating" ! important ;
font - size : 16px ;
text - transform : uppercase ;
color : #fff;
float : left ;
margin : 2px 15px 15px 0 ;
background : #157BDA;
padding : 0px 20px ;
border - radius : 30px ;
}

Cum pot adăuga fișierul CSS de mai sus pe pagina AMP activată?

Doar adăugați mai sus conținut CSS sub <head> al paginii dvs. sub eticheta HTML <style amp-custom> .

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
   < head >
     . . .
     <style amp-custom>
      /* any custom styles go here. */
.crunchify-rating {
overflow : hidden ;
margin-bottom : 35px ;
border-radius : 3px ;
box-shadow : 0 0 2px 0 rgba ( 0,0,0,.12 ) , 0 2px 2px 0 rgba ( 0,0,0,.24 ) ;
font-size : 16px ;
color : #333 ;
padding : 30px 60px 5px ;
background : #fff ;
border-left : 2px solid #157BDA ;
}
.crunchify-rating:before {
content : "Rating" !important ;
font-size : 16px ;
text-transform : uppercase ;
color : #fff ;
float : left ;
margin : 2px 15px 15px 0 ;
background : #157BDA ;
padding : 0px 20px ;
border-radius : 30px ;
}
     </style>
     . . .
   < / head >

Anunțați-mă dacă mai aveți întrebări.

Nu uitați să obțineți copia Genesis Framework.

Blogging fericit.