7 Template Blog Toko Online Gratis Dengan Desain Terbaik

Template Blog Toko Online memang akhir-akhir tidak terlalu populer, mengingat sudah banyaknya blogger yang kini lebih memilih menggunakan CMS khusus Toko Online seperti OpenCart, PrestaShop dan lain-lain. Alasannya sederhana, karena banyaknya pilihan template yang ada membuat mereka memutuskan untuk menggunakan CMS tersebut, selain itu ada juga yang menganggap, jika menggunakan CMS (Self Host) kita bisa lebih leluasa melakukan kustomisasi dari segi Template.

Meski demikian bukan berarti membuat template di Blog sudah tidak ada lagi peminatnya, masih banyak Blogger yang memilih untuk menggunakan Blog sebagai tempat merek untuk berjualan atau dengan kata lain untuk dijadikan toko online. Tidak perlu dipusingkan dengan biaya sewa hosting dan beli domain menjadi alasan utama kenapa para Blogger masih betah menggunakan Blog sebagai Toko Online.

Untuk itulah, disini saya mencoba membagikan Template Toko Online Gratis dengan Desain Terbaik yang bisa Anda coba unutk dipasang di Blog miliki Anda. Template Toko Online yang akan saya bagikan ini bukan karya saya, melainkan karya Blogger Terkenal seperti bang Johny dan om Borneo.

Template Blog Toko Online Terbaik & Gratis

Mungkin langsung saja silahkan Anda pilih mana template blog toko online dibawah ini yang menurut Anda terbaik dan cocok dengan dagangan Anda.

*catatan : scroll down pada gambar untuk melihat bagian bawah template

Blogger Store v.2

DemoDownload

Template Blog Toko Online yang pertama adalah Blogger Store, yang kini sudah mencapai versi 2.0. Jujur saya adalah satu dari ribuan orang penggila Template yang satu ini.

Selain desain-nya yang sangat menarik (baca: berkelas) ada satu hal lagi yang membuat saya suka sekali dengan template blogger store, yaitu adanya fitur more info dimana kita bisa melihat deskripsi singkat barang seperti bahan dll, tanpa harus masuk halaman baru, jadi cukup klik more info maka deskripsi tentang produk tersebut akan muncul.


Tak hanya itu, di Template ini, kita juga bisa merubah tampilan dari Grid menjadi Detail atau sebaliknya. Intinya untuk kelas gratis, Template Blog Toko Online Blogger Store v.2 ini yang Terbaik menurut saya, selain kaya fitur juga memiliki desain yang rapi. Sangat cocok untuk menjual pakaian dan gadget.

Simplex eShop

DemoDownload

Dari segi warna, Template Blog Toko Online Simplex mempunyai warna yang sama dengan Blogger Store yaitu didominasi warna putih dan merah. Desainnya pun juga sangat sederhana. Sayangnya dari segi fitur, template ini bisa dibilang kurang lengkap, karena tidak memiliki fitur more info seperti yang ada pada template Blogger Store.

Meski demikian, template ini memiliki beberapa keunggulan, salah satunya adalah ukuran template ringan, jadi saat kita mengaksesnya tidak terlalu berat, selaras dengan nama Templatenya yaitu Simplex atau Sederhana.

Boutique

DemoDownload

Template Blog Toko Online yang tak kalah berkelas selanjutnya adalah Boutique. Maha karya ini dibuat oleh pembuat template yang namanya sudah terkenal di kalangan para blogger, yap dia adalah Sore Template. Seluruh karya templatenya selalu di buat 'sesmpurna mungkin' baik dari segi komposisi warna maupun fitur yang ada di dalam template tersebut.

Sesuai namanya, template boutique didesain untuk berjualan barang wanita, seperti tas, baju, sepatu wanita. Namun bukan berarti Anda tidak bisa menggunakan template ini untuk berjualan barang yang lain, tetap bisa, hanya saja mungkin kurang maksimal, karena dari awal memang template ini dibuat dengan warna yang disukai oleh wanita, salah satu contohnya Anda bisa lihat pada bagian logo yang diberi warna pink.

