iluhnuna

Menata Template Blog Lebih SEO Friendly

11 komentar

menata template blog

Sebagai blogger itu ternyata ngga melulu tulis menulis doang loh. Setelah berhasil membuat blog tentunya kita harus memikirkan untuk membuat pembaca nyaman. Biar enak dipandang pembaca gitu. 

Ada banyak hal yang perlu disiapkan oleh blogger apalagi sebagai blogger pemula. Mulai dari melengkapi tulisan dengan gambar atau infografis agar pembaca betah. Menata template blog agar tampilan blog lebih menarik dan terlihat profesional.

Kalian pasti pernah ketemu blog yang dari segi tulisan enak dibaca, infografis artikel sangat menarik  tapi dari segi tampilan sangat menyusahkan dan bikin gak nyaman. Harus zoom in zoom out untuk membaca, mencari menu susah bahkan ada navigasi yang ngga jelas. 

Jujur kalau bukan karena kewajiban blogwalking ketemu blog macam begini langsung close aja sih. Tentunya kita ngga mau kan blog kita langsung ditinggalin begitu saja setelah lelah mengolah ide. Itulah kenapa kita perlu memilih dan menata template blog yang kita gunakan agar nyaman dilihat dan pastinya SEO friendly. 

Memilih Template Blog

Awal aku mengenal template pihak ketiga kesan pertama adalah cantik. Aku cenderung memilih template yang terlihat menarik dari segi tampilan, design serta warnanya. 

Karena aku wanita jadi lebih suka tampilan yang girly gitu. Selain itu tentu yang mudah dipasang dan diatur. Maklum newbie jadi ngga paham bahasa koding. Maunya yang siap santap aja gitu.

Lalu dimana sih kita bisa memilih dan mengunduh template untuk blogspot? Jawabannya ada banyak situs untuk kita mengunduh template secara gratis atau bisa juga membelinya. Sama seperti kita membeli domain pastikan juga situsnya legal dan terpercaya. 

Disini aku mau merekomendasikan beberapa situs untuk membeli atau mengunduh secara gratis template untuk blogspot.

Rekomendasi Mengunduh Template Blog

Kalian bisa mengunduh dan membeli template dari beberapa situs dibawah ini.

1. Blanter Theme

Jujur aku baru tau situs ini dari materi mba Marita sih. Sayangnya template yang bisa diunduh secara gratis hanya satu, selebihnya adalah template premium yang harus kalian beli. (koreksi jika salah ya)

2. Sugeng.id

Siapa yang kenal dengan mas Sugeng ini. Pembuat template blog yang banyak digunakan oleh blogger. Template terkenalnya adalah linkmagz dan viomagz. Untuk bisa menikmati template ini kalian harus merogoh kocek sih karena template mas Sugeng tidak tersedia versi gratis. Jadi kalian harus beli. 

3. Igniel.com

Mbak Igniel ini juga menyediakan template gratis dan berbayar. Template yang paling banyak digunakan adalah Fiksioner. Karena mba Igniel paham betul selera masyarakat Indonesia. Suka gratisan tapi rasa premium. hihihi

4. Gooyaabi Templates 

Situs satu ini bisa kubilang surganya template blog sih. Awal tahu template pihak ketiga ya dari situs ini. Banyak template yang bisa dinikmati secara free ataupun berbayar. Tinggal kita pilih-pilih saja sesuai keinginan. Klaim dari mereka sih templatenya sudah SEO Friendly tapi tetap saja ada yang harus diperbaiki. 

Bahkan sampai saat ini kalau lagi sumpek jalan-jalannya ke situs ini buat liat-liat template baru. Tapi tidak disarankan untuk mengikuti jejakku ya karena mengandung rasa kepengen buat ganti. Bahaya! Harus bisa mengendalikan diri.

Menata Template Blog Fiksioner

Blog ini menggunakan template Fiksioner dari sebelum ikut kelas blogspedia coaching. Alasannya bisa dibaca di artikel galau memilih template blog. Mba Igniel baik banget loh kita bisa menikmati template premium tapi bisa dinikmati secara gratis.

Tidak ada bedanya kita menggunakan versi gratis atau berbayar. Kelebihan berbayar kita bisa menghapus link credit di footer. Selebihnya adalah fitur yang didapat sama saja. 

Karena mempercantik tampilan fiksioner sudah dilakukan saat awal-awal memasangnya maka pada kesempatan kali ini aku lebih ke memperbaiki di balik layar alias berurusan dengan edit html yang lumayan bikin nyut-nyutan. 

Tapi ternyata ngedit html itu bikin candu. Bisa lupa segalanya bahkan lupa makan dan mandi juga. Bisa lupa tidur juga. Pada kesempatan yang baik ini serta didampingi mentor yang super sabar akhirnya inilah perubahan yang terjadi pada blog yang dulunya beralamat matasemutkecil.blogspot ini.

pengaplikasian fiksioner

Pengaturan di Edit HTML Fiksioner

Sebelum otak-atik html biasakan untuk mencadangkannya terlebih dahulu untuk menghindari hal-hal yang tidak diinginkan. 

