Update!! rel=amphtml versus rel=canonical
Tergesa-gesa adalah perbuatan Syetan. Itulah ungkapan awal saya, karena artikel ini merupakan perbaikan dri artikel sebelumnya (baca: Ingin Ada logo "Petir" AMP dihasil pencarian? ini caranya). Karena ingin cepat mendapatkan logo "petir" akhirnya saya melakukan ujicoba. Ya.. tapi dibalik semua ada hikmahnya.. ambil pelajaran.
Kode
Jadi, pada halaman non-AMP pasang kode yang menunjukan mana versi AMP nya, misal :
Pada halaman AMP-nya, tunjukan mana versi non-AMP dengan
Gambarannya seperti pada gambar di bawah :
Bagaimana dengan Blogger / Blogspot? di karenakan Blogger hanya mempunyai 1 versi (kalau sobat sudah pake template AMP), maka cukup gunakan
Bagi sobat yang sudah menggunakan template AMP Ready, silahkan hapus (kalau masih ada) kode:
rel="amphtml" vs rel="canonical"
Pada artikel sebelumnya, saya menganjurkan pada template html gunakanrel='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'/>
Gambarannya seperti pada gambar di bawah :
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 :- Harus menggunakan Template Valid AMP HTML
- Penulisan artikel harus mengikuti pedoman AMP HTML (dalam penulisan tag image, video, iframe, dll)
- Harus menggunakan Markup Data terstruktur
- dll (lebih jelasnya akan saya buat artikel terpisah)
Sumber: https://support.google.com/webmasters/answer/6340290?hl=id
9 komentar
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
5. Untuk menghapus komentar, geser kursor ke sebelah kanan komentar Anda.
image quote pre code
<link expr:href='data:blog.url' rel='canonical'/>
aduh palibet pisan ngmng oge:D
<link expr:href='data:blog.url.canonical' rel='canonical'/>
<link expr:href='data:view.url' rel='alternate'/>
<b:else/>
<link expr:href='data:blog.url.canonical' rel='canonical'/>
<link expr:href='data:view.url + "?m=1"' rel='alternate'/>
<link expr:href='data:view.url params { amp: "1" }' rel='amphtml'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
ditaro di blog mana kang
sareng kode <b:if cond='data:view.url != data:view.url params { amp: "1"}'>
<link href='https://www.techntuto.com/' rel='canonical'/>
<link expr:href='data:view.url params { amp: "1"}' rel='amphtml'/>
</b:if> salah nya kang?
punten seueur nanya:D