Membuat URL Parameter ?amp=1 Kusus Untuk Halaman AMP
Membuat URL Parameter ?amp=1 Kusus Untuk Halaman AMP - Sebelumnya Saya sudah membagikan Cara Membuat Halaman AMP Pada Blogger Hanya Di URL Mobile m=1. Dan pada kesempatan kali ini Saya akan coba bagikan cara Membuat Parameter URL ?amp=1 Kusus Untuk Halaman AMP, jadi halaman amp hanya untuk pengunjung yang datang dari pencarian pada perangkat mobile atau pengunjung yang sengaja mengetikan url dengan menggunakan akhiran ?amp=1.
Sebenarnya sudah lumayan lama Saya menggunakan cara ini. Namun karena belum ada yang posting jadi saya juga belum berani untuk posting, jika di posting takutnya malah membuat blog Anda menjadi susah terindek oleh mesin pencari. Tetapi beberapa hari yang lalu mas Adhy Suryadi telah mengeluarkan template Movie Online Blogger Template AMP HTML yang menggunakan parameter URL ?amp=1 kusus untuk halaman AMP, jadi kemungkinan besar cara ini aman untuk di terapkan.
Nah, jadi bagi Anda yang pernah mengikuti tutorial Membuat Halaman AMP Pada Blogger Hanya Di URL Mobile m=1 atau template premium buatan Mas Adhy Suryadi dan Anda ingin coba mengunakan parameter URL ?amp=1 hanya kusus halama AMP, silahkan ikuti langkahnya di bawah ini.
Langkah pertama.
Masuk akun Blogger pilih Menu pilih Tema kemudian klik Edit HTML.
Jika sudah silahkan cari kode di bawah ini.
<b:attr cond='data:blog.isMobileRequest == "true"' name='amp' value='amp'/>jika sudah ketemu, ganti kode di atas dengan kode di bawah ini.
<b:attr cond='data:view.url == data:view.url params { amp: "1" }' name='amp' value='amp'/>Langkah kedua.
Cari kode seperi dibawah ini.
<b:if cond='data:blog.isMobileRequest == "false"'>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.url + "?m=1"' rel='amphtml'/>
</b:if>
<b:if cond='data:blog.isMobileRequest == "true"'>
<link expr:href='data:blog.url' rel='canonical'/>
</b:if>Kemudian ganti dengan kode ini.
<b:if cond='data:view.url != data:view.url params { amp: "1" }'>
<link expr:href='data:blog.canonicalUrl + "?m=1"' rel='alternate'/>
<link expr:href='data:blog.canonicalUrl + "?amp=1"' rel='amphtml'/>
</b:if>
<b:if cond='data:view.url == data:view.url params { amp: "1" }'>
<link expr:href='data:blog.canonicalUrl' rel='canonical'/>
</b:if>Langkah ketiga.
Ganti tag kondisional untuk AMP dibawah ini.
<b:if cond='data:blog.isMobileRequest == "true"'>Ganti dengan kondisional dibawah ini.
<b:if cond='data:view.url == data:view.url params { amp: "1" }'>Simpan Tema
Jika ingin menampilkan sesuatu yang bukan untuk halaman AMP, ganti tanda == dengan tanda != pada tag kondisional tersebut.
Nah, dengan melakukan cara di atas maka URL halaman AMP yang tadinya ?m=1 akan berubah menjadi ?amp=1 untuk halaman AMP, dan URL m=1 akan menjadi halaman non AMP.
Komentar