Kalau aku juga menyimpan semua javascript atau html yang dipasang pada gadget tata letak. Karena fiksioner ini pengaturan tata letaknya kebanyakan menggunakan javascript. Menghindari kalau ternyata gadgetnya tidak tercopy semua. Jadi ngga pusing masang kode html lagi.

Berkaca dari pengalaman saat utak atik template otodidak, lalu templatenya eror dan aku ngga tau cara membenarkannya lagi. Maka suka tidak suka aku harus pasang ulang templatenya (ini cara ngga mau ribet bin puyeng sih). Karena ngga punya temen sesama blogger untuk berkonsultasi. Duh sedih ya...

Jangan lupa saat mencari kode lebih mudah pakai fitur search (ctrl+F) biar lebih mudah. Sebelum save bisa lihat previewnya dulu dengan mengklik gambar mata di pojok kanan atas. Biasanya jika ada eror pada template dia akan terlihat. 

Beberapa pengaturan html yang aku lakukan yaitu

1. Mengubah kode html lang. Kode ini ada di halaman paling atas sehingga akan langsung terlihat. Ubah kode expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale.language' menjadi lang='ID' xml:lang='ID'

2. Lanjut turun sedikit lalu temukan kode <title><data:blog.pageName/> - <data:blog.title/></title>, hapus bagian  <data:blog.title/> saja. 

Sehingga kode akhirnya adalah <title><data:blog.pageName/> - </title>

3. Hapus kode <!-- Keyword --> beserta dua baris dibawahnya. 

4. Untuk kode <!-- Facebook, Twitter, and Pinterest Meta Tag --> silahkan diisi sesuai dengan nama akun dan link medsos. Panduannya bisa dilihat pada fiksioner documentation.

5. Silahkan ubah gambar thumbnail blog sesuai yang diinginkan. Bisa menggunakan gambar banner atau logo blog sendiri. 

Kemarin pas aku cari ada 3 link gambar yang perlu diganti di edit html serta mengganti di tata letak bagian theme settings. 

6. Cari kode <h2> <a expr:href='data:blog.homepageUrl' expr:title='data:title'>

<data:title/></a></h2>. 

Kalian akan menemukan ada dua kode yang sama persis. Pastikan menghapus kode yang kedua. 

Pengaturan Pada Tata Letak

1. Menambah header besar

Aku penasaran dengan header besar di template fiksioner yang dipakai orang. Ternyata caranya adalah cukup menambahkan kode billboard pada Big Ad. Silahkan tambahkan kode berikut 

<img src="isi link gambar yang dipakai" width= "1000" height="250" title="isi judul" alt="isi alternatif text" />

 2. Mengganti link gambar pada theme settings

Ganti link gambar dengan link gambar milik kalian.

theme settings fiksioner

Untuk sementara itulah hal yang beberapa hari ini kulakukan untuk menata template blog fiksioner ini. Setelah berpusing ria akhirnya bisa menjadikan tampilan blog ini lebih cantik dan lebih SEO friendly tentunya. 

Cheking pagespeed insight

check pagespeed
Pagespeed desktop

pgespeed mobile
Pagespeed mobile

Cheking SEOptimer

chek seoptimer

Jadi bagaimana pengalaman kalian menata template blognya?? Seru atau pusing banget nih? Tapi jangan sampai lupa nulis ya karena keasikan permak blognya. 

De Eka
프라나와 엄마. KDrama Lovers. Jung Yong Hwa fans.

Related Posts

11 komentar

  1. Trnyata ada beberapa pilihan unt download template ya mb...kok jd pgn ngikutin jejak mb nih unt jalan2 liat2 template gratisan lainny...hee

    BalasHapus
  2. boleh mba cuma buat liat2 doang. haha

    BalasHapus
  3. yeayy.. akhirnya selesai juga ya nuna *eh eonni* utak atik templatenya, selamat...
    cantik deh gambar headernya

    setelah sekian lama terombang-ambing template yang poko e keliatan cantik, sekarang akhirnya bisa ajeg pakai template yang cantik, responsif dan udah dioptimasi seo :D

    BalasHapus
    Balasan
    1. Bener mba. Udah ngga udah ganti² lagi. Fokus nulis aja

      Hapus
  4. Wah masyaAllahu keren, nih mba dibalik kepusingan ada kebahagiaan dan kebermanfaatan juga kepuasan tentunya. Selamat utak Atik yg lainnya, ya, mba ..kalo udah bisa jd ketagihan, yaa...🤭

    BalasHapus
    Balasan
    1. Kalo sering ketemu html berasa deket gitu

      Hapus
  5. dah cantik bin SEO friendly yaa. Mata pun tak sakit melihat pepaduan warna di blognya mbak hehe

    BalasHapus
  6. Banyak juga ternyata yaa, aku taunya ini aja mbak wkwkwk. Pernah Googling juga sih, entahlah gak tau yg pastinya apa 😂

    BalasHapus
  7. Bener banget mbak, ngoprek template walaupun bikin nyut-nyutan tapi candu wkwk

    BalasHapus

Posting Komentar