Panduan Google: Cara Mengisi Blog dengan Konten Berkualitas

BLOG Anda sepi pengunjung? Salah satu sebabnya, konten blog Anda tidak berkualitas! Algoritma Google dan mesin pencari lain mengutamakan isi, tulisan,  atau posting berkualitas (quality content).

Apa saja ciri-ciri konten blog berkualitas sehingga mudah dan cepat diindeks Google? Berikut ini Panduan Resmi Google tentang Cara Mengisi Blog dengan Konten Berkualitas.

Pedoman Kualitas - Prinsip Dasar

1. Buat laman (konten, posting, tulisan) yang utamanya untuk pengguna, bukan untuk mesin telusur.
2. Jangan menipu pengguna Anda!
3. Hindari trik yang dimaksudkan untuk meningkatkan peringkat mesin telusur. Yang paling penting adalah apakah Anda merasa nyaman menjelaskan apa yang telah Anda lakukan ke laman web pesaing Anda, atau kepada karyawan Google. Pengujian berguna lainnya adalah menanyakan, "Apakah ini membantu pengguna saya? Akankah saya melakukan ini jika tidak ada mesin telusur?"
4. Pikirkan tentang apa yang membuat situs web Anda unik, berharga, atau menarik. Buat situs web Anda menonjol dari yang lain di bidang Anda.

Panduan konten berkaulitas selengkapnya ada di Design and Content Guidelaine. Good Luck!

25 Cara Promosi Posting Blog untuk Menambah Jumlah Pengunjung

BAGAIMANA cara mempromosikan posting blog untuk menambah jumlah pengunjung (trafik)? Mari kita intip bagaima tips dan pengalaman para blogger di luar sana mempromosikan blognya untuk menarik pembaca.

Setidaknya ada 25 cara mempromosi posting blog untuk menambah jumlah pengunjung dan menaikkan popularitas blog kita.

Tips berikut ini ada di forum blogger Quora.

