Fitur Unggulan DetroAMP (Premium Blogger Template Valid AMP)

Template DetroAMP sendiri merupakan sebuah thema yang didesain khusus untuk blogger (blogspot). Template ini memiliki berbagai fitur terbaru untuk menyesuaikan kebutuhan pengguna, SEO friendly, valid AMP (Accelerated Mobile Pages) dan masih banyak lagi.

Walaupun tidak sesempurna dengan template buatan para master designer yang sudah sobat kenal, tetapi fitur yang telah saya sematkan di dalam template DetroAMP bisa dikatakan adalah yang terbaik untuk saat ini.

1. Valid AMP (Accelerated Mobile Pages)

Seperti yang sudah kita ketahui, bahwa salah satu mesin pencari terbesar di dunia, Google, lebih merekomendasikan sebuah situs web yang valid AMP. Nah fitur ini sudah saya ikut sertakan di dalam DetroAMP.

Apa sih keuntungan menggunakan template valid AMP?

• Direkomendasikan oleh Google
• Meningkatkan Pengalaman Pengguna.
• Loading Halaman Super Cepat.
• Beban Server Menjadi Lebih Ringan.
• Tampilan Ringan Mobile Friendly.
• Meningkatkan Ranking Google.

Nah, bagi sobat yang masih belum memiliki situs yang belum valid AMP, sangat direkomendasikan untuk segera menggunakannya!

2. Loading Halaman Lebih Cepat

Selain valid AMP, prioritas kedua template DetroAMP adalah dirancang agar pemuatan halaman baik di homepage maupun single page dapat dimuat secara cepat. Berikut screenshot hasi test pagespeed.

Lighthouse Google


PageSpeed Insights (Single Page Mobile)


PageSpeed Insights (Single Page Desktop)


GTMetrix

3. Dark Mode (Mode Gelap)

DetroAMP juga telah dilengkapi mode gelap atau night mode sebagai salah satu fitur yang wajib dimiliki oleh setiap website. Fitur ini akan sangat berguna bagi pengunjung yang lebih suka membaca artikel dalam mode gelap.

Darkmode yang dimiliki template detroAMP ini pengaturannya akan tetap tersimpan di browser pengunjung. Artinya ketika pengunjung membuka ulang web sobat, maka tampilannya akan tetap gelap dan pengunjung tidak perlu lagi mengklik tombol darkmode.

Untuk kembali ke mode normal (terang) pengunjung tinggal mengklik icon yang sama. Pokoknya keren dah! hehehe.

4. Desain Elegan, Responsive dan Clean

DetroAMP didesain dengan tampilan yang elegan dan mantap agar pengunjung betah di blog sobat. Selain itu, template ini juga didesain responsive agar tampilannya tetap terlihat rapi meski dibuka di berbagai perangkat, seperti dekstop, tablet dan smartphone.

Apa lagi? Bersih tentunya. Ya! salah satu faktor yang bisa jadi membuat pengunjung betah berlama-lama di blog adalah karena tampilannya bersih. tanpa banyak embel-embel ini itu yang terkadang sering mengganggu.

5. Halaman Depan Dengan Tombol List atau Grid

Untuk tampilan List View atau Grid view yang saya gunakan, awalnya terinspirasi dari menu profil facebook.com saat dibuka lewat desktop.

Nah fitur tersebut kemudian saya coba terapkan kedalam template detroAMP dengan tujuan agar lebih userfriendly.

6. Sticky Widget dan Sosial Media

Apa itu Sticky? Sticky adalah fitur yang akan membuat widget atau sosial media tetap muncul di layar meski pengguna melakukan scroll halaman. Contohnya bisa sobat lihat di halaman ini.

Nah, fitur sicky widget ini bisa digunakan untuk semua jenis widget dan dibuat tanpa menggunakan JavaScript atau dengan kata lain Pure CSS.

7. SEO Friendly

Salah satu fitur utama yang paling wajib untuk sebuah template adalah SEO Friendly. Karena bagi saya, percuma merilis sebuah template jika SEOnya asal-asalan.

Untuk template detroAMP sendiri, sobat tidak perlu khawatir karena SEO-nya sudah saya optimasi, yaitu dengan menggunakan metode:

7.1. Schema Markup JsonLD isPartOf

Mungkin sebagian dari sobat masih bingung tentang JsonLD isPartOf ini. Singkatnya, JsonLD isPartOf merupakan salah satu teknik SEO yang sekarang ini sangat populer dikalangan pengguna WordPress (melalui plugin Yoast SEO) yang kemudian saya terapkan ke dalam template ini.

JsonLD isPartOf ini sudah banyak digunakan oleh situs-situs besar untuk mendongkrak pengunjung ke situs mereka. Google sendiripun sangat merekomendasikan jenis JsonLD untuk pengaturan struktur data karena lebih mudah dibaca oleh mesin pencari.

Nah terkait perihal ini, informasinya bisa cari sendiri di Google.

7.2. Schema Markup MicroData BreadCrumb List dan BlogPosting

