Blog Cerita Cha Bercerita Tentang Hal-Hal Biasa

Template Blog Ramah SEO dan Lebih Responsif - Selama ini, saya tidak pernah sama sekali mengganti template blog dari pertama kali buat blog Cerita Cha tahun 2008. Mulai sedikit kepikiran mengganti template blog setelah sering diledekin "template alay" digrup mbakcer :P. Tapi itupun belum membuat saya mengganti template blog ini xD.



Seperti tujuan awal saat membuat blog ini. Kan karena pindahan dari blog MP dan friendster yang isinya full cuhat-curhat tentang galaunya masa muda *ceilee... Dan karena ngerasa ini BLOG GW, jadi isi dan templatenya kudu yang GW BANGET!. Dan ternyata, alay ketemu sama skin template yang cucok. Bunga-bunga dengan widget yang sangat banyak. Itupun saya tambahin kasih widget lagu, shoutbox, kupu-kupu, salju dll sesuai umurlah ya waktu itu...Pokoknya alaysuralay dah... gambar disana sini.. Sampai mau buka blog ini saja lamanya minta ampun karena gambar dan widgetnya bejibun :D. Intinya, modif skin pake kode-kode untuk blog itu rasanya luar biasa *kalau berhasil seh xD..

Tapi manusia kan belajar.. iya saya juga belajar ngeblog dikit-dikit sampe sekarang....termasuk tentang template blog. Dengan lapang dada, akhirnya saya mulai menghilangkan banyak widget yang membuat blog menjadi berat dan konten jadi sulit untuk dibaca.

Google sendiri punya beberapa syarat template agar blog mudah terindeks SEO dan lebih responsif. Google sendiri bilang "Make your blog more faster!". Berarti, saya harus menghilangkan banyak widget dan gambar yang membuat blog lambat. Sedikit susah seh...soalnya saya biasanya kalau aplot gambar itu banyak :v. Dan buatlah template blognya lebih responsif bila dibaca orang menggunakan dekstop atau  mobile. Berarti ukurannya kudu disesuaikan dengan perangkat mobile juga. Lengkapnya saya rinci ditiap-tiap bagian template blog baru ya...

Iya setelah sekian lama, akhirnya saya mengganti template blog ini juga *tepuk tangan. Sebenarnya saya minta tolong Shinta untuk bikinin. Cuma karena Shintanya sibukkk, akhirnya saya putuskan untuk bikin sendiri. Dan Pungky, ngasih masukan untuk buat thumbnail perkategori pakai foto narsis. Hahahaha..ide yang lucu juga, soalnya saya biasa pakai thumbnail kartun. Tapi dipikir-pikir, seru juga ya kalo pakai gambar wajah sendiri buat kategorinya.

Dan inilah rincian template blog echa yang baru:

1. Tema, template dasar dan header
Agar postingan lebih cepat terindeks google, saya pilih template dasar sederhana bawaan blogger sendiri.  Dan karena saya suka warna hitam putih jadi templatenya juga kudu hitam putih *jadi mikir dulu kenapa pink bunga-bunga ya :v. Hindari template yang bikin sakit mata hehehe...

Untuk header saya  pakai foto narsis untuk lomba yang cantik yang imyut yang lucuh*oke sampe sini silakan muntah. Lalu saya edit dan resize manual di paint komputer karena saya tidak bisa pakai photosop. Yang pasti saya mengurangi banyak sekali gambar diblog, bye bye kealayan wes xD.

2. Hanya menggunakan kolom standar saja
Ada masukan dari Nurul, kalau google membaca blog itu dari kiri kekanan. Jadi lebih baik pilih yang normal saja. Untuk 2 kolom pilih yang postingan dulu baru side bar. Dan untuk 3 kolom, pilih yang side bar postingan lalu side bar. Posisi ini jangan diacak dan dibalik2 ya ^^. Dan untuk blog ini saya pakai 3 kolom.

3. Side bar bawah

Ada 3 kolom meletakkan widget disana. Dan itu saya gunakan kalau misalkan ikutan lomba yang harus pasang banner :D. Kelihatannya jahat banget yak banner ditaruh dibawah...tapi demi tampilan keceh, apalah arti sebuah widget lomba dibandingkan konten dan isi dari tulisan yang diperlombakan itu sendiri :D *kecuali syaratnya banner mudah terlihat :v beda cerita hihi tinggal pindah keside bar aja :v.