1. Post to Twitter
2. Post to Facebook
3. Post to Google+
4. Comment on a bunch of commentluv blogs so people can see your recent post
5. Submit it to blog voting sites like http://Bizsugar.com orhttp://blogengage.com or Hacker News
6. Deep link to other bloggers posts so they will be sent trackback notifications, getting them to your site might get it mentioned elsewhere - engaging with other bloggers is the best way to get your content promoted.
7. Mention other people and products in your post and send out tweets letting them know they were mentioned.
8. Get guest bloggers who will often promote the post to their audience (ex / current journalists have a healthy audience)
9. Send an email newsletter to your list with a personalised intro and a link to the blog post (I use MailChimp it's great).
10. Go into forums that are are active in and look for threads that your post relates to, if rules permit reply with a link to the post.
11. Update your forum signature every time you release a new post.
12. Use WiseStamp so your email signature always shows your latest post.
13. Comment on Other blogs
14. Comment on forums in your niche market
15. Print out business cards and hand them out
16. Link your blog in your email signature
17. Link your blog in your forum signature
18. Submit your blog to Google
19. Submit your blog to Yahoo!
20. Build your links through relationships with other bloggers
21. Build authority on your niche market
22. Submit to website directories
23. Create iPhone App for your website
24. Do something that has never been done
25. Create joint ventures with other bloggers

Nah lho, banyak bangiiit...!!! Silakan coba.

Mengatasi Error Missing "Updated" & "Author" Blog di Google Richsnippets

SALAH satu penyebab blog sulit atau tidak terindeks Google adalah adanya Error: Missing required field "updated" dan Error: Missing required hCard “author” . Itu artinya struktur data blog kita tidak bisa dibaca mesin pencari, terutama Google.

Structrured Data sangat penting buat index blog kita. Percuma 'kan templatenya responsive dan fast loading, tapi Structrured Data buruk alias error?

Berikut ini tips atau cara mengatasi Warning Error: Missing required field "updated" dan Error: Missing required hCard “author” Blog saat dicek Structrured Data di Google Richsnippets.

1. Mengatasi Error: Missing required field "updated"

- Template > Edit HTML
- Temukan kode  <data:post.timestamp/>
- Ganti kode code tersebut dengan kode:

<span class='updated'><data:post.timestamp/></span>

- Save Template!

2. Mengatasi Error: Missing required hCard “author”

- Template > "Edit HTML"

-  Cari kode berikut ini:

<span class='post-author vcard' > 
<b:if cond='data:top.showAuthor'> 
<b:if cond='data:post.authorProfileUrl'> 
<span class='fn'> 
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> 
<data:post.author/> 
</a> 
</span> 
<b:else/> 
<span class='fn'><data:post.author/></span> 
</b:if> 
</b:if> 
</span>

- Ganti SEMUANYA dengan kode berikut ini:

<span class='post-author vcard' itemscope='itemscope' itemtype='http://schema.org/Person'> 
<b:if cond='data:top.showAuthor'> 
<b:if cond='data:post.authorProfileUrl'> 
<span class='fn author'> 
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> 
<span itemprop='name'><data:post.author/></span> 
</a> 
</span> 
<b:else/> 
<span class='fn author'><span itemprop='name'><data:post.author/></span></span> 
</b:if> 
</b:if> 
</span>

JIKA MASIH ERROR, mungkin ada yang kurang! 

Cek kode <div class='post-footer-line post-footer-line-1'> dan pastikan di bawahnya ada kode seperti ini. Jika tidak ada, Copas kode berwarna biru tepat di bawahnya:

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>

Demikian Mengatasi Error: Missing required field "updated" Blog di Google Richsnippets agar blog kita cepat dan mudah diindeks Google.

Sumber:
http://www.wikihow.com/Fix-Errors-on-Google-Webmaster-Tools-Structured-Data
http://www.mybloggertricks.com/2014/04/fix-structured-data-hatom-errors-in.html
Plus Pengalaman (Utak-Atik Sendiri)

Gunakan Kode Warna HTML Biru untuk Link Blog

BIRU (blue) adalah link (tautan). Itulah rumus dasar blog dan situs website pada umumnya. Biru adalah warana link di situs-situs terkemuka di dunia, seperti Facebook, Google, Bing, Twitter, Yahoo, Wikipedia, dan Alexa.

Maka, jangan pernah menggunakan warna lain untuk link selain biru.

Jika warna biru link diganti dengan warna lain, maka akan mencederai UX (User Experience) yang menjadikan blog tidak user friendly!

Berikut ini kode Kode Warna HTML Biru Facebook & Twitter dll. untuk digunakan di blog.

Cara mengubahnya, cari kode link di template Anda. Jika sudah biru, biarkan. Jika warna lain, ini dia koleksi KODE WARNA BIRU HTML:

Biru Facebook: #3b5998
Biru Twitter: #55acee
Biru Harian Terbit: #0E62AA
Biru Persib: #03C
Biru Detikcom: #284296
Biru oxford: #09223e

Biru NN Group: visited #639
link #03c
font-color: #2b2828

Biru Top Background FB: #3a5795

Kode Anti Komentar Spam, Gambar Pensil, Navbar, dan Atribusi Blogger

Berikut ini Kode Anti Komentar Spam, Gambar Pensil, Navbar, dan Atribusi Blogger.

Komentar spam yaitu komentar yang berisi link aktif atau link hidup. Gambar pensil yaitu "quickedit" yang ternyata tidak seo friendly. Navigasi Bar itu bawaan blogger, jarang digunakan.

Atribusi blogger yaitu tulisan "Power by Blogger" atau "Diberdayakan oleh Blogger". Boleh dihilangkan.

Kode-kode berikut ini akan menyembunyikan dan menghapus link hidup, menghilanhkan gambar pensil (quickedit), dan atribusi blogger, dan navbar:

.comment-content a {display: none;}
.quickedit{display:none;}
#Attribution1 {display: none;}
#navbar { height: 0px; visibility: hidden; display: none;}

COPAS saja dan simpan di atas kode </b:skin> di template Anda!

Caranya:
1. Template > klik "Customize"
2. Klik Advance > Add CSS
3. Copas kode di atas
4. Klik "Apply" di kanan atas!

Cara Membuat Kotak Kode HTML di Posting Blog

JIKA ingin berbagi kode, sebaiknya gunakan Kotak Kode HTML agar kodenya tidak acak-acakan dan mengganggu tampilan posting.

Ini dia Cara Membuat Kotak Kode HTML di Posting Blog
1. Klik Mode "HTML"
2. Copy & Paste lode berikut ini:

<div style="border: 1px solid #ddd; padding: 10px; background-color: #f2f2f2; text-align: left;">
Kode Script Anda Di Sini
</div>

3. Klik Mode "Compose"
4. Maka akan muncul tampilan seperti ini:

<div style="border: 1px solid #ddd; padding: 10px; background-color: #f2f2f2; text-align: left;">
Kode Script Anda Di Sini
</div>

Nah, masukkan saja kode HTML/Javascript di bagian Kode Script Anda Di Sini

Kode Heading Tag H1 untuk Logo Image Blog

Kode Heading Tag H1 untuk Nama Blog (Blog Title) yang menggunakan Logo Image (Gambar). Dengan kode ini nama blog akan tetap menjadi H1, tidak akan hilang.

Why is the H1 Tag so Important?
Kenapa oenting banget H1 Tag ini? Jawabannya:

"The H1 tag is the most important heading because it’s the highest level tag that shows what your specific page is about. Search engines generally give this tag more weight over other headings, so it usually improves your search engine ranking when you use it correctly and in conjunction with other onsite SEO techniques."
Kode Heading Tag H1 untuk Logo Image Blog
Kodenya:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
            <h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
          </b:if>
</b:if>

Simpan di bawah kode:

<!--Show the image only-->
      <div id='header-inner'>

atau sebelum kode:
        <a expr:href='data:blog.homepageUrl' style='display: block'> 

Jadinya seperti ini:

<!--Show the image only-->
      <div id='header-inner'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
            <h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
           </b:if>
</b:if>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/>
        </a>
        <!--Show the description-->

Post Title: Kode Heading Tag H1 untuk Logo Image Blog