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

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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioguiu56weL6kMlhwKHIa4onYAyxD-1n1mw9bkQ1SlhARLgWEDDiMxkTtIwOMK28StZns09vIt8YUR2wJeSav8y8o_3ivOOQZHJC3quXxOq_B88Jnn44-iGvtv7bnuN531eLTRx1IihFr3/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioguiu56weL6kMlhwKHIa4onYAyxD-1n1mw9bkQ1SlhARLgWEDDiMxkTtIwOMK28StZns09vIt8YUR2wJeSav8y8o_3ivOOQZHJC3quXxOq_B88Jnn44-iGvtv7bnuN531eLTRx1IihFr3/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:

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.