Catalogspot K2 E-Commerce

DemoDownload

Jujur saja saya sebenarnya sedikit ngeri awalnya saat ingin menampilkan screenshot dari template ini, dikarenakan foto default yang dipasang atau digunakana cukup 'ekstrim' karena itulah saya memutuskan untuk menghilangkan beberapa foto. Jadi untuk Anda yang ingin melihat desain asli template ini silahkan saja kunjungi blog demonya.

Tidak banyak review yang bisa saya berikan untuk template blog toko online yang satu ini, karena memang dari segi desain sangatlah menarik, terdapat slider tanpa tombol dibagian header, dan menu posting menurut saya sangat rapi, hanya saja pada bagian bagian harga terlihat sangat sempit untuk diganti dengan mata uang indonesia (rupiah) yang notabenya memiliki nol yang sangat banyak. Tapi untunglah bulan ini sudah ada penyederhanaan mata uang.

Shopping Cart

DemoDownload

Satu lagi template blog toko online dari BTemplates yaitu Shopping Cart. Template Shopping Cart mengusung tema simpel, bahkan bisa dibilang sangat simpel, karena memang mereka lebih menonjolkan barang yang akan dijual ketimbang desain atau warna dari template tersebut, jadi jangan heran jika template ini hanya memiliki dua warna, yaitu putih dan abu-abu.

Karena ke sederhana template tersebut, maka template shopping cart juga disebut sebagai template blog toko online yang sangat viral. Artinya dengan template ini akan memungkinkan anyak terjadi penjualan, karena memang pengunjung akan difokuskan dengan produk yang kita jual, bukan desain template atau semacamnya.

Johny Magstore

DemoDownload

Siapa yang tak kenal Johny ? seoarang pembuat template yang sangat dikagumi para Blogger tanah air, karena desain-desain templatenya yang sangat unik, menarik, dan yang paling penting adalah selalu gratis. Dan salah satu template terbaik buatannya adalah Johny Magstore, template blog toko online dengan desain yang sangat menarik.

Saya sangat suka template ini karena mempunyai fitur yang cukup unik yaitu Slider Photo Manual, tidak seperti template blog toko online kebanyakan yang menggunakan slider otomatis. Lebih jelasnya fitur ini silahkan Anda coba sendiri di blog demo yang sudah disediakan.

Johny Blackstore

DemoDownload

Tak hanya Magstor, bang Johny kembali membuat template blog toko online dengan desain baru yang tak kalah keren dengan template sebelumnya yaitu Blacksoter. Kurang tau juga maksud dari penamaan tersebut, karena jika saya lihat template ini justru didominasi oleh warna biru tua dan putih, tidak terlihat ada warna hitam selain di bagian footer.

Meskipun template ini menggunakan pada thumbnail post kita bisa men-zoom gambar. Dan jujur ini fitur yang saya rasa sangat baru karena baru kali ini saya melihat thumbnail bisa di zoom otomatis hanya dengan mengarahkan kursor keatas foto.

Template Blog Toko Online yang saya sebutkan diatas, tidak ada satupun yang dijual, artinya Anda bisa download template gratis tersebut tanpa perlu membayar sepeserpun. Meskipun template-template tersebut diberikan secara gratis, namun soal kualitas dan desain boleh diadu dengan template premium yang beredar.

Satu hal penting yang perlu Anda ingat adalah apapun template blog toko online yang Anda gunakan, pastikan Anda tidak melupakan yang namanya support. Karena pelayanan yang kurang memuaskan membuat calon pembeli berpikir dua kali. Jadi pastikan Anda memiliki pelayanan yng cepat dan memuaskan.

7 Template Blog Toko Online Gratis Dengan Desain Terbaik diatas Anda download secara gratis melalui situs resminya, cranya cukup dengan mengetikkn nama template di Google, dan bisa dipastikan penyedia template resmi pasti berada di urutan teratas, nah Anda klik saja web tersebut untuk mendownload templatenya secara resmi.

Read more »

Cara Membuat Meta Tag Dalam Template Jadi SEO Friendly

Apa itu Meta Tag ? menurut Wikipedia yang dimaksud Meta Tag adalah suatu elemen atau tag yang ada di dalam bahasa pemrograman seperti HTML atau XHTML yang berfungsi sebagai penyampai informasi Metadata dari sebuah halaman. Metadata itu sendiri bisa Anda artikan sebagai kumpulan informasi dalam sebuah halaman Blog.

Saya sebut kumpulan ya, berarti ada banyak metadata dalam sebuah meta tag, dan dalam satu halaman juga bisa ada puluhan meta tag. Jadi jika digambarkan mungkin akan seperti ini.

Sampai disini saya anggap Anda sudah jelas tentang pengertian Meta Tag, namun jika masih belum jelas Anda bisa melihat contoh meta tag pada gambar dibawah ini.

Terlihat jelas ada banyak sekali Meta Tag dalam halaman tersebut. Ciri-ciri Meta Tag ini sangatlah jelas, yaitu diawali dengan kata Meta dan atribut Content. Selanjutnya kita masuk pada pembahsan utama yaitu bagaimana Cara Membuat Meta Tag Dalam Template tersebut sehingga bisa Jadi SEO Friendly. Atau jika disederhanakan pertanyaan akan menjadi Meta Tag apa yang bisa membuat SEO Friendly ?

Contoh Meta Tag Template SEO Friendly 2014

Meta Tag merupakan suatu element yang berfungsi untuk menyampaikan informasi dalam suatu halaman, jadi jika disimpulkan bahwa Meta Tag sesungguhnya memiliki pengaruh besar dalam hal SEO atau membuat Blog menjadi SEO Friendly. Tapi itu dulu, sekarang saya tidak tahu, jadi ini saya kepada Anda sang pembaca apakah masih percaya efek Meta Tag atau tidak, tapi kalau saya sendiri jujur masih percaya, terutama Meta Keyword dan Meta Description.

Dan secara garis besar ada 3 Meta Tag penting untuk Menjadikan Template SEO Friendly, dan ketiga Meta Tag tersebut adalah.

1. Meta Tag Description
2. Meta Tag Keyword
3. Meta Tag Author

Baik, kita akan bahas satu persatu meta tag apa saja yang sebaiknya Anda pasang, agar sebuah Blog menjadi SEO Friendly.

Meta Tag Description

Bisa dibilang ini adalah meta yang penting dari yang terpenting, karena akan langsung berhubungan dengan hasil pencarian. Kok bisa ? coba Anda ketikkan kata kunci 'Cara SEO' dan lihat blog apa saja yang nagkring di halaman satu Google.

Deskripsi singkat ( 160 karakter ) itulah yang dinamakan Meta Tag Description, fungsinya cukup penting menurut saya, karena nantinya 160 karakter tersebut akan muncul di pencarian Google dan jika Artikel tersebut dibagikan ke Media Sosial, maka deskripsi yang ada di bawah thumbnail akan diambil dari Meta Tag Description.

Cara Membuat Meta Tag Description :

<meta content='isi deskripsi blog' name='description' />

Pertanyaan yang akan muncul mungkin Apa hubungannya kata (deskripsi) tersebut dengan SEO ? jadi begini, sebuah Blog tersebut akan bertambah poin SEO-nya jika pengunjung menemukan Blog mereka melalui Search Engine (google) nah, dengan mengedit Meta Tag Description menjadi menarik dan SEO Friendly (ada kata kuncinya) maka Blog tersebut akan berpeluang besar di pilih oleh pengunjung untuk diklik dan dikunjungi, itu artinya 1 Poin SEO ditambahkan ke Blog Anda dari kata kunci tersebut (cara seo).

Meta Tag Keyword

Selain Deskripsi, keyword atau kata kunci juga bisa dibilang adlah Meta yang cukup penting perannya dalam membuat Blog menjadi SEO Friendly. Karena apa ? sederhana alasannya, karena Meta Tag Keyword digunakan mesin pencari untuk memfokuskan Niche yang diusung oleh Blog Anda, jadi jika di dalam Meta Tag Keyword tersebut ada kata 'SEO Blog' maka jika ada yang mengetikkan kata kunci tersebut, mesin pencari akan memfokuskan pada Blog yang mengandung Meta Tag Keyword 'SEO Blog'.

Meskipun tidak ada penelitian tentang hal ini, tapi saya sendiri masih yakin bahwa Meta Tag ini masih cukup Ampuh untuk mendongkrak SEO Blog pada suatu kata kunci tertentu, walau perlu diakui tidak berdampak terlalu besar, bahkan bisa dibilang sangat kecil.

Cara Membuat Meta Tag Keyword :

<meta content='keyword1, keyword2. keyword3' name='keyword' />

Gunakan 1 - 2 Kata saja dalam setiap Keyword yang Anda tembak, dan pisahkan dengan tanda koma pada setiap keywordnya.

Meta Tag Author

Meta ini biasanya akan bekerja jika ditambah dengan pemasangan Widget Google+ Badge atau bisa juga hanya dengan menuliskan Nama dan Foto lalu diberi sedikit deskripsi tentang Anda, dengan begitu jika seseorang mencari Blog Anda melalui Google dengan mengetikkan kata kunci tertentu, maka mereka akan mendapatkan hasil seperti ini.

Jadi akan ada Nama Anda tepat dibawah alamat blog Anda, efek yang dihasilkan dari penamban Meta Tag ini sebenarnya lebih kepada menambah kepercayaan pengunjung, jadi karena Ada nama Anda di Blog tersebut, calon pengunjung semakin percaya untuk mengklik Blog tersebut.

Cara Membuat atau Menambahkan Meta Tag Author :

<meta content='nama anda' name='author' />

Jika Anda membuat dan menambahkan 3 Meta Tag diatas di dalam Blog, maka bisa dipastikan Blog Anda akan semakin SEO Friendly, karena yang dinamakan SEO Friendly yang sesungguhnya adalah Ramah untuk Pengunjung. Karena Robot Google ingin juga bekerja seperti Manusia, so jika ingin buat template jadi SEO Friendly, maka berusahalah terlebih dahulu membuatnya menjdi User Friendly.

Sementara ini saja, semoga penjelasan mengenai Cara Membuat Meta Tag Dalam Template Jadi SEO Friendly ini bisa menambah wawasan Anda tentang Meta Tag.

Read more »

Cara Membuat Template Blog Sendiri Agar SEO Friendly 2014

Membuat Template sejujurnya bukan keahlian saya, hal itu bisa Anda lihat dari template yang saya gunakan ini, dimana saya masih menggunakan template Fastest Magz tampilan default milik Mas Sugeng, dan sama-sekali belum saya utak-utik.

Mungkin Anda akan protes 'woi mon, kalau lo gak bisa buat template, ngapain lo buat artikel cara membuat template ?'

Wajar, jika Anda protes seperti itu, tapi satu hal yang perlu diluruskan disini adalah, saya bukan ingin mengajari Anda bagaimana cara membuat template blog sendiri, melainkan disini saya lebih menekankan bagaimana cara membuat template tersebut menjadi SEO Friendly.

Seperti yang kita semua ketahui, akhir-akhir banyak sekali kita temui blog-blog baru yang mampu masuk halaman pertama Google. Selain BackLink yang kuat tentunya hal tersebut juga didukung dengan adanya template blog seo friendly.

Cara membuat template menjadi SEO Friendly sesungguhnya tidak terlalu susah, kita hanya perlu mengubah atau menambahkan beberapa elemen, seperti Title, Heading dan lainnya.

Untuk itu langsung saja kita bahas apa saja elemen yang harus kita rubah dalam Template agar menjadi SEO Friendly.

Title Tag

Title Tag yang baik dan benar adalah yang menonjolkan judul artikel ketimbang judul blog itu sendiri. Infromasi yang saya dengar struktur dari Title Tag yang direkomendasikan adalah sebagai berikut.

Judul Artikel - Judul Blog
Judul Artikel | Judul Blog
Judul Artikel

Jadi ada 3 Struktur yang bisa Anda coba, untuk diterapkan di Template agar menjadi SEO Friendly. Dan untuk mengubahnya menjadi Title yang SEO Friendly silahkan ikuti caranya dibawah ini.

1. Masuk ke Template, lalu klik Edit HTML
   
2. Ketik CTRL + F, dan ketikkan <head>
   
3. Copy lalu Pastekan kode dibawah ini, tepat dibawah kode <head>
   

   <title>
   <b:if cond='data:blog.homepageUrl == data:blog.url'>
   <data:blog.title/>
   <b:else/>
   <data:blog.pageName/>
   </b:if>
   </title>

4. Klik simpan Template

Dengan menerapkan kode diatas, maka Title Tag akan menjadi sangat SEO Friendly, karena jika kita membuka halamana Artikel maka struktur Title Tagnya akan menjadi seperti ini Judul Artikel, dan bukan lagi Judul Blog: Judul Artikel.

Heading Tag

Heading Tag meliputi H1, H2, H3 dst sampai H6. Bisa dibilang Heading merupakan kunci dari ke-SEO Friendlya-an Template, artinya jika pemberian Heading Tag benar, maka bisa dipastikan Template tersebut sudah cukup layak disebut sebagai Template yang SEO Friendly/

Dynamic Heading Tag

Tidak jauh berbeda dengan yang saya sebutkan diatas, Dynamic Heading Tag sederhananya adalah Heading Tag yang mampu berubah-ubah, dari H1 menjadi H2 atau sebaliknya. Dynamic Heading Tag sangat cocok diterapkan di bagian Judul Artikel dan Judul Blog,

Contohnya, saat pengunjung berada di Home maka Judul Blog memiliki struktur H1, namun ketika pengunjung berada di Halaman Artikel, maka Judul Blog -yang seo friendly- harus mampu 'berubah' menjadi H2. Dan begitu sebaliknya.

Breadcrumbs

Breadcrumbs yang terindex di Google juga bisa dibilang sebagai Faktor yang tak kalah penting untuk Anda terapkan di Template. Hal tersebut selain memudahkan pengunjung dalam menjelajah Blog, juga sebagai nilai tambah di SERP, karena tampilan Blog kita sedikit berbeda dengan lawan.

Masih bingung bagaiamana menambahkan Breadcrumbs di Blog ? silahkan baca Cara Membuat Breadcrumb.

Related Posts ( Artikel Terkait )

Menambahkan Artikel Terkait pada blog tidak hanya bisa menambah nilai SEO dalam Template tersebut, namun juga mampu menurunkan bounce rate blog. Selain menurunkan bounce rate tentu saja manfaat lain yang akan 'ditimbulkan' dari memasang Related Post adalah meningkatnya jumlah Pageview Blog. Dan tentunya akan dibarengi Earnings yang juga akan naik.

Tertarik mencobanya ? Anda bisa membaca tutorial lengkap membuat related post disini Cara Membuat Artikel Terkait di Blog.


Template Blog yang SEO Friendly tentu akan memudahkan Anda bersaing di SERP, untuk itu saya berharap semoga cara membuat template blog sendiri agar seo friendly diatas mampu membantu Anda menaklukkan lawan di SERP dan yang terpenting bisa menempati Ranking 1 di Google.

Sementara 4 Cara Membuat Template Blog Sendiri Agar SEO Friendly 2014 yang bisa saya bagikan ke Anda, dan tidak menutup kemungkinan beberapa hari kedepan akan saya update dan tambahkan struktur pada template apalagi yang harus kita rubah agar menjadi template yang benar-benar SEO Friendly.

Read more »

