Mennyire fontosak a Schema.org jelölések?

A napokban belefutottam egy érdekes problémába. A Google+ szolgáltatásban megosztott linkekhez a G+ több weblapnál nem vette figyelembe a weblapon szereplő leírást (meta description), és az átvett link is furcsa volt (egy látszólag oda nem illő #_sid=0 került a végére). A hibajelenség nem minden lapot érintett, de a problémás lapok egytől egyig korszerű, érvényes HTML5-re épülő oldalak voltak, Schema.org jelölésekkel. 1-2 WordPress alapon, 1-2 saját motorral.

Megnéztem néhány problémás weblapot

Az alapvető hibalehetőségeket futottam át első körben.

  • A lap elérhető robotok számára is.
  • A lap karakterkódolása rendben.
  • Title tag formátuma, hossza, kódolása rendben.
  • Meta description van, formátuma, hossza, kódolása ok.
  • OpenGraph cím és leírás (og:title és og:description) van, mind tökéletes.
  • Schema.org jelölések érvényesek.

Akkor mi volt a gond mégis?

Beletelt néhány percbe mire megtaláltam a megoldást. A Google+ a Schema.org jelölések mellett már nem vette figyelembe a description metában megadott leírást. Külön, Schema.org-os description azonban egyik lap forrásában sem volt fellelhető. Szükséges volt tehát egy Schema.org leírás beállítása. Emellett a Schema.org jelöléssel ellátott elemhez kellett még egy id attribútum is, mert a G+ a szemantikus web elvárásainak megfelelően a leglényegesebb, jelölt elemre mutató linket szúr be, ez azonban id attribútum nélkül nem lehetséges.
 

Az alábbi érvényes, de mégis kevés volt

<!DOCTYPE html>
<html lang="hu">
  <head>
    <meta charset="utf-8">
    <title>Ez egy példa cikk</title>
    <meta name="description" content="Milyen kellemetlen is..."/>
    <meta property="og:title" content="Ez egy példa cikk"/>
    <meta property="og:description" content="Milyen kellemetlen is..."/>
  </head>
  <body>
    <article itemscope itemtype="http://schema.org/Article">
      <h1 itemprop="name">Ez egy példa cikk</h1>
      <p>
        Milyen kellemetlen is, amikor valami nem az
        elvárásainknak megfelelően működik.
      </p>
    </article>
  </body>
</html>

 

Az üdvözítő megoldás kivonata

<!DOCTYPE html>
<html lang="hu">
  <head>
    <meta charset="utf-8">
    <title>Ez egy példa cikk</title>
    <meta name="description" content="Milyen kellemetlen is..."/>
    <meta property="og:title" content="Ez egy példa cikk"/>
    <meta property="og:description" content="Milyen kellemetlen is..."/>
  </head>
  <body>
    <article itemscope itemtype="http://schema.org/Article" id="article">
      <meta itemprop="description" content="Milyen kellemetlen is..."/>
      <h1 itemprop="name">Ez egy példa cikk</h1>
      <p>
        Milyen kellemetlen is, amikor valami nem az
        elvárásainknak megfelelően működik.
      </p>
    </article>
  </body>
</html>

A megoldás kulcsa tehát egy megfelelő ‘id=”…’ attribútum és a ‘meta itemprop=”description” …’ tag beillesztése volt.

A fenti, apró hiba is jól mutatja, hogy a Schema.org jelölései a keresők üzemeltetői számára mára a weblap minden más eleme fölé emelkedtek. Már nem csak a SEO/SERP szempontjából ezek a weblapok leginkább kiemelt jelentőségű elemei.

A Schema.org oldalra is érdemes ellátogatni egy-egy új weboldal fejlesztése során, mert az itt fellelhető anyagok nincsenek kőbe vésve, a jelölések és a dokumentációk is folyamatosan bővülnek.

Hivatkozások:

http://schema.org/

Kategória: SEO Címke: , , , , , ,

Vélemény, hozzászólás?

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük

*