Trik SEO | Bagaimana Rekomendasi Google untuk Meta Blogger Blogspot?

Description: Trik SEO | Bagaimana Rekomendasi Google untuk Meta Blogger Blogspot? Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Trik SEO | Bagaimana Rekomendasi Google untuk Meta Blogger Blogspot?

In His Element (Photo credit: Jeremy Brooks)

Trik SEO | Bagaimana Rekomendasi Google untuk Meta Blogger Blogspot? Apakah Meta Tag Berbeda Untuk Setiap Posting di Blogger? Itu pertanyaan yang terus ada dalam pikiranku sebelumnya. Akhirnya memperoleh referensi langsung dari google tentang Meta Tag untuk blogger blogspot ini.

Secara default, jika Anda menambahkan Meta Tag ke template blogger, maka semua halaman Anda, termasuk halaman rumah akan memiliki Meta Description Tag yang sama. Apakah salah? Tidak Hanya saja ketika Anda mengirimkan blog Anda ke google maka Anda akan memiliki tag meta deskripsi duplikat. Meta Description Tag yang berbeda dalam setiap posting akan lebih google friendly.

description meta tags in search engine result (Photo credit: denharsh)

Berikut adalah script rekomendasi dari google tentang Meta Tag deskripsi masing-masing post yang berbeda dan  untuk blogger blogspot yang google friendly tentunya.