Template SEO, Benar Ada Atau Cuma Mitos ?

Template SEO Itu, Benar Ada Atau Cuma Mitos ?

Bicara, tentang Template SEO, pasti Anda sudah sering mendengarnya, memasang banner yang bertuliskan “ Jual Template Murah Paling SEO 2013 ” pertanyaanya Apakah Template itu benar-benar berpengaruh untuk menghantarkan Blog kita ke Google Page One ?

Sebaiknya mari kita pelajari Apa itu Template ? dan Apa saja Elemen Penyusun Template ?

Pertama sebaiknya kita pelajari Pengertian Template terlebih dahulu

Pengertian Template

Template merupakan bentuk awal yang dapat digunakan untuk membuat beberapa tipe Web dan halaman-halaman Web. Pada saat template berbentuk struktur, biasanya merupakan suatu bentuk struktur “kosong”, yang berarti bahwa template hanya merupakan suatu kerangka atau framework yang digunakan untuk membentuk dan menyempurnakan suatu produk ( dalam hal ini Blog ).

Selanjutnya kita kupas tuntas, apa saja Dasar Struktur Template itu

Struktur Template

1. Body

Block paling lebar yang merupakan badan dari template (pada dasarnya semua yang terlihat di layar komputer).

2. Outer-wrapper

Kotak ini melapisi bagian template (Body lebih mirip bagian luar template). Pada umumnya, kita membangun sebuah wrapper untuk menempatkan beberapa kotak lebih kecil di dalamnya. Kotak-kotak yang paling umum di dalam outer-wrapper adalah : header, content, dan footer

3. Header

Kotak ini adalah bagian teratas dari blog. Tapi di dalam header kita punya sub-block lain-Header title block, Header description block, dan lainnya contohnya adsense banner, menu bar, dll. Jadi, untuk menggabungkan semua sub-block ini dalam satu kotak besar, kotak paling besar di bagian header biasanya Header- wrapper yang menggabungkan semua di dalamnya.

4. Content

Di bawah header adalah content wrapper pada dasarnya ini bagian terpenting dari semua block. Di dalam wrapper ini ada kotak-kotak sidebar (1,2 atau lebih) dan kotak utama ( main block) yang memuat Post, comment, dan beberapa iklan.

5. Footer

Footer adalah kotak paling bawah dari template. Seperti bagian header, kita juga memerlukan Footer wrapper untuk memuat sub-block yang lain di bagian footer.

6. Main

Main-wrapper adalah kotak paling lebar dalam content wrapper. Di dalam main-wrapper terdapat Post block, comment block, date header, dan widget lain yang dibuat dari add page element option.

7. Sidebar

adalah block yang memuat semua Widget, sebagai contoh About me, Label, Archieve, Text, Html dan Javascript. Dalam blogger template standard, kita sering menemukan satu sidebar saja, oleh karena itu disebut 2-column template (Main dan sidebar). Tapi sebenarnya mudah menambahkan banyak kolom sidebar. Yang paling banyak setelah satu sidebar adalah 2 sidebar atau 3-column template. Kita akan belajar itu nanti. Setelah mempelajari rangkaian tutorial ini, pertama kita pahami dulu struktur template, nanti akan terasa mudah menambahkan maupun memindahkan sidebar ke bagian kiri atau kanan main block.

8. Blog Post

Block ini memuat isi terpenting- Judul posting, post, Post author, label

Itulah komponen Dasar Template ( yang paling Dasar ) ada pula komponen yang lain seperti, penambahan Meta Keyword, Meta Description, Meta Author dan Meta Tag yang lain. Namun beberapa Meta diatas tidak ( cukup ) mampu mendorong Blog kita ke Page One, ya karena Algoritma Google yang sekarang, yaitu Google Penguin tidak lagi mengcrawl postingan hanya berdasar Meta saja, namun berdasarkan Isi Konten yang ditulis.

Dari sini saya yakin Anda sudah mendapatkan jawaban, apakah Template SEO itu ada ?

Read more »