Showing posts with label Tips Blogging. Show all posts
Showing posts with label Tips Blogging. Show all posts
Cara Memilih Template Blog yang Baik - Panduan Praktis SEO.

Cara Memilih Template Blog - Panduan Praktis SEO

OPTIMISASI mesin pencari alias Search Engine Optimization (SEO) untuk blog Blogger dimulai dari ketepatan memilih template.

Template blog banyak yang bagus, tapi tidak semuanya cocok untuk blog modern yang sesuai dengan algoritma Google, termasuk algoritma terbaru MobileGeddon yang mengutamakan blog/situs mobile friendly --responsive, mudah diakses, dibuka, dan dibaca di Smartphone.

Hal penting dalam memilih template blog adalah bukan karena bagusnya atau keindahannya, tapi pilihlah tema yang ringan (fast loading), ramah seluler (mobile-friendly, responsive), bersih (clean), dan sederhana (simple).

Pastikan juga data terstruktur (structured data) schema markup-nya tidak error, terutama di bagian schema Blogposting yang menjadi schema terpenting dalam template blog.

Cara Memilih Template Blog - Panduan Praktis SEO

  1. Cek dulu desain responsive-tidaknya di Mobile-Friendly Test. Pastikan Responsif.
  2. Cek struktur datanya di Webmaster Testing Tools. Pastikan tidak ada masalah.
  3. Cek kecepatan loadingnya di Page Speed Insight. Pastikan minimal skornya 60 ke atas!
  4. Cek skor Loading Timenya di GT Metrix. Pastikan di bawah 4 detik! 
  5. Cek Meta Tags-nya di dalam Template - SEO Meta Tags ada di bawah kode <head>

Cek juga warna hyperlink judul posting dan link dalam posting blog demo. Pastikan warnanya biru (blue) agar sesuai dengan user experience (UX).

Warna selain biru tidak mengurangi SEO, tapi tidak user friendly. Jika warnanya merah/orange akan silau di mata user. 

Warna merah, misalnya, memang menarik, namun silakan bandingkan kenyamanan mata Anda dengan melihat warna biru.

Jenis-Jenis Template Blog

Jenis-jenis template blog ini juga menjadi panduan dalam memilih template blog yang cocok buat blog Anda.

1. Template Premium
 

Template premium adalah template berbayar, dibeli, dan Anda boleh menghilangkan credit link footer serta mendapat bantuan (support) dari desainer saat memasang dan menyetel (setting).

Harga template premium sangat terjangkau, yaitu di kisaran 100 hingga 200 ribuan. Rata-rata Rp 150.000 atau antara 9-10 dolar Amerika.

2. Template Gratis (Free) 

Template blog gratis dan Anda tidak boleh menghilangkan credit link desainernya. Jika menghilangkan credit link di footer, blog Anda bisa kena banned bahkan dihapus oleh Google jika diadukan oleh sang desainer karena pelanggaran hak cipta.
Dari sisi jenis blog, template dibagi menjadi:
  1. Simple Template -- template sederhana, biasanya dua kolom, untuk blog pribadi.
  2. Magazine Template -- template gaya majalah, tampilannya variatif, dan harus banyak label/kategori.
  3. News Template -- mirip magazine, namun lebih bernuansa situs berita.
  4. Online Store Template -- template yang dirancang khusus untuk blog toko online atau online shop.
  5. Portfolio Template -- template untuk profil dan etalase produk, jasa, atau hasil karya.
  6. Businness Template --Template untuk blog perusahaan, usaha kecil-menengah, biasanya menampilkan Featured Image yang besar di Homepage.
  7. Gallery Template -- template blog untuk galeri foto atau video. Bisa juga digunakan untuk toko online atau koleksi apa saja. Contoh gallery template adalah template yang digunakan oleh blog ini.
Contoh Template Blog Simple
Contoh Template Blog Simple

Contoh Template Magazine/News Style
Contoh Template Magazine/News Style

Demikian Panduan Praktis SEO berupa Cara Memilih Template Blog  yang pas dan baik buat blog Anda. Semoga bermanfaat. 

