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'>

{

"@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'>

{

"@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/AVvXsEiw3b3DKIzquXR8ElZPliAEwQaaqoYNMUOcEN9rYwaZpOu7WL_ZW52FBaEd5hidE7H2rm6UoPZmE_PCxVoJ14FMGdAumWVMc_Ha7yzC_vNa6UavZErBsDaeyJODBk9uSoLlpe3voNP-NH7_/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/AVvXsEiw3b3DKIzquXR8ElZPliAEwQaaqoYNMUOcEN9rYwaZpOu7WL_ZW52FBaEd5hidE7H2rm6UoPZmE_PCxVoJ14FMGdAumWVMc_Ha7yzC_vNa6UavZErBsDaeyJODBk9uSoLlpe3voNP-NH7_/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.

Novo

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