Update! rel=amphtml versus rel=canonical

Update! rel=amphtml versus rel=canonical

Update! rel=amphtml versus rel=canonical

"Tergesa-gesa adalah perbuatan Syetan. Itulah ungkapan awal saya, karena artikel ini merupakan perbaikan dri artikel sebelumnya. Karena ingin cepat mendapatkan logo 'petir' akhirnya saya melakukan ujicoba. Ya.. tapi dibalik semua ada hikmahnya.. ambil pelajaran." Yang diungkapkan Kang Ismet

rel="amphtml" vs rel="canonical"

Pada artikel sebelumnya, menganjurkan pada template html gunakan rel='amphtml', dan ternyata ada perbedaan yang mendasar antara rel='amphtml' dan rel='canonical'. Walau pun pada intinya untuk menunjukan URL kanonis sebuah web.

Kode rel='amphtml' dan rel='canonical' dua-duanya digunakan, hanya apabila web / blog sobat mempunyai 2 versi yaitu AMP dan non-AMP. Kode rel='amphtml' digunakan pada halaman non-AMP untuk menunjukan mana link versi AMP dari halaman tersebut.

Jadi, pada halaman non-AMP pasang kode yang menunjukan mana versi AMP nya, misal :

<link rel='amphtml' href='http://kangismet.net/amp/contoh-artikel.html'/>

Pada halaman AMP-nya, tunjukan mana versi non-AMP dengan rel='canonical',contoh :

<link rel='canonical' href='http://kangismet.net/contoh-artikel.html'/>

Update! rel=amphtml versus rel=canonical
Update! rel=amphtml versus rel=canonical
Bagaimana dengan Blogger / Blogspot? di karenakan Blogger hanya mempunyai 1 versi (kalau sobat sudah pake template AMP), maka cukup gunakan rel='canonical' saja. Cukup dengan kode ini saja :

<link expr:href='data:blog.url' rel='canonical'/>

Bagi sobat yang sudah menggunakan template AMP Ready, silahkan hapus (kalau masih ada) kode:

<link expr:href='data:blog.url' rel='amphtml'/>

Apakah langsung dapat "petir"

Untuk mendapatkan petir, tentunya ada beberapa syarat, diantaranya :
  1. Harus menggunakan Template Valid AMP HTML
  2. Penulisan artikel harus mengikuti pedoman AMP HTML (dalam penulisan tag image, video, iframe, dll)
  3. Harus menggunakan Markup Data terstruktur
  4. dll (lebih jelasnya akan buat artikel terpisah)
Semoga bermanfaat... terimakasih
sumber : http://blog.kangismet.net/2016/10/rel-amphtml-vs-rel-canonical.html

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Blogger
Disqus
Pilih Sistem Komentar Yang Disukai

2 Comments Add Comment

Masih belum bisa edit agar AMP gan? Ada yang bisa bantu mengajar tentang hal ini?

Balas

untuk AMP semua harus sesuai dengan pedomannya, yang dikabarkan oleh mbah google.

Balas
Add Comment

Berkomentarlah dengan baik, Kepribadian anda tercemin saat berkomentar.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like CIDOSHARE? Keep us running by whitelisting CIDOSHARE in your ad blocker.

This is how to whitelisting CIDOSHARE in your ad blocker.

Thank you!

×
×
×

Advertisement