Good Luck! (http://cb-templates.blogspot.com).*

Cara Memilih Template Blog - Panduan Praktis SEO

Kode Anti Komentar Spam
Cara Pasang Kode Anti Komentar Spam - Menghapus Otomatis Link Hidup di Komentar Blog.

Kode Anti Komentar Spam berikut ini Menghapus Otomatis Link Hidup yang ada di komentar blog Anda.

Banyak blogger, terutama toko online obat dan pornografi, berburu backlink dengan nyepam, yaitu menulis komentar basa-basi, tidak tulis alias peres, lalu nyapam. Ibaran burung berkicau sebentar lalu buang kotoran :)

Spam adalah penggunaan perangkat elektronik untuk mengirimkan pesan secara bertubi-tubi tanpa dikehendaki oleh penerimanya. Orang yang melakukan spam disebut spammer. Tindakan spam dikenal dengan nama spamming (Wikipedia)

Untuk perlindungan total terhadap komentar spam, gunakan kode berikut ini. Pastikan template blog Anda ada kode jQuery.


Cara Pasang Kode Anti Komentar Spam - Menghapus Otomatis Link Hidup

1. Template > Edit HTML
2. Copas kode berikut ini di atas kode </body> atau </head>

<script type='text/javascript'>
jQuery(document).ready(function(){
 jQuery("#comments p").find("a").replaceWith("<mark>Spam Detected!</mark> Link aktif otomatis terhapus!!!");
});
</script>

3. Save Template!

Kode Anti Komentar Spam - Menghapus Otomatis Link Hidup

Cara Ganti Template Blog - Pasang File Template Blogspot
Cara Ganti Template Blog - Pasang File Template Blogspot

CARA mengganti template blog blogspot atau memasang/upload/unggah file tema blogger sangat mudah. 

Ganti template juga jangan takut menurunkan trafik. Justru jika templatenya SEO Friendly, maka trafik akan meningkat.

Sebaliknya, jika template blognya tidak SEO Friendly, maka trafik bisa jadi akan menurun.

Pastikan Anda menggunakan template blog yang lebih SEO Friendly, dengan ciri utama Fast Loading dan Mobile-Friendly (Responsive).

Siapkan File Template Ekstensi XML

Yang harus diingat, pastikan file template blognya sudah siap, yaitu dalam bentuk file ektensi xml, misalnya neo-johnywuss.xml

Jika hasil download masih dalam bentuk .rar atau .zip, ekstrak dulu file tersebut sehingga muncul file template yang berekstensi .xml.

How to Extrack Zip File

How to Extrack Zip File


Dua Cara Ganti Template Blog - Pasang File Template Blogspot

Cara Ganti Template Blog #1

1. Dashboard > Pilih Blog yang akan diganti templatenya
2. Klik Template/Tema
3. Klik Backup/Restore (Cadangkan/Pulihkan) di Kanan Atas
4. Klik Browse dan buka folder tempat file template disimpan.
5. Klik template yang akan dipasang > Klik Upload
6. Done!

Cara Ganti Template Blog


Cara Ganti Template Blog #2

1. 1. Dashboard > Pilih Blog yang akan diganti templatenya
2. Klik Template/Tema > Klik Edit HTML
3. Hapus SEMUA kode atau isi template
4. Buka file template dengan Notepad
5. COPAS semua file template tadi ke template yang sudah dikosongkan
6. Save! 

Done!

Cara Ganti Template Blog - Pasang File Template Blogspot

Cara Menghapus Link Credit Footer Template Blog
Cara Menghapus Link Credit Footer Template Blog sangat mudah, yaitu tinggal lihat kode <footer> dan hapus atau ganti link credit footer desainer template yang ada di sana. Tapi, itu melanggar kode etik blogger dan tidak menghargai karya orang lain!

Blogger yang menghapus credit link footer adalah blogger yang tidak tahu terima kasih dan blognya TIDAK AKAN BERKAH karena sudah merampas hak orang lain (desainer template).

Tidak semua template mudah dihapus credit link footernya. Banyak template free yang sulit sekali dihapus link desainernya, seperti template karya Templateism, Bloggertheme9, Arlina Design, Kang-Mousir, dan banyak lagi.

Credit link Templateism, Bloggertheme9, Arlina Design, Kang-Mousir, dll. tentu saja bisa dihapus dengan sangat mudah, yaitu dengan cara MEMBELI TEMPLATE PREMIUM-nya!

