Struktur Template Yang Baik

By | 13 Maret

4 Struktur Template Yang Baik Versi Wongcungkup. Template merupakan salah satu elemen penting didalam ngeblog. ibaratnya template adalah rumah, artikel adalah isi dan url adalah alamat rumah kita didunia maya. pada blog wordpress nama template lebih dikenal dengan nama theme.

Banyak sekali cara untuk menghias rumah kita agar terlihat menarik. kita tentu menginginkan setiap visitor akan betah berada dirumah kita. tapi didalam mempercantik template blog itu harus berhati – hati, karena kadang malah bisa menjadi bumerang. dimana pengunjung ogah balik lagi diblog yang kita kelola.

Banyak hal yang menjadikan visitor tidak betah berada dirumah kita. memang keindahan itu relatif. misalnya saya beranggapan kalau template yang saya pakai ini bagus tapi tapi mungkin anda beranggapan bahwa template ini jelek. semua itu tergantung dari sudut mana kita memandang.

Agar template blog itu bagus dimata sebagian besar orang maka anda perlu menerapkan setidaknya 3 dari 4 struktur template yang baik. kenapa cuma 3? karena kita akan kesulitan memaksimalkan keempatnya sekaligus.

Struktur Template Yang Baik
Adapun pilihan 4 Struktur Template Yang Baik yang perlu dimaksimalkan adalah sebagai berikut :
  1. tampilan template. perhatikan tampilan template blog anda, buatlah semenarik mungkin sehingga pengunjung betah diblog anda. gunakan background dan tulisan yang mudah dibaca. hindari warna yang menyolok (terlalu cerah), paling bagus gunakan backround putih dan tulisan hitam. pasang menu navigasi yang jelas seperti daftar isi, contact, peraturan dan hal yang memudahkan pengunjung menjelajahi blog kita ;
  2. loading. fast loading blog sangat berpengaruh, ingat kawan!! setiap artikel yang kita bahas itu kemungkinan besar dibahas oleh ratusan bahkan ribuan blog orang lain. walau mungkin artikel yang anda tulis itu dicari banyak orang tetapi bila loading blog anda berat maka sebelum halaman blog anda terbuka sepenuhnya, kemungkinan besar sudah diclose lagi dan visitor membuka blog saingan anda. selengkapnya silahkan baca : 5 penyebab blog sepi pengunjung ;
  3. valid HTML 5. sebagian besar dokumen dari blog itu ditulis dengan bahasa HTML. sedangkan search engine membaca blog kita lewat HTML. saat ini standar bahasa markup adalah HTML 5. karena itu validasi HTML 5 akan membantu meningkatkan kualitas blog dimata mesin pencari ;
  4. valid CSS 3. selain valid HTML 5 blog juga memerlukan validasi CSS3 (Cascading Style Sheets 3). fungsi validasi CSS adalah meminimalkan kesalahan ketik ataupun penggunaan yang tidak benar pada CSS blog anda. selengkapnya baca juga : 3 cara menguji template blog seo

Keempatnya akan sulit dimaksimalkan secara bersamaan. maka anda mesti bijak didalam memilih model template. mana yang paling penting dan mengabaikan salah satunya.

Demikian artikel wongcungkup berbagi tentang 4 Struktur Template Yang Baik versi wongcungkup, semoga artikel ini bermanfaat.

salam,

