Kako u Blogger-u izmeniti ili dodati strukturalne podatke (schema.org) - ★★ Fog Developer ★★

Najnovije

19.08.2018.

Kako u Blogger-u izmeniti ili dodati strukturalne podatke (schema.org)

schema.org i blogger
Kako u Blogger-u izmeniti ili dodati strukturalne podatke (schema.org)

Svaki vlasnik bilo kog web sajta voli da njegovo delo izgleda lepo i korisno nekome ko pretražuje internet. Da bi izgled u pretrazi bio primamljiv potencionalnom posetiocu, koriste se strukturalne oznake (schema.org) koje pomažu da se istaknu određeni delovi web sadržaja.

schema.org u Bloggeru

Blogger je uvek bio prilično prilagodljiva platforma za kreiranje web sadržaja. Međutim, schema.org oznake dugo nisu imale zvaničnu podršku (pri čemu se misli na serversku podršku). U prvobitnim generacijama šablona izgleda bloga, ove oznake nisu bile prisutne, u drugoj takođe, ali su vremenom implementirana neka polovična rešenja. Tek prošle godine, sa šablonima izgleda treće generacije (responzivni šabloni) Blogger u potpunosti implementira schema.org oznake.
Međutim, veliki problem se javlja u Blogger šablonima koji dolaze od nezavisnih programera koji ih kreiraju. Ovi programeri najčešće primenjuju neka rešenja koja se nisu pokazala ni kao efikasna, niti kao korisna. Najverovatnije nisu upućeni u prilično jednostavan način uključivanja ovih oznaka u svoj šablon.

Koja oznaka u Blogger šablonu nam pomaže da dodamo schema.org?

Ukoliko kreirate Blogger šablon, schema.org može biti jednostavno dodata bilo gde u blog pomoću oznake:
<b:include name='postMetadataJSON'/>
Iako se ova oznaka može dodati bilo gde, ona je predviđena da se dodaje u gedžet Blog, u sekciju post (ili petlju koja lista postove).

Šta dobijamo sa ovom oznakom?

Ukoliko je gornja oznaka dodata u šablon, Blogger serveri će izvršiti sledeći deo koda:
<b:includable id='postMetadataJSON' var='post'>
<script type='application/ld+json'>
{
  "@context": "http://schema.org",
  "@type": "BlogPosting",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "<data:post.url.canonical.jsonEscaped/>"
  },
  "headline": "<data:post.title.jsonEscaped/>",
  "description": "<b:eval expr='(data:post.body snippet { length: 150, links: false, linebreaks: false, ellipsis: true }).jsonEscaped'/>",
  "datePublished": "<data:post.date.iso8601.jsonEscaped/>",
  "dateModified": "<data:post.lastUpdated.iso8601.jsonEscaped/>",
  "image": {
    "@type": "ImageObject",
    "url": "<b:eval expr='(data:post.featuredImage ? resizeImage(data:post.featuredImage, 1200, "1200:630") : "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=w1200").jsonEscaped'/>",
    "height": <b:eval expr='data:post.featuredImage ? 630 : 348'/>,
    "width": 1200
  },
  "publisher": {
    "@type": "Organization",
    "name": "Blogger",
    "logo": {
      "@type": "ImageObject",
      "url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=h60",
      "width": 206,
      "height": 60
    }
  },"author": {
    "@type": "Person",
    "name": "<data:post.author.name.jsonEscaped/>"
  }
}
</script>
</b:includable>
Vidimo da su podrazumevane schema.org oznake prilično kvalitetno iskodirane, izuzimajući činjenicu da je kao organizacija naveden Blogger, i da se koristi njihov logo u slučajevima kada niste postavili sliku u svoj tekst.

Kako izmeniti ove podatke?