Jika mau curang, tentu menghapus credit link footer template mereka juga sangat mudah, namun posting ini tidak akan memberi jalan atau tidak akan berbagi "tips jahat" itu.

Menghapus credit link footer template gratis secara SEO juga merugikan blogger sendiri. Karena, sebenarnya keberadaan link desainer template itu justru bagus buat blog karena nge-link ke blog populer dan terpercaya oleh Google, yakni blog desainter template itu.

Templateism, Bloggertheme9, Arlina Design, Kang-Mousir, dan blog-blog desainer template tentunya banyak pengunjung dan sudah masuk "Trust Rank" Google karena banyaknya pengunjung atau trafik.

Demikian Cara Menghapus Link Credit Footer Template Blog, yaitu cara termudah dan terhormat: membeli template premiumnya! Wasalam. (http://cb-templates.blogspot.com).*

Cara Menghapus Link Credit Footer Template Blog

KOTAK komentar di blog Anda tidak ada, tidak muncul? Ini dia cara menampilkan ruang, kolom, atau kotak komentar (Comments Box) di blog blosgpot.

Cara Memunculkan Kolom Komentar Blog #1

1. Klik "Settings"
2. Klik menu "Posts and Comments"
3. Comment Location > Pilih "Embeded"

Cara Memunculkan Kolom Komentar Blog
















SAVE CHANGE!

Cara Memunculkan Kolom Komentar Blog #2
Jika cara di standar atas masih belum mengatasi soal kotak komentar yang gak muncul, maka lakukan langkah berikutnya:

1. Klik “Layout”
2. Klik “Edit” di bagian kotak “Blog Posts“.
3. Di bagian “Post Page Options”, pastikan kotak “Comments” dicentang
4. Save!


Cara Memunculkan Kolom Komentar Blog #3
Jika masih juga tidak berhasil, maka lakukan langkah berikut ini:

1. Klik menu “Posts”
2. Klik judul post yang kolom komentarnya tidak muncul
3. Di sidebar, di menu “Post Settings”, klik menu “Options”
4. Pastikan “Reader Comments” dicentang bagian “Allow”.

Cara Memunculkan Kolom Komentar Blog


Demikian Cara Memunculkan Kolom Komentar Blog Blogspot. Good Luck!

Cara Memunculkan Kolom Komentar Blog

Cara Membuat Blog Valid HTML5

Cara Membuat Blog Valid HTML5

HTML5 is a core technology markup language of the Internet used for structuring and presenting content for the World Wide Web. It is the fifth revision of the HTML standard (created in 1990 and standardized as HTML 4 as of 1997) and, as of December 2012, is acandidate recommendation of the World Wide Web Consortium (W3C).

Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices (web browsers, parsers, etc.). HTML5 is intended to subsume not only HTML 4, but also XHTML 1 and DOM Level 2 HTML. (Wikipedia).

#1. Cara Membuat Blog Valid HTML5
GANTI:
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head>

DENGAN:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html> 
<HTML> 
<head> 
<meta charset='utf-8'/>

#2. Cara Membuat Blog Valid HTML5
Ganti kode </html>
dengan </HTML> 
[ada di paling bawah di template]

#3. Cara Membuat Blog Valid HTML5
GANTI:
<b:include data='blog' name='all-head-content'/>

DENGAN:
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> <meta content='blogger' name='generator'/> <link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/> <link expr:href='data:blog.url' rel='canonical'/> <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/> <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/> <link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/> <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/> <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond='data:blog.postImageThumbnailUrl'> <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/> </b:if> <b:if cond='data:blog.metaDescription != &quot;&quot;'> <meta expr:content='data:blog.metaDescription' name='description'/> <b:else/> <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/> </b:if> </b:if>

#4. GANTI:
<b:skin><![CDATA[

DENGAN:
<link href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' rel='stylesheet' type='text/css'/> &lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin><![CDATA[*/]] <style>

#5. GANTI
Semua code & dengan &amp;

HAPUS SEMUA KODE
<b:include data='post' name='postQuickEdit'/>

*** Cara Membuat Blog Valid HTML5 *** SELESAI !!!

Cara Membuat Blog Valid HTML5