Step 1 Install title tags optimized

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
CDATA[/*
Step 2 Tambahkan Meta tag Description and Meta Keywords

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Your home page description' name='description'/>
<meta content='your keywords, keywords1, keyword2' name='keywords'/>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, your keywords, keywords1, keyword2 &quot;' name='keywords'/>
</b:if>

Step 3 Ubah tex yang berwarna biru sesuai blog anda.

Step 4 Script terakhir anda seharusnya seperti di bawah ini :

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Your home page description' name='description'/>
<meta content='your keywords, keywords1, keyword2' name='keywords'/>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, your keywords, keywords1, keyword2 &quot;' name='keywords'/>
</b:if>

<b:skin><![CDATA[/*

Step 5. Save it and Done. For question please refer to this page

Related articles

• Top 5 Inbound Marketing Stories of the Week: Educate, Enlighten, Entertain
• Meta -Narcissism, or Why This Blog Might Suck
• Bloggers & Acquisitions: How to Finance and Partner with an Existing Blog
• Important SEO Add-ons on Browsers for Blogger
• Bloggers & Acquisitions: How to Finance and Partner with an Existing Blog

Rating: 4.5 Reviewer: Mr. Sumawan

Berbagi dengan Google Plus - Top SEO

Description: Berbagi dengan Google Plus - Top SEO Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Berbagi dengan Google Plus - Top SEO

Google Plus Circles - Pros and Cons (Photo credit: Squidooer)

Berbagi dengan Google Plus - Top SEO.  Google+, "+1" atau Google Plus adalah alat berbagi konten yang dipakai untuk berbagi artikel, foto, video, dan berbagai konten lain dengan akun gmail.

Tombol google plus 1 sama halnya dengan tombol "Like" Facebook atau Tombol "Tweet" milik Twitter. Agar konten banyak diakses atau dibaca pengguna Internet sebaiknya anda juga memasang Tombol Google +1 tersebut di blog atau website anda. Eits jangan meremehkan tombol ini, tombol Google Plus juga berpotensi meningkatkan peringkat pencarian di Google loh..

Langkah demi langkah memasang tombol Google +1  :
1. Login ke Blogger Dasbor > Rancangan > Edit HTML
2. Pasang kode di bawah ini, tepat di atas tag </head>

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

3. Kemudian letakkan kode berikut ini di tempat yang ingin dipasangi Tombol +1

<g:plusone size="medium" annotation="bubble"></g:plusone>

4. Save Template Anda.

Note:
medium adalah ukuran tombol +1
bubble adalah tampilan tombol +1
Silahkan ganti sesuai dengan selera anda:
small - none         :
small - bubble      :
small - inline         :
medium - none     :
medium - bubble  :
medium - inline     :
standard - none    :
standard - bubble :
standar - inline      :

Tambahan: jika ingin menentukan URL yang ingin di beri +1, ganti kode <g:plusone size="medium" annotation="bubble"></g:plusone> dengan kode di bawah ini:

<g:plusone size="medium" annotation="bubble" href="http://URL yang di inginkan.com"></g:plusone>

Related articles

• How to install Google +1 button for pages (but should you?)
• 10 Dead Simple Tips to Take Advantage of Google+ for SEO
• PlusOne Project: Photographers' new Google+ Hangout sparks a stunning book in 3 months
• Top 10 Inbound.org Contributors and Why You Should Follow Them
• Google Plus Plus Plus

Rating: 4.5 Reviewer: Mr. Sumawan

Mengenal Perbedaan Antara Link Nofollow Dan Dofollow

Description: Mengenal Perbedaan Antara Link Nofollow Dan Dofollow Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Mengenal Perbedaan Antara Link Nofollow Dan Dofollow

Robots NO FOLLOW (Photo credit: miss604)

Mengenal perbedaan antara link nofollow dan dofollow ~ Nofollow adalah sebuah tag dari atribut rel untuk menginstruksikan mesin pencari seperti Google untuk tidak mengikuti atau mengindeks link ke sebuah halaman atau situs.

Hal ini dimaksudkan untuk mengurangi efektivitas spam di search engine termasuk pada komentar blog. Jika sebuah link diberikan tag rel nofollow di belakangnya maka search engine tidak akan mengikuti link tersebut atau tidak memberikan backlink ke link tersebut.  Script HTML untuk do follow dan no follow adalah :

href="http://blog.indotrading.biz/" rel="nofollow">trik blogger terbaik indonesia</a>

Maka hasilnya dari kode diatas akan seperti ini: tutorial blogger

Artinya dengan penambahan kode rel="nofollow" tersebut, maka Google tidak akan memberikan link ke website saya atau dengan kata lain anda tidak memberikan backlink kepada situs saya. Dampak dari penambahan tag rel="nofollow" ini adalah membuat optimasi SEO untuk blog anda tetap terjaga dengan baik dan hal ini membuat blog anda terlihat lebih baik di mata search engine Google.

Sedangkan dofollow adalah kebalikan dari nofollow, yaitu membiarkan search engine untuk mengikuti link atau memberikan backlink kepada link yang memiliki atribute dofollow tersebut. Contohnya:

<a href="http://www.indotrading.biz/" rel="dofollow">online service by  indotrading</a>

<a href="http://www.cinta-indonesia.net/">cinta indonesia</a>

Kedua HTML link diatas memiliki arti yang sama, yaitu link dofollow dan link tersebut akan diberikan kredit backlink oleh Google dan search engine lainnya.

Nah kalau sudah mengerti, sekarang saya akan memberikan tips kepada anda saat membuat postingan di blog apabila membuat link ke situs atau halaman lain dengan menggunakan atribut nofollow dengan mudah.

Jika anda akan membuat sebuah link pada artikel atau postingan anda yang baru, disarankan seperti gambar di bawah ini:

Follow Thru (musical) (Photo credit: Wikipedia)

Saya beri sedikit penjelasan:
- Jika Add 'rel=nofollow' attribute dicentang artinya link tersebut Nofollow
- Jika Add 'rel=nofollow' attribute tidak dicentang artinya link tersebut Dofollow
- Jika Open this link in a new window dicentang maka link tujuan akan terbuka di tab baru
- Jika Open this link in a new window tidak dicentang maka link tujuan akan terbuka di window yang sama

Related articles

• What's the Low Down on Google's Latest Links Downloads?
• 5 Ways to Build Relevant Local Links
• Are Comment Backlinks Worth The Time?
• Can Blogging Be Your Secret Weapon For Local SEO?
• De-Optimisation - Why Sometimes Less is More

Rating: 4.5 Reviewer: Mr. Sumawan

Trik SEO | Submite Sitemap Yahoo dan Bing Tanpa Kesalahan

Description: Trik SEO | Submite Sitemap Yahoo dan Bing Tanpa Kesalahan Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Trik SEO | Submite Sitemap Yahoo dan Bing Tanpa Kesalahan

SAN FRANCISCO, CA - JULY 19: A Yahoo! billboard is visible through trees on July 19, 2011 in San Francisco, California. Yahoo Inc. reported second quarter earnings of $237 million, or 18 cents per share, compared to $213 million, or 15 cents per share, compared to one year ago. (Image credit: Getty Images via @daylife)

Image via CrunchBase

Trik SEO | Submite Sitemap Yahoo dan Bing Tanpa Kesalahan. Sitemap diajukan ke Yahoo sebelumnya dilakukan dengan menggunakan Site Explorer Yahoo tapi hanya tahun lalu pada 21 Nop 2011 Yahoo! menyelesaikan transisi algoritma untuk Bing. 

Yahoo bergabung explorer situs ke Alat Webmaster Bing dengan kontrak kemitraan. Sejak saat itu dan seterusnya webmaster diminta untuk mengirimkan Sitemaps ke Bing untuk mengharapkan kualitas lalu lintas dari kedua yahoo dan Bing. 

Site Explorer diluncurkan pada tahun 2005 oleh Tim Mayer dan itu adalah alat yang cukup berguna untuk terus mencermati tentang bagaimana situs Anda sedang tampil di mesin pencari yahoo.Anda bisa mendapatkan info rinci tentang berapa banyak situs yang menghubungkan Anda dan juga bisa menghitung jumlah link internal dalam situs Anda. 

Tapi karena sekarang Yahoo telah bergabung tangan dengan mesin pencari Bing oleh Microsoft, pekerjaan kita menjadi lebih mudah, karena mengirimkan blog Anda di Bing akan mengaturnya tinggal di dua mesin pencari, yaitu baik Bing dan yahoo. 

Sebelumnya MSN tidak diperlukan sitemap dan Anda hanya perlu mengirimkan link Anda kepada mereka dengan melakukan ping mereka tapi dengan penggantian mesin pencari MSN by BING terbaru, Microsoft kini terbuka mengikuti jejak Google.

Related articles

• Yahoo's Exclusion of Inclusion
• Bing-Hoo Poised for a Happy Holiday: Mid 4th Quarter Paid Search Spend Analysis
• SEO Usability Vacuum
• Establishing an Audit Framework
• Yahoo! Escalates Privacy Battle With Microsoft

Rating: 4.5 Reviewer: Mr. Sumawan

Custom Blockquote | Animasi terbaik SEO

Description: Custom Blockquote | Animasi terbaik SEO Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Custom Blockquote | Animasi terbaik SEO

blockquote (Photo credit: Tomas Caspers)

Custom Blockquote | Animasi terbaik SEO. Trik ini merupakan animasi terfavorit untuk SEO. Animasi ini akan merubah Warna Background "Block Quote" saat mouse melintas diatasnya  dan pada saat anda membuat "Quote" teks, warna background asli akan berubah menjadi warna yang kita inginkan jika pengunjung menyorot mousenya ke teks.

Step by step animasi custom blockquote :

1. Login ke Blogger

2. Edit HTML >> Centang Expand Template Widget 

3. Cari: blockquote

4. Tidak semua blockquote sama persis, contohnya :

blockquote{margin:20px;padding:10px;color:#666;width:537px;height:auto; overflow:auto;border:1px solid #E0E0E0; border-radius:5px;background:#F9F9F9;}

5. Kemudian Copy kode blockquote anda, Paste kan di bawahnya dan tambahkan beberapa kode berwarna merah seperti contoh di bawah ini. Jangan lupa kode untuk warna juga diganti agar berpengaruh saat mouse di sorot.

blockquote:hover{margin:20px;padding:10px;color:#666;width:537px; height:auto; overflow:auto;border:1px solid #A2A2A2; border-radius:5px;background:#E0E0E0;text-decoration:none;}

6. Maka hasilnya akan seperti ini:

blockquote{margin:20px;padding:10px;color:#666;width:537px;height:auto; overflow:auto;border:1px solid #E0E0E0; border-radius:5px;background:#F9F9F9;}

blockquote:hover{margin:20px;padding:10px;color:#666;width:537px; height:auto; overflow:auto;border:1px solid #A2A2A2; border-radius:5px;background:#E0E0E0;text-decoration:none;}

7. Save template, selesai.

FeedLounge blockquote problem (Photo credit: Krypto)

Related articles

• Weekend Project: Styling the Blockquote Tag
• Blockquote + quote post type
• Verizon: "Unlimited Is Just a Word" [Blockquote]
• Perfection

Rating: 4.5 Reviewer: Mr. Sumawan

Meta Tag Open Graph Facebook

Description: Meta Tag Open Graph Facebook Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Meta Tag Open Graph Facebook

FOREST CITY, NC - APRIL 19: (L-R) Facebook Vice President of Site Operations Tom Furlong, Facebook data center manager George Henry, North Carolina deputy commerce secretary Dale Carroll, North Carolina senator Wes Westmoreland, former North Carolina senator Debbie Clary and North Carolina senator Ralph Hise pose for pictures after pressing a large 'like' button at the new Facebook Data Center on April 19, 2012 in Forest City, North Carolina. The company began construction on the facility in November 2010 and went live today, serving the 845 million Facebook users worldwide. (Image credit: Getty Images via @daylife)

Facebook logo (Photo credit: Wikipedia)

Open Graph Protocol adalah skema FBML untuk media sosial sharing seperti facebook misalnya agar link bisa di masukkan ke facebook dengan gampang. Hal ini sangat berguna untuk optimasi SEO blog di Facebook.
Memasang meta tags untuk Open Graph Protocol di Blogger:
1. Login ke blogger Dasboar >Rancangan> Edit HTML,
2. Cari kode:

xmlns:expr='http://www.google.com/2005/gml/expr'>

3. Tambahkan kode Open Graph Protocol ini sebelum kode penutup >

xmlns:og='http://ogp.me/ns#'

4. Sehingga hasilnya akan terlihat seperti ini:

<html ...... xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:og='http://ogp.me/ns#'>

5. Cari kode <head> dan simpan kode meta tag berikut ini dibawah kode <head> atau dibawah kode meta tag yang sudah ada sebelumnya.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
<meta content='blog' property='og:type'/>
<b:else/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='http://example.com/logo blog.jpg' property='og:image'/>
</b:if>
<meta content='Nama Blog' property='og:site_name'/>
<meta content='Your-App-ID' property='fb:app_id'/>
<meta content='Facebook-profile-ID' property='fb:admins'/>

(ganti tulisan warna merah sesuai dengan blog kamu)
6. Save Template, Selesai.

Untuk memeriksa apakah Anda telah menerapkan semua tag <META> dengan benar, kunjungi Facebook Debugger for Developers.

Note: Open graph ini juga berguna untuk menampilkan gambar atau logo blog kamu ketika di share, like atau send ke facebook jika artikel yang di posting tidak memiliki gambar.

Related articles

• A Revival of the Meta Tag
• Debugging Sharing to Facebook
• Is your website optimised for social sharing?
• Facebook Open Graph custom actions tutorial
• How do I edit meta tags for each page

Rating: 4.5 Reviewer: Mr. Sumawan