Fitur Unggulan DetroAMP (Premium Blogger Template Valid AMP)

Sejak aktif di dunia Blogger sejak tahun 2011 lalu melalui blog pertama saya http://lostsector.blogspot.com (TLD https://www.lost-sector.net), saya sudah sering mendesain sebuah template untuk digunakan sendiri.

Sejak saat itu hingga sekarang, tidak sekalipun saya membagikan / menjual template yang saya desain sendiri. Tetapi sekarang berkat dorongan dari teman-teman, saya akan mencoba untuk lebih professional dalam mendesain template blogger untuk umum.

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.

Fitur Template DetroAMP

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.

Lalu, apa sih keuntungan menggunakan template blogger valid AMP ini?
  • 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!

Fitur ini hanya berlaku di url ?amp=1. Contohnya https://amp.detro.xyz/?amp=1. Jadi ketika sobat menguji url https://amp.detro.xyz/ tanpa di ?amp=1 di https://search.google.com/test/amp maka akan muncul tampilan seperti gambar ini.

Tetapi setelah sobat mengeklik "Lihat Hasil Versi AMP yang Ditautkan" maka akan menjadi seperti ini (valid AMP).

Mengapa harus memberlakukan valid amp hanya di url tersebut dan apa tujuannya? Pertama untuk memaksimalkan tampilan / fitur dan memaksimalkan kemunculan iklan Google Adsense.

Karena menurut pengalaman saya, sebuah web yang memberlakukan AMP baik tampilan desktop ataupun mobile, terkadang iklan yang muncul sangat sedikit dan terbatas.

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

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), satu di bagian postingan dan satu lagi di sidebar.

Nah, untuk penempatan slot iklan lainnya, misalnya di tengah postingan, di bawah menu navigasi dan sebagainya, sobat bisa melakukan request (permintaan khusus).

9. 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.
Facebook : https://m.me/m4tt.story
Telegram : https://telegram.me/matstory
Email : cp.detro@gmail.com

Pembayaran : via rekening BRI, OVO

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.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.
Tanggapan:
Open Comment