232 thoughts on “Struktur Template Yang Baik

  1. Aldino Sya

    validnya inih yg susah sy trapkan mas..hiihi..

    Reply
    1. Aldino Sya

      untung mas wong blom datang..hihi..

      Reply
    2. yanto cungkup

      nggak valid juga nggak papa koq mas<br />paling2 cuman disetrap

      Reply
    3. Mbah dinan

      pelajari dengan pelan dan terapkan al

      Reply
    4. denny aditia

      bener tuh validnya susah sih harus rajin-rajin trial and error

      Reply
    5. yanto cungkup

      itu nasi bungkus buat makan siang mbak

      Reply
    6. santika fadilah

      moga duduk dibawah sini nemu uang…

      Reply
    7. denny aditia

      ditraktir mas yanto kah ni nasi bungkus?

      Reply
    8. Imerlina Putri

      yang nggak hadir bisa dikirim ya

      Reply
    9. Wong Crewchild

      geser dikit, mau nongkrong disini neh..

      Reply
  2. Aldino Sya

    masya allaah..!, speednya tembus 100.. pake host juga ya Mas..#inih apa sdh benar ya..<br /><br />sukak bingung sy mas..untuk valid html 5.. bahasa inggris semua..

    Reply
    1. Aldino Sya

      untuk desain template inikan dari mas rifai s.. berarti template premium?..

      Reply
    2. Aldino Sya

      jawabnya nda usah byk2… cukup ya ato tdak..<br />TETAP SEMANGAT BUNG..!..<br />

      Reply
    3. yanto cungkup

      hahahha…mas al ugal-ugalan nih<br /><br />iya ini template bikinan mas rivai mas,sayang beliau udah nggak ol lama banget

      Reply
    4. Mbah dinan

      yuh mas rivai memang jago juga koding dan kebanyak desain template beliau bagus dan mudah digunakan. artinya lebih mudah dan indah dalam masalah layout.

      Reply
    5. Imerlina Putri

      cukup tersenyum sambil mendengarkan

      Reply
  3. Abdur rahman

    Kangen nih sama mas yanto, apa kabar mas? Wah kebetulan banget nih. Saya bisa mengulang pelajaran tentang ngeblog kembali. Maklum baru mulai ngeblog lagi. Jadi ilmunya pada ilang hehehe

    Reply
    1. Aldino Sya

      Mas..<br />adayg minta dicipok inih katanya lagi rindu..<br /> sy wakili ato bagaimana?

      Reply
  4. Abdur rahman

    Kangen nih sama mas yanto, apa kabar mas? Wah kebetulan banget nih. Saya bisa mengulang pelajaran tentang ngeblog kembali. Maklum baru mulai ngeblog lagi. Jadi ilmunya pada ilang hehehe

    Reply
    1. yanto cungkup

      alhamdulillah baik mas<br />mari kita sama-sama belajar

      Reply
    2. Mbah dinan

      tapi orangnya gak ikut ilang kan mas?

      Reply
    3. Imerlina Putri

      damai-damai nggak usah ribut kalau lapar makan dulu di rumah saya

      Reply
    4. yanto cungkup

      nah mbak lina memang paling ngerti nih

      Reply
  5. Mbahe Ariel

    woh, gitu caranya, tapi untuk ngecek kalo template yang kita pake udah valid HTML 5 sama CSS 3 gimana caranya kang ?

    Reply
    1. yanto cungkup

      kan udah saya tulis tuh<br />yg dibaca apa sih mas?

      Reply
    2. Mbahe Ariel

      ooo iyak ding, nggak keliatan kang link nya heuheu ^_^

      Reply
    3. zach flazz

      mari ke saya, kita belajar membaca bareng

      Reply
  6. zach flazz

    sepakat sih warna hitam dengan latar putih, kayaknya netral bangat

    Reply
    1. zach flazz

      iya, yang suka dipakai koboi saa matador

      Reply
    2. Imerlina Putri

      yang orangnya keren itu ya, seperti di atas

      Reply
  7. zach flazz

    validasi HTML 5 ini yang secara teori saya tetep belum mudeng. gimana sih Mas maksud HTML 5?

    Reply
    1. zach flazz

      soal loading juga tuh. biar ringan, tipsnya udah pernah dipostig Mas?

      Reply
    2. Mbah dinan

      itu hanya memperbaiki markupdata html agar tampilan template lebih sempurna. tapi jangan juga lupa untuk menambahkan microdata pada template untuk kemudahan akses dan seo friendly

      Reply
    3. Imerlina Putri

      saya serahkan kepada mas zach dan mbah dinan

      Reply
    4. yanto cungkup

      validasi HTML lebih berfungsi untuk mesin pencari mas<br />biar artikel kita lebih mudah dibaca mesin

      Reply
    5. Imerlina Putri

      kirain yg baca mbak lina, ech ternata yg baca mesin 🙂

      Reply
  8. zach flazz

    meminimalkan kesalahan ketik dengan validasi CSS? maksudnya autotype gitu Mas?

    Reply
    1. Achmad Fazri

      Maksudnya mungkin pembaharuan kode css mas, kalo ada kode css lama tampilannya kurang berkesan, bisa diganti dengan css3 🙂 sehingga para blogger bisa dimudahkan dalam hal mendesain blognya

      Reply
    2. Mbah dinan

      ada baiknya cari aja template yang udah valid html5, pake css3, mobil friendly, dan seo friendly agar mudah diakses dan ramah mesin pencari.

      Reply
    3. Marnes Kliker

      nah itu dia mbah salah satu solusi yang biasa saya pakai, berhubung saya mah gak mudeng masalah seperti ini saya nyari template yang udah jadi aja baik yang gratisan atau berbayar hehee….

      Reply
    4. yanto cungkup

      bener…kalau belum faham template lebih baik nyari template yg udah jadi dan liat kualitas HTML,CSS,SEO maupun loadingnya

      Reply
  9. zach flazz

    saya ngelirik ke bawah, komentator terkeren dong. tetep saya juaranya

    Reply
    1. zach flazz

      yang kedua, saya kaget. ternyata mbak Imer si jago masak

      Reply
    2. Mbah dinan

      kalau saya sih iokut ngeramaikan aja dengan bercuap-cuap dengan kawan-kawan biar afdol pertemanannya…iya gak min?

      Reply
    3. Imerlina Putri

      coba ach tak ikut nglirik kebawah ada apa ya…?<br />maksudnya di bawah apa sich…???<br /><br />bertanya? tanya? sambil geleng-geleng kepala

      Reply
    4. yanto cungkup

      scroll kebawah poll mbak pasti akan tau tuh<br /><br />saya dong jago makan

      Reply
    5. Anak Nelayan

      yang pasti saya bukan paling bawah

      Reply
  10. zach flazz

    tidur dulu apa ya? di sini nggak ada perlawanan. semua liwaaat

    Reply
    1. Marnes Kliker

      nugdud gak sah kalo gak sambil seruput kopi mbah 😀

      Reply
    2. Imerlina Putri

      ya, nanti tak mintakan sama roro mendud

      Reply
  11. sulis tio

    ahh gila hampir sempurnaaaaaaaa mas 😮

    Reply
    1. Marnes Kliker

      yang gila sih pasti yang gak waras mbah

      Reply
    2. Imerlina Putri

      maksudnya yang gila hampir waras gitu??

      Reply
  12. Sucipto Kuncoro

    saya habis cek skor blog saya cuma 82 :(<br />berarti harus ada skrip yang dipangkas nih biar nggak berat

    Reply
    1. Mbah dinan

      sama saya juga kayaknya harus buang banyak skript untuk melancarkan loading….tambah minum jamu buat blognya tambah cantik…heeee

      Reply
    2. Imerlina Putri

      iya ini blognya admin cepet banget loadingnya 🙂

      Reply
    3. yanto cungkup

      makanya mari kita sama-sama loading

      Reply
  13. Achmad Fazri

    kalo menurut mas yanto tampilan mobile template itu harus dihidupkan atau ngga ya. sepertinya template blog saya kurang responsive…

    Reply
    1. Mbah dinan

      kalau menurut saya sih wajib gan untuk kenyaman akses pengunjung dimanapun mereka berada. karena ternyata sekitar 30 persen sekarang pengunjung juga menggunakan mobile phone dalam mengakses blog.

      Reply
    2. yanto cungkup

      kalau templatenya nggak responsive ya lebih baik pakai template mobile standar mas.<br /><br />apa yg diutarakan mbah dinan memang bener tuh.solusinya ya ganti aja template yg full responsive mas fazri

      Reply
    3. Anak Nelayan

      bagaimana cara menghidupkanya mas

      Reply
    4. Achmad Fazri

      Kalo tampilan mobile di matiin. Hasil GA nya sedikit mang… iya saya Masih mikir mikir nyari template yg responsive..

      Reply
  14. Mbah dinan

    susah juga kalau mau dapat pertamax di blognya mas yanto<br />padahal sudah lama saya ngintipnya.<br /><br />masalah blog yang baik saya mau menambahkan <br />harus responsive atau mobile friendly. ini perlu diperhatikan, terutama untuk blog bisnis, karena untuk memudahkan pengunjung mengakses pada kesempatan dan dimanapun mereka berada.

    Reply
    1. Imerlina Putri

      betul itu mbah, kita harus berusaha memanjakan pengunjung 🙂

      Reply
    2. yanto cungkup

      iya mbah,mobile responsive masuk dalam segi tampilan blog.makasih telah menambahkan.<br /><br />mbak lina memang suka manja ya?

      Reply
  15. Arif Maulana

    kalau masalah template ane angkat tangan gan :(<br />ampun dah bikin pusing

    Reply
    1. Imerlina Putri

      angkat tangan, hadap kebelakang grak!

      Reply
    2. Ainnul Yaqin

      tuhh yang make kupluk ajaib 😀

      Reply
  16. Abu Zaini

    Struktur blog saya gimana yang kang??? udah bagus belum tuh???

    Reply
    1. Marnes Kliker

      kalo nanya ke saya sih menurut saya mah struktur blgonya mas Abu mah dah keren bingit mas

      Reply
    2. yanto cungkup

      bagus nggaknya itu relatif mas

      Reply
  17. devina putri

    tampilan template memang bisa mempengaruhi pengunjung blog mas,tapi saya agak kurang ngeh nih cara memodifikasi tamplate :).<br />bisa share tipsnya mas? hehe

    Reply
    1. Marnes Kliker

      sama mbak saya juga masih gak mudeng mulu hehee…coba aja mbak obrak abrik postingan mas yanto yang sebelum-sebelumnya, disini dah banyak pembahasannya

      Reply
    2. yanto cungkup

      memodifikasi itu sangat luas pengertiannya mbak.<br />mbak devi menginginkan model seperti apa dulu?<br />coba lihat2 dikategori trik blog

      Reply
    3. Defa Ramadhani

      kalau bikin templete seperti mas yanto gunakan caranya gimana?hehe

      Reply
  18. Marnes Kliker

    Untuk pembahasan seputar template blog ini saya masih harus banyak belajar lagi nih dari para master.

    Reply
    1. yanto cungkup

      dan jangan mudah putus asa setelah itu mesti bayar mas

      Reply
    2. Ainnul Yaqin

      bayarnya ke saya biar aman 😀

      Reply
  19. Boku no Blog

    Harus banyak berlatih utak atik template dan cari asupan ilmu seperti<br />di webnya mas wong cungkup<br />Terima kasih ilmunya Mas..

    Reply
    1. Anak Nelayan

      blog ini top mas, sing ade lawan

      Reply
    2. yanto cungkup

      mari kita belajar sama-sama mas

      Reply
  20. Ainnul Yaqin

    yang paling sulit ngatur kecepatan blogg mas yan :v pusing banget dahh pokoknya susah ngakalinnya apa sayanya yang oon kali yak :v

    Reply
    1. Mbah dinan

      pake dukun kampung aja….#murah meriah

      Reply
  21. Anak Nelayan

    ini sangat bermanfaat bikin blog tambah maknyus<br />pertanyaan saya, valid CSS 3 apa sama dengan template versi 3 mas ?

    Reply
    1. Anak Nelayan

      setelah saya cek, punya 80% lebih 7, bagaimana itu mas, sudah sip apa belom?

      Reply
    2. yanto cungkup

      standarnya warna ijo mas,minimal skor 86 dah cukup cepet tuh

      Reply
    3. Mbah dinan

      kalau itu lumayan…tinggal mengurangi beberapa widget yang tidak perlu aja mas.

      Reply
  22. musafirmuda islam

    Meskipun template frieandy dan responsible tpi punya saya masih kuning tidak hijau seperti tampilan gambar diatas. Entah knapa dan dimana salahnya. Tpi yg pasti sakitnya tuh disini di blog saya.<br /><br />

    Reply
    1. yanto cungkup

      penyebabnya kan diberitahu tuh setelah proses ngeceknya selesai mas

      Reply
  23. musafirmuda islam

    Bener mas kecepatannya tuh susah. Slalu low padahal diblog saya gak banyak sciptnya.hadew bingung dech

    Reply
    1. Mbah dinan

      kalau itu biasanya bermasalah pada struktur mbak. karena susunan layout juga berpengaruh pada loading blog. misalnya template yang mempunyai dua sidebar (kiri dan kanan) akan lebih berat dibanding dengan template yang hanya mempunyai satu sidebar. termasuk juga yang lainnya.

      Reply
    2. yanto cungkup

      yg penting kopinya tetep teh botol

      Reply
  24. santika fadilah

    itu halaman artikel ya, mau seperti gitu caranya bagaimana ya mas..?

    Reply
    1. Mbah dinan

      hedehhh udah main bisik-bikian…

      Reply
  25. ana sriwahyuni

    mantap mas Yanto,, sekarang ini struktur blog bisa dijadikan acuan juga untuk google dalam pengindeks-an..

    Reply
    1. yanto cungkup

      iya mbak.<br />memang cukup mempengaruhi

      Reply
    2. Mbah dinan

      template ibarat sebuah rumah…baik rumahnya akan baik pula pengaruhnya pada indeksi mesin pencari.<br /><br />baik yang punya, akan baik pula di mata kawan-kawan blogger lainnya…kopi mana…kopi mas yan?

      Reply
    3. yanto cungkup

      ini saya baru bikin mbah<br />tp saya minum sendiri

      Reply
  26. Wong Ganteng

    wah terimakasih mas, cuma masih belum ngerti -,-

    Reply
  27. Nindi Azzahra

    saya agak kurang mudeng mas yanto sama hal beginian,pengen tau cara memodifikasi tamplate dan tamplate jadi seo freandly itu caranya gimana mas?<br />

    Reply
    1. yanto cungkup

      coba baca-baca dikategori trik blog dan SEO mbak

      Reply
    2. Nindi Azzahra

      oke deh,saya baca-baca dulu ya mas 🙂

      Reply
    3. Mbah dinan

      di baca lo mbak..jangan diplototin!!! heee

      Reply
  28. Hary Wardiansyah

    Ini yang harus diperhatikan didalam sebuah template yang mau kita pakai ya kang …<br />Jika struktur template kita baik pastinya visitor akan betah diblog/web kita..apalagi jika fast loading yang ringan, makin memanjakan pengunjung lagi hehhee

    Reply
    1. yanto cungkup

      begitulah harapannya mas.<br />jadi kita mesti menerapkan mana yg paling perlu saja diblog

      Reply
    2. Mbah dinan

      satu mas yan…lebih baik gunakan widget seperlunya untuk blog dan itu sesuai keperluan kita. kebanyakan widget juga akan memberatkan pada loading blog.<br /><br />selanjutnya masalah banyaknya visitor itu lebih kepada cara optimasi, promosi blog atau artikel, dan kejelian kita dalam membangun jaringan persahabatan dari beberapa blogger.

      Reply
    3. yanto cungkup

      iya mbah…pengaruh template untuk menjaga agar visitor betah

      Reply
    4. Hary Wardiansyah

      Sip kang Yanto, makasih tips dan ilmunya :D<br /><br />

      Reply
  29. Heri Assidiqi

    Kalo blog saya kendalanya memang ada di Loading,,,<br />Tapi saya yakin 2 atau 3 tahun lagi internet Indonesia akan lebih baik lagi 🙂

    Reply
    1. Mbah dinan

      gak juga her…barusan saya berkunjung ke blog ente…kayaknya cukup ringan dan gak ada masalah di loading. kadang masalah loading itu bermasalah pada koneksi internet kita sendiri, tapi bukan pada templatenya.

      Reply
    2. yanto cungkup

      betul mbah<br />koneksinya lelet koq yg disalahin templatenya

      Reply
  30. maryam ishmatullah

    nah nah, ini pertama kaliishmah ke sini dan langsung disuguhi mengenai template~<br />pengen ganti template tapi ga ada waktu.. masih banyak kekurangan dan ga memenuhi struktur template yang baik, nih..

    Reply
    1. maryam ishmatullah

      pertama kali setelah mang ucup ganti tempate~

      Reply
    2. Mbah dinan

      cari template yang sederhana, valid html5, css3, dan seo friendly. itu akan sangat membantu sekali dalam optimasi artikel mbak. cari ditempat dian anarchyta…karena semua template dia itu menggunakan microdata yang lumayan bagus.

      Reply
  31. Budi Smart

    dan satu lagi mas, kayaknya gak perlu terlalu banyak iklan. meski mungkin di tes speed oke tapi blog ini mulai agak berat buat koneksi internet saya

    Reply
    1. Mbah dinan

      sabar bud…namanya juga usaha..heee

      Reply
    2. yanto cungkup

      itu masalahnya bukan ditemplate mas,tp dikoneksi mas budi sendiri dong

      Reply
    3. Budi Smart

      haha iya kali mas, tapi dulunya juga lancar-lancar aja. tapi gak apalah mumpung lagi laris manis kata mbah dinan..

      Reply
  32. Beby Rischka

    Template ku harus diperbaiki lagi, Bang.. Lagi belajar tentang ngutak-ngatik html 🙁

    Reply
    1. Achmad Fazri

      Selamat berjuang ya. kalo mengalami kesulitan dalam mengotak atik template blog atau ada yang di tanyakan. silahkan komentar di sini…

      Reply
  33. Aidil Cakep

    makasih sob info nya, ane baru belajar bikin blog nih, nggak tahu apakah template ane bagus apa nggak struktur nya 🙂

    Reply
    1. Achmad Fazri

      Sama sama… kalo templatenya kurang profesional bisa langsung di praktikan cara cara diatas..

      Reply
  34. Anisayu Nastutik

    Soal template Aku sudah pasrah<br />Dan warna tetap cerah<br />Tidak pernah kuubah<br />Semoga yang datang betah<br />Walau sedikit lewat susah…

    Reply
    1. yanto cungkup

      yg penting adminnya tersenyum ramah

      Reply
  35. info menarik.NET

    tinggal valid html 5 kang, agak malas juga edit-editnya … kayaknya mending pakai theme premium saja biar ga ribet …

    Reply
  36. Marlon Alamo

    Jadi 4 struktur template yang baik itu ada pada &quot;Tampilan, kecepatan/loading, valid HTML5, dan Valid CSS3&quot; ya Mas Yanto.<br /><br />Terima kasih atas pencerahan struktur template ini mas.

    Reply
    1. zach flazz

      pencerahan itu apanya penggelapan?

      Reply
    2. yanto cungkup

      sama-sama mas marlon<br /><br />setelah gelap terbitlah cerah dong

      Reply
  37. ilmu des

    coba tak pelajari dulu mas, tak coba2.hehe

    Reply
  38. Abdullah Al Pinrany

    waduw template saya masih jauh setelah dicheck pantaslah pengunjungnya juga nggak seberapa

    Reply
  39. rudhy theart

    Keliling blog mas yanto jadi bingung sendiri, skrg dapat lagi istilah valid HTML dan CSS… belajar lagi kalau bgt

    Reply
  40. Ayu Rozenda

    Aq tambahin boleh kak?? 😀 Mobile friendly << ini blum trcantum d atas 😀 CMIIW

    Reply
      1. Ayu Rozenda

        ehh ngomong”, qta udh blogger friendly apa blm kak?? 😀 😀 haha

        Reply

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

This site uses Akismet to reduce spam. Learn how your comment data is processed.