Mendapatkan canonical link element Url di blogger dengan expr:

Diposkan: 16 Februari, 2014


Canonical link element tidaklah harus identik dengan attribute rel="canonical". Canonical link element Url di blog blogger/ blogspot  adalah yang asli dan tidak terpengaruh oleh custom template mobile (?m=1) , desktop (?m=0) atau variable Url tertentu kecuali jenis page ("INDEX"). 

Dan ini bisa di lihati di blognya masing masing dengan melihat Sumber halaman / view-source dan lihat yang paling bawah seperti gambar di atas _WidgetManager._Init.
Dan Sebagai contoh pemanfaatannya canonical link misalnya:
  • Canonical link element blog yang ada atributte rel="canonical"
  • Widget untuk berbagi link post di jejaring sosial atau bookmark
  • Memasang Komentar Google plus di blog blogspot
  • Dan lain lain


Bagaimana cara menulis code link yang canonical tersebut di template blog Blogger / Blogspot dengan expr:href= ?

Canonical link di Home page/ beranda

<a  expr:href='data:blog.canonicalHomepageUrl'>Beranda</a>
// Canonical link Home pagenya

<a  expr:href='data:blog.homepageUrl'>Beranda</a>
// Tidak canonical link home pagenya

Canonical link element Url secara Universal Blog


<a  expr:href='data:blog.canonicalUrl'>Canonical link Universal</a>
// Bisa di tempatkan di luar var='post'


<a  expr:href='data:blog.url'>Tidak canonical link Universal</a>
// Bisa di tempatkan di luar var='post'

Canonical link element di hanya belaku di ruang lingkup post

Untuk pengambilan di ruang lingkup post harus mengikutkan conditional tag( post item, post Url ), Misalnya pada laman "INDEX" kita ingin mengambil link yang canonical


<b:if cond='data:post.url'>
<a expr:href='data:post.canonicalUrl'>Canonical post link Urlnya</a>
</b:if>
// Canonical link Urlnya

<b:if cond='data:post.url'>
<a expr:href='data:post.url'>Tidak canonical link Urlnya</a>

</b:if>
// Tidak canonical link Urlnya

Contoh di halaman post item

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a expr:href='data:post.canonicalUrl'>Asli linknya</a>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a expr:href='data:post.url'>Bisa terjadi perubahan linknya</a>

</b:if> 

Contoh lain lagi apabila kita ingin membuat sendiri berbagi Url di jejaring sosial untuk post blog kita.


Taruhlah berbagi post di Google+

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.canonicalUrl' target='_blank'>Share to Google+</a>
</b:if>
// Canonikal link urlnya, walaupun di tambahkan variable url dengan mobile(?m=1) dan Desktop(?m=0)
// https://plus.google.com/share?url=http://namablog.blogspot.com/2014/02/nama-post.html
  
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' target='_blank'>Share to Google+</a>
</b:if>
// Tidak canonical link urlnya masih memiliki perubahan, Desktop(?m=0) atau mobile(?m=1)

// https://plus.google.com/share?url=http://namablog.blogspot.com/2014/02/nama-post.html?m=0
// https://plus.google.com/share?url=http://namablog.blogspot.com/2014/02/nama-post.html?m=1
// https://plus.google.com/share?url=http://namablog.blogspot.com/2014/02/nama-post.html

Jangan lupa baca juga tentang memastikan canonical link element di blog yang ada attribute rel="canonical"

1 komentar