Template Blog SEO, Template Blog Keren, Template Blog Pribadi. Template Fast and Responsive Mobile!
Download Template Blogger "New Johny Wuss V1".
Template Blog New Johny Wuss, atau lebih sering dikenal dengan New Johny Wuss Versi 1 - NJW V1 adalah template hasil buatan Kang CB Blogger , Sang Master Template yang karyanya sangat terkenal dengan SEO nya, Loading yang Cepat dan yang paling penting adalah banyak orang yang memberikan testimoni bahwa dengan template hasil buatan CB Blogger artikel di blog kita akan cepat terindeks oleh google, inilah point penting terhadap pemilihan template yang digunakan pada blog kita.
Berbicara tentang fitur yang dimiliki oleh template NJW V1 ini, inilah fitur yang dimiliki template NJW V1:
1. SEO Friendly
2. Responsive Design, Mobile Friendly
3. Fast Loading
4. Lolos Google Structured Data Testing Tool, Good Richsnippet!
5. Simple, ora neko-neko, sing penting kenceng dan seo!
6. Menggunakan Breadcrumb seo friendly
7. Free! Gratis Download dengan catatan: JANGAN HAPUS CREDIT LINK FOOTER!
Dalam artikel ini saya menguji template new johny wuss v1 sesuai dengan judulnya, SEO, Fast Loading dan Responsive Mobile. Baiklah berikut ini hasil uji coba yang saya lakukan pertanggal saat artikel ini ditulis, 27 Februari 2017.
Uji Responsive Mobile Template NJW V1
Template New Johny Wuss V1 ini adalah template Responsive Mobile, Anda dapat membuktikannya sendiri jika ingin mencoba, silahkan saja kunjungi situs yang menyediakan uji coba responsive mobile. Namun berikut ini saya tampilkan screenshoot template NJW V1 yang membuktikan bahwa template ini memang responsive mobile.
Uji SEO Template NJW V1
Untuk Hasil Skor SEO, saya gunakan CHKME dan template New Johny Wuss V1 mencapai nilai SEMPURNA, yaitu 100% !!! [saat template ini baru di launching]
.png "NJW V1")
Namun, pada saat saya melakukan pengujian score SEO per tanggal artikel ini terbit melalui pengujian yang sama, yaitu CHKME, skor SEO nya hanya mencapai nilai 74%. Berikut ini hasil screenshoot skor SEO via CHKME.
Mengenai skor SEO yag menurun dari 100% menjadi 74% karena saya sendiri juga nggak jago tentang SEO, sejauh ini menurut saya kemungkinan disebabkan karena itu blog demo dan artikel serta penggunaan gmabar dan javascript yang cukup banyak menurunkan skor SEO nya. [jika argumen ini salah, mohon tegur saya]
Uji Fast Loading Template NJW V1
Untuk uji template New Johny Wuss V1 ini saya menggunakan GT Metrix, setau saya score GT Metrix ini bergantung pada penggunaan Javascript, Gambar yang diupload ke Blog dan juga link-link externel pada blog kita, semakin banyak penggunaannya, semakin lama usia template kita maka sudah pasti sudah semakin banyak beban pada blog kita. Dan sudah tentu mempengaruhi kecepatan blog kita. Berikut ini hasil Skor GT Metrix yang saya uji juga per tanggal artikel ini.
PANDUAN INSTAL
1. Featured Post
Selain soal pewarnaan yang jadi dominasi hitam dan responsif alias mobile friendly, pembeda utama New Johny Wuss dengan Johny Wuss asli adalah adanya kotak Featured Post di halaman depan.
Anda tinggal menambah Label Featured (ingat: huruf F-nya kapital ya....!! di posting yang ingin ditampilkan di sana. Cukup satu saja, biar gak pengaruhi loading, ganti-ganti aja tiap minggu.
Kode skripnya ini:
<script>
document.write(" <script src=\"/feeds/posts/default/-/Featured?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
Jika Anda ingin yang tampil di Featured Post itu Posting Terbaru, maka:
1. Template > Edit HTML
2. Temukan kode di atas
3. HAPUS saja bagian /-/Featured sehingga menjadi begini:
<script>
document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
2. Memasang Posting Terbaru
Jika Anda ingin yang tampil di Featured Post itu Posting Terbaru, maka:
1. Template > Edit HTML
2. Temukan kode di atas
3. HAPUS saja bagian /-/Featured sehingga menjadi begini:
<script>
document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
3. Mengisi SEO Meta Tags
Template > Edit HTML
Temukan (CTRL+F) nama menu dan ganti dengan nama dan url versi Anda
Temukan "description" dan ganti dengan Meta Deskripsi versi Anda
Footer, Sidebar, seperti biasa diedit di "Layout"
4. Mengubah Menu
Template > Edit HTML
Temukan (Ctrl+F) kode <nav id='menu'>
Ubah link (tanda pagar) dan nama menu-nya sesuai dengan "kepunyaan" Anda:
<nav id='menu'>5. Pewarnaan
<input type='checkbox'/>
<label>≡<span>Navigation</span></label>
<ul>
<li><a class='home' href='/'>Home</a></li>
<li><a href='http://newjohnywuss.blogspot.com/p/static-page.html'>About</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a class='prett' href='#'>Menu</a>
<ul class='menus'>
<li><a href='#'>Sub Menu 1</a></li>
<li><a href='#'>Sub Menu 2</a></li>
<li><a href='#'>Sub Menu 3</a></li>
</ul>
</li>
... dst.......
Latar HOME Warna Merah
Tambahkan kode ini di jajaran CSS Code #menu
#menu a.home {background: #c00;}
Ubah pula HTML menunya di jajaran kode "menu"
<li><a href='/'>Home</a></li>
diubah menjadi:
<li><a class='home' href='/'>Home</a></li>
Warna Latar Featured Post
Temukan kode #featured post dan ganti kode warna #000 menjadi #0066B3 atau warna lain. (Daftar Kode Warna HTML).
#featuredpost {background:#0066B3;float:left;.... dst}
Warna Latar Footer
Temukan kode #credit{background:#000; dan ubah menjad menjadi
#credit{background:#0a2e56;
Demikianlah hasil review saya tehadap Template Blog NJW V1 SEO, Fast dan Responsive.
Bagaimana? tertarik menggunakannya?
Ohya, Jangan Hapus Link Credit ya, hargailah hasil jerih payah oranglain!
Jika mau template yang bisa removeable credit link, silahkan beli template premium!
Tes
ReplyDelete