Zapravo, iz razloga što ove podatke dostavlja Blogger server, Vi ne možete da ih izmenite, ali ih možete zameniti sa svojim! Pogledajte gornji kod: on u sebi sadrži sve potrebne elemente. Dovoljno je da prekopirate taj kod u svoj blogger šablon i da ga izmenite na potrebnim mestima i eto!
Verovatno se pitate gde bi se ovaj kod mogao dodati? Budući da se postMetadataJSON može pojaviti bilo gde u blogu, potražite u šablonu "common defaultmarkup" i ispod njega "nalepite" izmenjenu verziju:
<b:defaultmarkup type='Common'>
U slučaju da Vaš šablon ne podržava defaultmarkup(s) oznake, svoju izmenu možete dodati i u kod za vidžit Blog
Na primer, moja izmenjena verzija ovog koda izgleda ovako (izmene su obojene u zeleno):
<b:defaultmarkups>
      <b:defaultmarkup type='Common'>
        <b:includable id='widgetNotAvailableInPreview'>...</b:includable>
<b:includable id='postMetadataJSON'>
<script type='application/ld+json'>
{
  "@context": "http://schema.org",
  "@type": "BlogPosting",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "<data:post.url.canonical.jsonEscaped/>"
  },
  "headline": "<data:post.title.jsonEscaped/>",
  "description": "<b:eval expr='(data:post.body snippet { length: 150, links: false, linebreaks: false, ellipsis: true }).jsonEscaped'/>",
  "datePublished": "<data:post.date.iso8601.jsonEscaped/>",
  "dateModified": "<data:post.lastUpdated.iso8601.jsonEscaped/>",
  "image": {
    "@type": "ImageObject",
    "url": "<b:eval expr='(data:post.featuredImage ? resizeImage(data:post.featuredImage, 1200, "1200:630") : "https://1.bp.blogspot.com/-vc6qyzYc2PA/Wn1eZ2rbqTI/AAAAAAAAB1U/mdCNNMytR9MbvtFF9WlDM8mfGdE_yA68wCPcBGAYYCw/s640/LogoFinal.png").jsonEscaped'/>",
    "height": <b:eval expr='data:post.featuredImage ? 630 : 348'/>,
    "width": 1200
  },
  "publisher": {
    "@type": "Organization",
    "name": "★★ Fog Developer ★★",
    "logo": {
      "@type": "ImageObject",
      "url": "https://1.bp.blogspot.com/-vc6qyzYc2PA/Wn1eZ2rbqTI/AAAAAAAAB1U/mdCNNMytR9MbvtFF9WlDM8mfGdE_yA68wCPcBGAYYCw/s640/LogoFinal.png",
      "width": 206,
      "height": 60
    }
  },"author": {
    "@type": "Person",
    "name": "<data:post.author.name.jsonEscaped/>"
  }
}
</script>
</b:includable>
      </b:defaultmarkup>
Kada pogledam u source code bilo kog teksta na mom blogu, mogu da vidim rezultat svog rada:
izvorni kod stranice na Blogger-u

Još par reči o ovim oznakama

Ukoliko ste na prethodni način izmenili schema.org oznake u Vašem Blogger šablonu, poziv opcije <b:include name='postMetadataJSON'/> će svaki put kreirati Vašu verziju. Međutim, ukoliko želite da dobijete originalnu (Blogger-ovu) verziju ovih oznaka, Vi to možete uraditi pomoću sledećeg poziva:
<b:include name='super.postMetadataJSON'/>
Vidite da je razlika samu u prefiksu super. koji će pozvati serversku verziju ovog korisnog Blogger-ovog dodatka.

3 коментара:

  1. Lepo je objašnjeno,ali meni je i dalje špansko selo. :D

    ОдговориИзбриши
    Одговори
    1. Hvala na komentaru. Tekst je namenjen ljudima koji kreiraju ili modifikuju Blogger-ove šablone (definišu izgled i funkcionalnost bloga) ali sam ga, za svaki slučaj, pisao tako da ga razumeju i ljudi koji su manje vični tom poslu.

      Избриши
    2. Definitivno nisam vična. 😁 Pisanje postova mi bolje ide.

      Избриши

Pokažite nam šta mislite o ovome!