Selain menggunakan JsonLD isPartOf, saya juga telah menggunakan structured data microdata schema.org, yaitu pada Breadcrumb List dan BlogPosting.

Tujuannya utamanya adalah untuk memaksimalkan index dari mesin pencari. Karena dari yang pernah saya baca di forum stackoverflow.com, bahwa masih banyak mesin pencari yang belum mendukung structured data tipe JsonLD dan hanya mengenali jenis microdata saja.

Betul atau tidaknya, sekali lagi sobat bisa mencari sendiri informasinya di forum-forum atau melalui search engine.

7.3. Meta Tag SEO

Selain dua SEO On Page yang telah saya sebutkan di atas, saya juga sudah memaksimalkan meta tag. Meta tag SEO ini berguna untuk menampilkan informasi penting terkait blog, seperti judul, deskripsi, gambar dan sebagainya agar lebih mudah dikenali oleh mesin pencari.

8. Slot Iklan Siap (Semuanya di atur via Tata Letak)

Fitur selanjunya adalah sudah disiapkan slot untuk iklan, baik itu adsense ataupun pengiklanan lainnya. Di halaman depan, sudah disiapkan tiga buah slot, satu diantara postingan, satu di bawah postingan dan di sidebar.

Sementara untuk di single post, saya juga sudah menempatkan satu slot iklan sebelum isi postingan (dibawah judul postingan), DITENGAH Postingan (NonAMP) satu di bagian postingan dan satu lagi di sidebar.

Slot-slot iklan tersebut semuanya di atur melalui menu TATA LETAK. Jadi tidak perlu lagi melakukan edit html.

9. Konfigurasi Mudah, Hanya Melalui Tata Letak

Untuk memudahkan dalam mengatur widget dan beberapa bagian penting lainnya, kebanyakan sudah bisa di atur melalui menu tata letak... Contohnya bisa dilihat pada screenshot berikut.

10. Fitur Penting Lainnya

• Sudah Layout Versi 3 Widget versi 2.
• Responsive / Mobile Friendly.
• Related Posts.
• Menu Navigasi Sticky (melayang).
• Navigasi Halaman Depan dengan Load More Infinity Scroll yang bisa diatur.
• Tombol Back to Top.
• Custom Halaman Error Page.
• Dan sebagainya.

Selain fitur-fitur yang telah disebutkan di atas, Insya Allah kedepannya akan ditambahkan berbagai fitur menyesuaikan trend terbaru.

Harga dan Cara Beli

Untuk membeli template DetroAMP, silahkan hubungi salah satu kontak berikut.

Syarat dan Ketentuan

1. Template bisa digunakan untuk semua domain (unlimited).
2. Free Support selama 3 bulan dari tanggal pembelian.
3. Mendapatkan update selama 2 Tahun.
4. Template TIDAK BOLEH dijual ulang atau dibagikan dalam bentuk apapun.
5. Tidak ada pengembalian uang dengan alasan apapun.

Support / Bantuan

Bantuan akan diberikan selama 3 bulan (sejak tanggal pembelian) kepada teman-teman apabila kesulitan dalam mengedit template. Bantuan tersebut akan dilakukan dalam bentuh percakapan, baik melalui facebook, telegram maupun email.

Tetapi ingat, bantuan yang diberikan hanya sekedar mengedit template, bukan untuk menambah atau menghapus fitur default.

Change Log

v1.3.1 (13 April 2020)

• Perbaikan Schema.org (Structured Data) yang error.

v1.3 (10 April 2020)

• Username disqus sekarang dipindahkan ke dalam editor Blog Post (tata letak).
• Kode Publisher dan Slotnya juga sudah bisa disetting di Editor Blog Post (tata letak).
• Iklan ditengah dan bawah postingan serta HomePage bisa disembunyikan sementara.
• Penambahan Icon bulat kecil untuk link PageList (Footer).
• Deskripsi Featured Post dapat disembunyikan.
• Iklan di tengah postingan akan berpindah ke bawah komentar jika paragraf postingan blog tidak mencapai 11 paragraf.
• Perbaikan warna latar slider menu (tampilan mobile) yang sebelumnya tidak ikut gelap saat darkMode aktif.

v1.2 (07 April 2020)

• Menu Navigasi sudah bisa disetting via Tata Letak.
• Menu Navigasi Tampilan Mobile sekarang jadi slider (lebih keren).
• Username komentar disqus bisa langsung dimasukkan melalui Tata letak.
• Penambahan efek loading pada tombol loadmore.
• Penambahan Kotak Author di bawah Postingan.
• Penambahan Tombol Reaksi di bawah postingan.
• Tanggal dan penulis bisa disembunyikan atau dimunculkan.
• Form Berlangganan, Sosial Media Icon, PageList, CopyRight, Kode Google Analytics dan Kode Klien Iklan disetting via tata letak.

v1.1 (27 Maret 2020)

• Penambahan slot iklan di tengah artikel.
• Search form tampilan terbaru yang lebih keren.
• Grid and List View kini muncul di halaman MultipleItems.
• Ukuran Font Judul Blog dikurangi.

v1.0
Rilis perdana 23 Maret 2020.