4. Navigasi yang jelas

Untuk tampilan page atas, tidak ada yang berubah terap sama. Saya tetap tampilin diatas pagenya... isinya juga sama. Tinggal  ditambahin gambar2 komunitas yang diikuti.

Perubahannya pada widget thumbnail di side bar kiri sebagai navigasi dan sitemap blog perkategori tulisan. Lumayan jadi terlihat lebih rapi walau tidak detil. Dan perthumbnail kategori itu saya buat foto gaya sendiri. Seperti kategori kecantikan, baby parenting, technology dan gadget, kesehatan yang lebih fokus kekanker, dan kategori curhat untuk semua cerita yang masuk atau tidak masuk dikategori sebelumnya. Ngeditnya pakai picsart huehuehue *tengkyu ya mama Jiwo masukannya.

5. Side bar kanan

Side bar kanan cuma nampilin foto empunya blog, arsip blog, dan feed dari blogdetik saya. Karena saya sudah jarang banget maen sosmed lain, jadi tiap icon sosmed lain sudah saya hilangkan :D. Pelan-pelanlah, optimalisasi blog dulu aja wes satu2...

6.Font

Saya bikin standar semuanya...ini pakai calibri fontnya...cantik. Hindari font comic sans atau huruf sambung miring-miring ya biar pembaca tidak mengernyitkan dahinya karena membaca huruf sambung miring-miring hehehe...

7. Yang tidak berubah

Seperti widget umur cucuth, foto siempunya blog, linkwithin buat related post dan banner ppc tidak ada yang saya rubah. Dan yang jangan sampai berubah...teruslah bikin konten yang bagus dan abadi^^.  Hindari konten memicu perang, mungkin traffic banyak...tapi apa mau diingat sebagai penulis pemicu war? Bikin ngeblog itu simpel dengan konten-konten lucu ceria yang kita pahami...

Dan inilah tampilan blog yang Echa bangettt........... Taraaaaaaaaaa...........

Lalu kemudian saya cek untuk ngelihat kode yang fail dan ngetes kecepatan blog baru... Ini hasilnya (yang mau ngecek blognya sendiri monggo pake ini ya) :

http://chkme.com/page-seo-tools : 34%
https://developers.google.com/speed/pagespeed/insights/ : 74/100 dan  97/100

https://www.google.com/webmasters/tools/mobile-friendly : Mengagumkan

https://gtmetrix.com : 90%

Salah satu hasil tes kecepatan blog

Masih banyak kode yang fail, pelan-pelan dah benerin...

Efeknya buat blog... Yang pasti, semenjak saya mulai mengurangi banyak widget dan gambar, mempermudah indeks dan sitemap konten blog, dan memperbaiki kode-kode yang salah :D, blog saya ini jadi ringaaaaaaaaaan banget kayak kapas daripada template blog sebelumnya yang berat sama widget. Pembaca blog juga akan lebih mudah membaca konten, scroll, klik dll diblog tanpa terganggu banyak widget seperti dulu.

Selain itu, postingan blog juga lebih mudah keindeks google. Mungkin ini juga ngaruh sih ya, soalnya semenjak mulai permak2 blog dari awal tahun ini *yang belum beres-beres juga neeh... Blog saya bisa jadi naik PV-nya bisa 2000-4000an lebih sehari...apalagi kalo lagi mujur masuk bookmark third website, bisa lebih banyak lagi walau sekejap :v... Saya juga punya lebih banyak pembaca organik yang memang salah satu tujuan mengganti template...Yah yah namanya juga usaha :v.

Jadi gimana pendapatnya tentang template baru ala saya ini ^^... Yang pasti, saya sendiri puas bangetttt :D. Memang capek sih kudu ngedetail dewean tapi puassssss euy...Tidak seribet yang saya bayangin :D. Hasil karya sendiri lagi hihi. Ada masukan tidak? Namanya juga belajar otodidak --".

Yuk, ganti template sendiri yuk yuk.. Mudah kok.. Swear... Biar template blog ramah SEO dan lebih responsif...^^