Cara Membuat AMP Blogger Mobile ?m=1 Menjadi ?amp=1

Mengganti ?m=1 ke ?amp=1 Blog AMP - Cara Membuat Url Khusus Untuk Halaman AMP Pada Blogger.
Langsung ke konten utama [Tunjukkan semua]
    Seperti yang sudah saya bahas pada artikel kelebihan template amp. Template blogger amp adalah terobosan terbaik bagi blog dengan niche yang memiliki target visitor dari mobile (handphone/smartphone).

    Misal blog sobat menyajikan artikel tentang tips dan trik bermain PUBG Mobile, dapat dipastikan bahwa lebih dari 70% visitor blog sobat akan mengaksesnya dengan smartphone Android.

    Maka amp sangatlah cocok digunakan untuk blog sobat, template amp memiliki loading jauh lebih cepat dibanding template non amp.

    Selain itu, adanya logo petir (tanda valid AMP) dibawah judul artikel pada mesin pencari secara tidak langsung dapat berfugsi sebagai daya tarik tersendiri bagi visitor.

    Adapun kekurangan template amp, yakni tidak memperbolehkan penggunaan inline JavaScript, sehingga tidak memungkinkan untuk memasang widget baca juga (related post) dan iklan tengah artikel pada halaman amp.

    Salah satu konsekuensi yang di dapat adalah menurunnya pendapatan iklan. Tapi, jika ingin tetap mendapatkan penghasilan yang besar, dan tetap ingin memakai template AMP. Maka hal yang harus dilakukan adalah mengubah url amp yang awalnya ?m=1 menjadi ?amp=1. Bagaimana Caranya? Baca Lebih lanjut...

    Mengubah Halaman AMP Blogger ?m=1 Menjadi ?amp=1

    Sebenarnya saya sudah cukup lama menggunakan url khusus untuk halaman amp, dan saya juga tidak ada niatan untuk membuat artikel ini.

    Tapi, berhubung template terbaru kompi ajaib sudah memakainya, pasti tidak sedikit blogger yang penasaran bagaimana cara mengimplementasikannya, jadi tidak ada ruginya saya membuat artikel ini.

    Manfaat Url Khusus ?amp=1 Blogger

    Dengan Menggunakan ?amp=1, maka halaman desktop dan mobile (m=1) menjadi non amp, jadi halaman amp hanya untuk visitor mobile dari search engine (visitor organik). Jika bukan, halaman yang mereka akses adalah non-AMP (kecuali langsung menambahkan ?amp=1).

    Itu artinya, blog amp bisa tetap valid meskipun melanggar ketentuan AMP (e.g, memasang inline JavaScript, CSS !important). Namun pemasangannya harus di dalam template dan dibugkus tag kondisional non amp.

    Cara Membuat AMP Blogger Menjadi ?amp=1

    Tutorial ini mungkin sedikit membingungkan bagi:
    1. Yang Belum Paham Struktur Template Blogger
    2. Blogger Pemula Yang Memakai Template AMP
    3. Belum Begitu Paham Tentang AMP
    4. Masih Bingung Dengan Tag Kondisional Blogger. Rekomendasi Bacaan: Tag Kondisional Blogger
    Rekomendasi: Backup Template!

    1. Pertama Masuk Menu Editor Template
    2. Cari Dan Ganti
    <b:attr cond='data:blog.isMobileRequest == &quot;true&quot;' name='amp' value='amp'/>

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

    3. Cari Dan Ganti.
    Setiap template mungkin berbeda , jika buatan kompi ajaib kemungkinan besar seperti 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>

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

    Sampai disini, sudah berhasil membuat halaman amp blogger menjadi ?amp=1, kemungkinan besar akan muncul error jika melakukan validasi.
    The tag ‘amp extension .js script’ is missing or incorrect, but required by ‘amp-’. This will soon be an error.

    4. Langkah terakhir yaitu memperbaiki error AMP.
    Caranya, cari element khusus amp yang sebelumnya dibungkus dengan tag kondisional
    <b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>

    Ganti dengan tag kondisional untuk amp
    <b:if cond='data:view.url == data:view.url params { amp: "1" }'>

    Jika bukan amp, ganti == menjadi !=.

    Bagi yang sudah paham, harus teliti pada langkah ini. Disinilah step yang mungkin membingungkan bagi pemula. Jika mengalami kesulitan, bisa tanyakan melalui komentar..

    Intinya, mengubah url amp blogger dari m=1 menjadi amp=1 hanyalah mengubah tag kondisional, rel amphtml, dan canonical url. Semoga Berhasil.
    (https://masihterjaga.blogspot.com/)

    Postingan lainnya

    Posting Komentar