Skip to main content

follow us


www.azid.web.id - Cara Membuat Blog Valid AMP dengan Tag amp=1. Alhamudlillah kita masih bisa bertemu lagi, pada kesempatan kali ini saya akan share kepada sobat semua bagaimana cara mengubah valid AMP yang tadinya menggunakan url khusus ?m=1 menjadi url khusus ?amp=1. Sebenarnya tutorial ini sudah ada yang share pada blog masihterjaga.blogspot.com dengan judul "Cara Membuat AMP Blogger Mobile ?m=1 menjadi ?amp=1" pada bulan februari lalu. Dan saya juga pernah membacanya sekilas, dimana saat itu saya belum perduli terhadap artikel tersebut karena belum tertarik dan saya sudah cukup nyaman dengan valid AMP dengan tag ?m=1.

Namun tadi pagi setelah saya melihat postingan kang Adhy Suryadi pemilik blog kompiajaib.com yang menjual template kebanggaan beliau, dimana pada pernyataan beliau sebelumnya bahwa template tersebut tidak akan dijual dan pada akhirnya dijual juga dengan harga Rp.300.000 jika ada yang berminat. Sebenarnya template teresebut merupakan template update dari kompiajaib AMP HTML pada versi 2, yang mana banyak pembeli template menginginkan update terbaru. Akhirnya dengan berat hati karena kang Adhy Suryadi sedang sakit jadi tidak belum bisa mengupdate template kompiajaib AMP HTML menjadikan template kebanggaannya sebagai update pada versi ke-3 nya.

Somoga sakit beliau cepat sembuh dan lebih membaik lagi. Dengan sembuhnya beliau, semoga menjadikan pencerah bagi para blogger lagi dengan berbagai tutorial beliau yang terbaru, Amin. Dan jika sobat ingin membeli template kompiajaib AMP HTML update terbarunya, sobat bisa melihat artikel beliau dengan judul "Update template kompiajaib AMP HTML versi 3".

Apa yang terbaru pada template kompiajaib AMP HTML pada versi terbarunya?, ya pada versi terbarunya beliau telah memperbaiki bebreapa script yang bug atau error dan mengganti valid AMPnya menjadi ?amp=1 tidak lagi pada tag m=1. Jadi jika sobat jika mengaksesnya di searcht engine maka akan menampilkan blog AMP dengan tag ?amp=1 dan jika sobat langsung menulis urlnya maka akan menjadi blogger Non AMP kecuali ditambahkan tag ?amp=1 pada akhir urlnya.

Lantas, bagi blog AMP lainnya yang ingin mengubah tag ?m=1 menjadi ?amp=1 bagiamana caranya?, sebagaimana yang saya utarakan diawal bahwa tutorial tersebut sudah ada pada blog masihterjaga.blogspot.com, jika sobat ingin mengubah template sobat sehingga valid AMP dengan tag ?amp=1 sobat bisa mengunjugi blognya dengan url berikut; "Cara mengubah valid AMP dari ?m=1 menjadi ?amp=1" atau sobat bisa mengikuti cara yang saya ulang pada blog ini sebagaimana berikut;

NB: Cara ini sebenarnya saya jadikan sebagai berkas pribadi saya agar saya tidak lupa jikalau sewaktu-waktu saya ingin mengubah tag ?m=1 menjadi ?amp=1 dan tidak berniat untuk mengcopas ulang artikel dari masihterjaga.blogspot.com

Pertama, sebelum mengubah template sobat baiknya di backup terlebih dahulu agar jika nantinya terjadi kesalahan bisa menggunakan template yang belum diedit. Jika sudah di backup, sobat bisa masuk pada menu Edit HTML dan cari kode berikut ini

<b:attr cond='data:blog.isMobileRequest == &quot;true&quot;' name='amp' value='amp'/>

jika sudah ketemu ganti kode tersebut dengan kode berikut

<b:attr cond='data:view.url == data:view.url params { amp: "1" }' name='amp' value='amp'/>

Kedua, Cari kode berikut ini

<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'> <link expr:href='data:blog.url' rel='canonical'/> <link expr:href='data:blog.url + &quot;?m=1&quot;' rel='amphtml'/> </b:if> <b:if cond='data:blog.isMobileRequest == &quot;true&quot;'> <link expr:href='data:blog.url' rel='canonical'/> </b:if>

dan ganti dengan kode berikut ini;

<link expr:href='data:blog.canonicalUrl + &quot;?amp=1&quot;' rel='amphtml'/> <link expr:href='data:blog.canonicalUrl' rel='canonical'/>

atau bisa juga diganti dengan kode berikut ini (versi tutorial dari warim.id)

<b:if cond='data:view.url != data:view.url params { amp: &quot;1&quot; }'>
<link expr:href='data:blog.canonicalUrl + &quot;?m=1&quot;' rel='alternate'/>
<link expr:href='data:blog.canonicalUrl + &quot;?amp=1&quot;' rel='amphtml'/>
   </b:if>

<b:if cond='data:view.url == data:view.url params { amp: &quot;1&quot; }'>
<link expr:href='data:blog.canonicalUrl' rel='canonical'/>
   </b:if>

Kemungkinan setiap template berbeda-beda, oleh karena itu sobat harus perhatikan setiap tag kondisional pada kode tersebut.

Ketiga, Cari setiap kode berikut

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>

dan ganti dengan kode berikut

<b:if cond='data:view.url == data:view.url params { amp: "1" }'>

Kode tersebut adalah sebelumnya hanya menampilkan pada versi mobile. Oleh karena itu, sobat harus juga menguba tag kondisional untuk hanya terlihat pada versi dekstop yang tag kondisionalnya kurang lebih seperti dibawa ini

<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>

jika sudah ketemu setiap tag kondisionalnya, maka ganti dengan tag kondisional dibawah ini

<b:if cond='data:view.url != data:view.url params { amp: "1" }'>

Agar cepat mengubah setiap tag kondisional sobat bisa melakukannya dengan menekan CTRL + Shift + R dan letakkan kondisional versi mobile kemudian enter dan letakkan tag kondisional amp kemduian enter, begitu juga pada versi dekstop, maka secara keseluruhan akan berubah.

Keempat, jika dirasa sudah dirubah maka Save Template sobat dan pastikan tes dengan tools valid AMP.

Semoga berhasil.

Demikianlah artikel tutorial tentang Cara Membuat Blog Valid AMP dengan Tag amp=1. Semoga bermanfaat, Amin.
PERHATIAN!: setiap link template pada blog ini di direct 5 -7 kali jadi harap bersabar.

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar