Rahasia SEO On Page Blogger Ramah Search Engine

oleh pada Senin, 04 November 2013
Rahasia SEO On Page Blogger Ramah Search Engine Bandung
Rahasia SEO On Page Blogger Ramah Search Engine
SEO On Page Blogger. Pada dasarnya pengoptimasian seo blog / website terbagi menjadi 2, yaitu pengoptimasian dari dalam (SEO On-Page) dan pengotimasian dari luar (SEO Off-Page). Keduanya memiliki porsi seimbang dan tidak boleh diremehkan satu sama lain. Sebagai pembelajaran awal, mari kita ulas pengoptimasian dari dalam dulu. Hal ini penting, karena dasar yang menentukan apakah blog / website nantinya mampu bersaing di search engine seperti google, yahoo / bing dan sebagainya.

Berbahagialah bagi Anda yang menggunakan platform blogspot, karena kaya kreasi. Berbeda dengan platform blog lainnya. Untuk hal - hal tertentu (seperti menggunakan plug in) harus menambah kocek. Di blogger gratis tis tis. Seperti apa kreasi kita dalam mendobrak daya gedor SEO Blogspot? berikut ulasannya.

Daftar Isi

  • Memilih Judul Blog - Deskripsi - URL yang benar (1 Paket)
  • Meta Tag Deskripsi dan Keyword Dinamis semua Page (Homepage, Statis, Single Posting, Archive, Label, Search, Laman tidak ditemukan)
  • Penjelasan Jika Anda Mengaktifkan Tag Meta Deskripsi Bawaan Blogger
  • Meta Robots untuk Mencegah Duplikasi Konten (Homepage, Statis, Single Posting, Archive, Label, Search, Laman tidak ditemukan)
  • Memasang Breadcrumbs Valid HTML dan Terindeks di Google
  • Struktur Microdata pada Blogger dan Valid Saat Diuji di Google Rich Snippet
  • Template Blog Valid HTML5 Ketika Diuji di validator.w3.org (Homepage, Statis, Single Posting, Archive, Label, Search, Laman tidak ditemukan)
  • Struktur Tag Heading H1-H6 yang Disukai Google (Tag Heading Dinamis Judul Blog dan Judul Postingan di setiap Halaman)
  • Mengaktifkan Robots.txt yang benar
  • Title pada Semua Link (Artikel Terkait, Entri Populer, Arsip Blog, Label, Judul Blog, Link, Breadcrumbs dan sebagainya)
  • Strategi Membuat Postingan Blog yang SEO Friendly
  • Tambahkan Artikel Terkait dan Penjelasannya
  • Penjelasan Mengenai Permalink SEO Di Bawah Postingan
  • Cara Mengaktifkan Tautan Permanen Khusus
  • Penjelasan Link Keluar (link outbound) di Dalam Postingan
  • Score SEO blog dan postingan 100% di CHKME
  • Pentingnya Tautan Antar Halaman
  • Cara Membuat Artikel Berkualitas (Artikel buat manusia bukan buat mesin pencari)
  • Membuat Video Youtube Valid HTML

Memilih Judul Blog - Deskripsi - URL yang benar (1 Paket)


Kesalahan mendasar blogger dalam membangun blog adalah penentuan judul blog, deskripsi dan url yang tidak sesuai / saling bentrok satu sama lain. Hal ini wajar terjadi pada blogger pemula yang baru mengenal blogging. Sebelum saya jelaskan lebih lanjut mengenai pembahasan ini, berikut saya tunjukkan penampakan kecil ketika Anda browsing di search engine google. Bahkan rahasia ini, tidak sedikit teman - teman blogger yang kurang jeli memperhatikannya.

Dari gambar diatas tampak jelas bukan! bahwa kata - kata yang ditebalkan (bold) oleh google berkaitan dengan kata kunci yang kita ketik?

Contoh Hasil Penelusuran Google - SEO On Page Blogger

  • Text Warna Biru : Adalah Title
  • Text Warna Hijau : URL
  • Text Warna Hitam : Deskrips / Text Artikel

Hal pertama yang dilihat mesin pencari google adalah text warna hijau (url blog / url postingan), kemudian text warna biru (Title / Judul Blog / Judul Postingan) kemudian text warna hitam (deskripsi / postingan). Nah setelah mengetahui rahasia ini, untuk membuat blog yang memiliki muatan SEO On Page yang bagus di mata search engine ada baiknya kita menyesuaikan antara judul, url, deskripsi.

Contoh Praktek

url : http://seoonpageblogger(dot)blogspot.com
Judul Blog : SEO On Page Blogger
Deskripsi : Blog ini membahas tentang SEO On Page Blogger, Search Engine Optimization, Cara Optimasi SEO On Page, On-Page SEO Tips dan sebagainya

Tips : Untuk deskripsi usahakan tidak menaruh semua kata kunci seperti keyword, tapi ada embel - embel kata biar terkesan natural dan tidak terdeteksi SPAM. Usahakan juga deskripsi tidak terlalu panjang agar tidak terpotong di hasil penelusuran. Gunakan tool Meta Tag Analizer untuk mengujinya.

Contoh Salah untuk Deskripsi Blog (Semua Kata Kunci DIMAKAN)

SEO On Page Blogger | SEO On Page Blogspot | Search Engine Optimization, Cara Optimasi SEO On Page, On-Page SEO Tips | SEO On Page 2013 | Teknik SEO On Page | Rahasia SEO On Page | Tips SEO On Page

Tahukah Anda!
Jangan heran ketika Anda menemukan url kata kunci yang mirip di hasil pencarian. Seperti contoh blog - blog yang membahas tentang cara cepat hamil (klik disini), hampir semua url blog yang ditemukan dari halaman 1 - 10 di google mirip satu sama lain bukan!. Jika Anda buka, maka semua blog akan sama mengulas / review buku yang berujung pada website yang menawarkan program affiliasi penjualan buku hamil. :)

Meta Tag Description dan Keyword Dinamis semua Page (Homepage, Statis, Single Posting, Archive, Label, Search, Laman tidak ditemukan)


Di penjelasan awal sudah dijelaskan bagaimana pentingnya deskripsi blog. Oke lanjut ke pembahasan selanjutnya mengenai meta tag deskripsi. Meta Tag Description adalah hal - hal memberikan gambaran singkat mengenai tema pembahasan blog / postingan.

Tahukah Anda!
Penggunaan meta tag deskripsi dinamis ini sangat penting. Alasannya untuk menghindari duplikasi konten yang menurunkan score SEO Postingan itu sendiri. Ketika Anda hanya mengaktifkan deskripsi blog, maka di setiap halaman blog, deskripsinya sama semua.

Perbedaan Jenis Halaman Blog

  • Halaman Homepage : http://tipskomputerdaninternet.blogspot.com/ (URL Beranda Blog)
  • Halaman Statis : http://tipskomputerdaninternet.blogspot(dot)com/p/komputer.html (URL Halaman / Pages). Biasanya digunakan untuk info About, Privacy Policy, Contact Us, Sitemap dan sebagainya
  • Halaman Single Posting : http://tipskomputerdaninternet.blogspot(dot)com/2013/11/seo-on-page-blogger.html (URL Halaman Postingan Blog, Formatnya secara default, setelah url blog - waktu publish artikel - judul artikel)
  • Halaman Archive : http://tipskomputerdaninternet.blogspot(dot)com/2013_10_01_archive.html (Buat Blog yang menambahkan arsip blog di sidebar, biasanya halaman arsip terindeks di google). Bisa jadi ketika Anda membuat artikel masih 50 buah, tapi yang terindeks di google sudah ratusan. Hal ini dikarenakan laman arsip ini. :)
  • Halaman Label : http://tipskomputerdaninternet.blogspot(dot)com/search/label/Fanspage (Halaman Kategori)
  • Halaman Search / Penelusuran di Blog : http://tipskomputerdaninternet.blogspot(dot)com/search?q=fanspage
  • Halaman Laman Tidak Ditemukan : http://tipskomputerdaninternet.blogspot(dot)com/farukganteng.html (Sory narsis :p )

Silahkan uji blog Anda, apakah deskripsinya di setiap halaman berbeda satu sama lain? Cara mengujinya dengan klik kanan blog Anda kemudian lihat view page source. Jika ada yang sama, berarti warning! perlu tindakan segera. Langsung saja berikut membuat meta deskripsi dan meta keywords unik, dinamis, tidak sama satu sama lain?
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.title/> | KATA KUNCI | KATA KUNCI</title>
<meta content='ISI DESKRIPSI BLOG ANDA' name='description'/>
<meta content='ISI KEYWORDS BLOG ANDA' name='keywords'/>
<meta content='index,follow,noodp,noydir' name='Robots'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='keywords'/>
<meta content='index,follow,noodp,noydir' name='Robots'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='keywords'/>
<meta content='noindex,nofollow,noarchive' name='Robots'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='keywords'/>
<meta content='noindex,nofollow,noarchive' name='Robots'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='keywords'/>
<meta content='noindex,nofollow,noarchive' name='Robots'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>404: Maaf halaman yang anda cari tidak ada | <data:blog.title/></title>
<meta content='noindex,nofollow,noarchive' name='Robots'/>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
<meta content='1 days' name='revisit-after'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<link expr:href='data:blog.url' rel='canonical'/>

Penjelasan

Yang saya tandai dengan huruf kapital adalah yang harus Anda isi. Informasi deskripsi, keyword dan title tambahan ini akan muncul di halaman homepage. Usahakan deskripsi di edit html template diisi sama persis dengan deskripsi setelan blog.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <title><data:blog.pageName/></title> 
Adalah title ketika berada di halaman single posting. Jika judul artikel Anda panjang, sebaiknya biarkan tetap <data:blog.pageName/>. Jika pendek, tambahkan informasi keterangan <data:blog.pageName/> | Nama Blog Anda. Mengapa judul panjang tidak dianjurkan ditambahkan informasi keterangan? agar tidak terpotong di search engine. Judul yang direkomendasikan berjumlah 70-80 karakter saja.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='keywords'/> 
Adalah deskripsi dan keyword yang muncul di halaman single posting.
    Penjelasan meta tambahan
    • <meta content='1 days' name='revisit-after'/> Memberitahu search engine agar mengindeks harian
    • <meta content='id' name='geo.country'/> Lokasi Anda
    • <meta content='Indonesia' name='geo.placename'/> Lokasi Anda
    • <link expr:href='data:blog.url' rel='canonical'/> : Harus ada di template Anda, jika tidak ada maka akan muncul duplikasi pengindeksan di search engine. Pernahkah Anda menemukan halaman di google seperti ini http://namablog(dot)blogspot.com?m=1 (versi mobile) atau http://namablog.blogspot(dot)com?=0 (versi dekstop)? hal ini dikarenakan blog belum ada rel canonical. Bahayanya jelas, karena blog Anda akan terdeteksi spam karena banyaknya halaman sama yang terindeks.
    Di berbagai panduan, ada banyak sekali jenis meta robot, namun setelah di check validasinya di http://validator.w3.org banyak yang eror. :) Kembali pada pilihan Anda, apakah tetep kekeuh menggunakan meta tambahan yang panjang tapi banyak erornya atau menggunakan yang simple seperti diatas tapi tidak eror?


    Penjelasan Jika Anda Mengaktifkan Tag Meta Deskripsi Bawaan Blogger


    Hati - hati ketika Anda mengaktifkan meta tag description bawaan blogger, sementara Anda juga memasukkan meta tag di bagian template Anda. Umumnya terjadi pada teman - teman blogger yang menggunakan template yang sudah support SEO. Sehingga hal ini menjadi duplikat meta description.
    Pilih saja salah satu, apakah meta description di edit html template atau menggunakan meta tag description bawaan blogger. Sejauh ini saya menggunakan meta tag description seperti pembahasan kedua.

    Hal yang tidak efisien lagi adalah ketika Anda menggunakan meta tag description bawaan blogger, Anda diharuskan membuat meta tag description setiap buat artikel baru. Bukankah lebih meringankan pekerjaan kita, ketika meta tag description ini bersifat dinamis dengan pengaturan di edit html template?

    Meta Robots untuk Mencegah Duplikasi Konten (Homepage, Statis, Single Posting, Archive, Label, Search, Laman tidak ditemukan)


    Di pembahasan kedua (cara memasang meta description) sudah komplit, saya masukkan meta robots / Tag Tajuk Robots Khusus. Halaman mana saja yang boleh diindeks mesin pencari, dan mana saja halaman yang tidak boleh diindeks mesin pencari. Untuk lebih menguatkan pengamanan, Anda juga perlu mengatur di setelan blogger.

    Setelan - Preferensi Penelusuran - Tag Tajuk Robots Khusus. Dan atur seperti gambar dibawah ini.

    Meta Robots untuk Mencegah Duplikasi Konten (Homepage, Statis, Single Posting, Archive, Label, Search, Laman tidak ditemukan)

    Penjelasan mengenai meta robots

    • All : Tidak ada batasan search engine untuk mengindeks
    • Noindex : Tidak terindeks dan tidak menimbulkan jejak cached di Search Engine
    • Nofollow : Larangan search engine mengikuti link Ini
    • None : Mirip Noindex dan nofollow, Halaman dianggap tidak ada / tidak bakal terindeks
    • Noarchive : Tidak menimbulkan cached di Search Engine
    • Nosnippet : Melarang search engine menampilkan potongan artikel di halaman.
    • Noodp : Melarang search engine menggunakan meta data dari Open Directory Project
    • Notranslate : Tidak mengijinkan search engine menerjemahkan halaman ini
    • Noimageindex : Tidak mengijinkan search engine mengindeks gambar
    • Unavailable_after : pengaturan khusus batas waktu halaman terindeks search engine. Setelah jatuh tema, halaman tidak akan terindeks
    Selanjutnya coba baca lagi perbedaan jenis halaman blogspot di pembahasan kedua. Dan ketika Anda memahami dengan benar, maka Anda akan tahu mana saja halaman yang boleh diindeks dan mana saja halaman yang dilarang diindeks mesin pencari.


    Memasang Breadcrumbs Valid HTML dan Terindeks di Google


    <b:if cond='data:blog.homepageUrl == data:blog.url'>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' rel='tag'>Home</a></span> &#187; <span>Halaman Statis</span> &#187; <span><data:blog.pageName/></span></div>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <!-- breadcrumb for the post page -->
    <b:loop values='data:posts' var='post'>
    <b:if cond='data:post.labels'>
    <div class='breadcrumbs'>
    <span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' property='v:title' rel='v:url'>Home</a></span>
    <b:loop values='data:post.labels' var='label'>
    &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' expr:title='&quot;View all posts with label &quot; + data:label.name' property='v:title' rel='v:url'><data:label.name/></a></span>
    </b:loop>
    &#187; <span><data:post.title/></span>
    </div>
    <b:else/>
    <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' rel='tag'>Home</a></span> &#187; <span>Artikel</span> &#187; <span><data:post.title/></span></div>
    </b:if>
    </b:loop>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    <!-- breadcrumb for the label archive page and search pages.. -->
    <div class='breadcrumbs'>
    <span><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
    </div>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <div class='breadcrumbs'>
    <b:if cond='data:blog.pageName == &quot;&quot;'>
    <span><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'>Home</a></span> &#187; <span>All posts</span>
    <b:else/>
    <span><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
    </b:if>
    </div>
    </b:if>
    </b:if>
    </b:if>
    </b:if>
    </b:if>

    Kode diatas berlaku buat template yang sudah terpasang breadcrumbs. Jika template Anda belum ada breadcrumbs, sebaiknya tambahkan terlebih dahulu. Untuk caranya silahkan di cari di google.

    Struktur Microdata pada Blogger dan Valid Saat Diuji di Google Rich Snippet


    - Ganti meta admin, dengan mencari kode berikut ini

    <span class='post-author vcard'>
                    <b:if cond='data:top.showAuthor'>
                      <b:if cond='data:post.authorProfileUrl'>
                        <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                          <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                          <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' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                          <span itemprop='name'><data:post.author/></span>
                        </span>
                      </b:if>
                    </b:if>
                  </span>

    - Ganti dengan kode ini

    <span class='post-author vcard'>
      <b:if cond='data:top.showAuthor'>
        <data:top.authorLabel/>
        <b:if cond='data:post.authorProfileUrl'>
          <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
            <meta expr:content='data:blog.blogId' itemprop='owns'/>
            <meta expr:content='data:post.id' itemprop='owns'/>
            <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
            <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' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
            <meta expr:content='data:blog.blogId' itemprop='owns'/>
            <meta expr:content='data:post.id' itemprop='owns'/>
            <span itemprop='name'><data:post.author/></span>
          </span>
        </b:if>
      </b:if>
    </span>

    - Ganti meta penanggalan postingan, dengan mencari kode ini

    <span class='post-timestamp'>
                    <b:if cond='data:top.showTimestamp'>
                      <data:top.timestampLabel/>
                      <b:if cond='data:post.url'>
                        <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                        <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
                      </b:if>
                    </b:if>
                  </span>

    - Ganti dengan kode ini

    <span class='post-timestamp'>
      <b:if cond='data:top.showTimestamp'>
        <data:top.timestampLabel/>
        <b:if cond='data:post.url'>
          <meta expr:content='data:post.url' itemprop='url'/>
          <a class='timestamp-link' expr:href='data:post.url' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><span class='updated'><data:post.timestamp/></span></abbr></a>
        </b:if>
      </b:if>
    </span>

    - Gunakan Tag Heading Dinamis di Postingan ini karena sudah saya masukkan unsur validasinya
    - Gunakan breadcrumbs di postingan ini karena sudah saya masukkan unsur validasinya
    - Tambahkan <div id='content1' itemscope='itemscope' itemtype='http://schema.org/Blog'> di atas kode header, dan dibawah footer tambahkan </div>

    Lihat contoh penampakkannya Google Structure Data Testing Tool, kaya struktur bukan?

    Template Blog Valid HTML5 Ketika Diuji di validator.w3.org (Homepage, Statis, Single Posting, Archive, Label, Search, Laman tidak ditemukan)


    - Hapus warna merah di css template Anda /*-------------- Content -----------------*/
    - Hapus kode berikut

     <?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>

    dan ganti menjadi

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

    - Di bagian bawah ganti </html> menjadi </HTML>
    - Hapus <b:include data='blog' name='all-head-content'/>
    - Hapus <b:include name='quickedit'/> di setiap widget

    - Hapus Kode berikut ini
    <b:includable id='postQuickEdit' var='post'>
    <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
    <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
    <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
    </a>
    </span>
    </b:if>
    </b:includable>

    - Hapus Kode berikut ini
    <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
    - Ganti <a name='comment-form'> dengan <a href='#comment-form'>

    Struktur Tag Heading H1-H6 yang Disukai Google (Tag Heading Dinamis Judul Blog dan Judul Postingan di setiap Halaman)

    Konsepnya membuat tag heading h1 untuk semua halaman diluar halaman posting, sementara halaman posting tag headingnya h2. Ketika berada di halaman posting, judul artikel menjadi h1 sementara judul blog tanpa tag heading alias p / span.

    - Ganti header Anda seperti ini

    <b:widget id='Header1' locked='false' title='Judul Blog Anda (Header)' type='Header'>
              <b:includable id='main'>
      <b:if cond='data:useImage'>
        <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>
          <!--Show just the image, no text-->
          <div id='header-inner'>
            <a expr:href='data:blog.homepageUrl' style='display: block'>
              <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
            </a>
          </div>
        <b:else/>
          <!--
          Show image as background to text. You can't really calculate the width
          reliably in JS because margins are not taken into account by any of
          clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
          width if the user is using shrink to fit.
          This results in a margin-width's worth of pixels being cropped. If the
          user is not using shrink to fit then we expand the header.
          -->
          <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height + &quot;px;&quot;                      + &quot;_height: &quot; + data:height + &quot;px;&quot;                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <b:if cond='data:blog.pageType != &quot;item&quot;'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
    <b:else/>
              <p class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </p>
    </b:if>
            </div>
            <b:include name='description'/>
          </div>
        </b:if>
      <b:else/>
        <!--No header image -->
        <div id='header-inner'>
          <div class='titlewrapper'>
            <b:if cond='data:blog.pageType != &quot;item&quot;'>
            <h1 class='title'>
              <b:include name='title'/>
            </h1>
    <b:else/>
            <p class='title' style='font-size:26px; font-weight:bold;letter-spacing:-1px;line-height:normal;margin:5px 5px 0;padding:15px 20px 3px 0;visibility:hidden;'>
              <b:include name='title'/>
            </p>
    </b:if>
          </div>
          <b:include name='description'/>
        </div>
      </b:if>
    </b:includable>
              <b:includable id='description'>
      <div class='descriptionwrapper'>
        <p class='description' itemprop='about'><span><data:description/></span></p>
      </div>
    </b:includable>
              <b:includable id='title'>
    <meta expr:content='data:blog.title' itemprop='name'/>
      <meta expr:content='data:blog.homepageUrl' itemprop='url'/>
      <b:if cond='data:blog.url == data:blog.homepageUrl'>
        <data:title/>
      <b:else/>
        <a expr:href='data:blog.homepageUrl' expr:title='data:title'><data:title/></a>
      </b:if>
    </b:includable>
            </b:widget>

    - Ganti kode judul artikel dengan kode ini

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.title'>
          <h2 class='post-title entry-title' itemprop='name'>
         <b:if cond='data:post.link'>
      <meta expr:content='data:post.link' itemprop='url'/>
           <a expr:href='data:post.link' expr:title='&quot;Permanent Link to &quot; + data:post.title' rel='bookmark'><data:post.title/></a>
         <b:else/>
            <b:if cond='data:post.url'>
    <meta expr:content='data:post.url' itemprop='url'/>
              <a expr:href='data:post.url' expr:title='&quot;Permanent Link to &quot; + data:post.title' rel='bookmark'><data:post.title/></a>
            <b:else/>
              <data:post.title/>
            </b:if>
         </b:if>
          </h2>
    </b:if>
    <b:else/>
          <h1 class='post-title entry-title' itemprop='name'>
      <meta expr:content='data:post.link' itemprop='url'/>
         <b:if cond='data:post.link'>
           <a expr:href='data:post.url' expr:title='&quot;Permanent Link to &quot; + data:post.title' rel='bookmark'><data:post.title/></a>
         <b:else/>
            <b:if cond='data:post.url'>
    <meta expr:content='data:post.url' itemprop='url'/>
              <a expr:href='data:post.url' expr:title='&quot;Permanent Link to &quot; + data:post.title' rel='bookmark'><data:post.title/></a>
            <b:else/>
              <data:post.title/>
            </b:if>
         </b:if>
          </h1>
    </b:if>

    Mengaktifkan Robots.txt yang benar

    Secara default robots.txt blogger seperti ini : Anda bisa melihatnya dengan mengetikkan http://situsanda.blogspot(dot)com/robots.txt di browser Anda. Silahkan tambahkan kode tersebut di

    - setelan - preferensi penelusuran - aktifkan robots.txt khusus

    User-agent: Mediapartners-Google
    Disallow:
    User-agent: *
    Disallow: /search
    Allow: /
    Sitemap: http://situsanda(dot)blogspot.com/feeds/posts/default?orderby=UPDATED

    Title pada Semua Link (Artikel Terkait, Entri Populer, Arsip Blog, Label, Judul Blog, Link, Breadcrumbs dan sebagainya)

    Penambahan title untuk link ini bersifat opsional. Anda bisa membubuhkan atau tidak. Istilahnya tidak terlalu diprioritaskan sebagai kebutuhan seo. Bagi Anda yang menyukainya berikut caranya penambahan title otomatis dan manual.

    - Artikel terkait : Gunakanan script related post kang ismet, sudah tertanam titlenya. Panduannya ada di bawah.
    - Cara Membuat Title Otomatis di Entri Populer / Popular Post

    Ganti Entri Populer Anda dengan kode berikut

    <b:widget id='PopularPosts1' locked='false' title='Entri Populer' type='PopularPosts'>
        <b:includable id='main'>
      <b:if cond='data:title'><h3><data:title/></h3></b:if>
      <div class='widget-content popular-posts'>
        <ul>
          <b:loop values='data:posts' var='post'>
          <li>
            <b:if cond='data:showThumbnails == &quot;false&quot;'>
              <b:if cond='data:showSnippets == &quot;false&quot;'>
                <!-- (1) No snippet/thumbnail -->
                <a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a>
              <b:else/>
                <!-- (2) Show only snippets -->
                <div class='item-title'><a expr:href='data:post.href'  expr:title='data:post.title'><data:post.title/></a></div>
                <div class='item-snippet'><data:post.snippet/></div>
              </b:if>
            <b:else/>
              <b:if cond='data:showSnippets == &quot;false&quot;'>
                <!-- (3) Show only thumbnails -->
                <div class='item-thumbnail-only'>
                  <b:if cond='data:post.thumbnail'>
                    <div class='item-thumbnail'>
                      <a expr:href='data:post.href' target='_blank' expr:title='data:post.title'>
                        <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                      </a>
                    </div>
                  </b:if>
                  <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
                </div>
                <div style='clear: both;'/>
              <b:else/>
                <!-- (4) Show snippets and thumbnails -->
                <div class='item-content'>
                  <b:if cond='data:post.thumbnail'>
                    <div class='item-thumbnail'>
                      <a expr:href='data:post.href' expr:title='data:post.title' target='_blank'>
                        <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                      </a>
                    </div>
                  </b:if>
                  <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
                  <div class='item-snippet'><data:post.snippet/></div>
                </div>
                <div style='clear: both;'/>
              </b:if>
            </b:if>
          </li>
          </b:loop>
        </ul>
      </div>
    </b:includable>
      </b:widget>

    - Cara Membuat Title pada Widget Arsip Blog dan menofollowkan untuk tanggal:
    <b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>
        <b:includable id='main'>
      <b:if cond='data:title'>
        <h3><data:title/></h3>
      </b:if>
      <div class='widget-content'>
      <div id='ArchiveList'>
      <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
        <b:if cond='data:style == &quot;HIERARCHY&quot;'>
         <b:include data='data' name='interval'/>
        </b:if>
        <b:if cond='data:style == &quot;FLAT&quot;'>
          <b:include data='data' name='flat'/>
        </b:if>
        <b:if cond='data:style == &quot;MENU&quot;'>
          <b:include data='data' name='menu'/>
        </b:if>
      </div>
      </div>
      </div>
    </b:includable>
        <b:includable id='flat' var='data'>
      <ul class='flat'>
        <b:loop values='data:data' var='i'>
          <li class='archivedate'>
            <a expr:href='data:i.url' expr:title='data:i.name' rel='nofollow'><data:i.name/></a> (<data:i.post-count/>)
          </li>
        </b:loop>
      </ul>
    </b:includable>
        <b:includable id='interval' var='intervalData'>
      <b:loop values='data:intervalData' var='i'>
          <ul class='hierarchy'>
            <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
              <b:include data='i' name='toggle'/>
              <a class='post-count-link' expr:href='data:i.url' expr:title='data:i.name' rel='nofollow'><data:i.name/></a>
                <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
              <b:if cond='data:i.data'>
                <b:include data='i.data' name='interval'/>
              </b:if>
              <b:if cond='data:i.posts'>
                <b:include data='i.posts' name='posts'/>
              </b:if>
            </li>
          </ul>
      </b:loop>
    </b:includable>
        <b:includable id='menu' var='data'>
      <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
        <option value=''><data:title/></option>
        <b:loop values='data:data' var='i'>
          <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
        </b:loop>
      </select>
    </b:includable>
        <b:includable id='posts' var='posts'>
      <ul class='posts'>
        <b:loop values='data:posts' var='i'>
          <li><a expr:href='data:i.url' expr:title='data:i.title><data:i.title/></a></li>
        </b:loop>
      </ul>
    </b:includable>
        <b:includable id='toggle' var='interval'>
      <b:if cond='data:interval.toggleId'>
      <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
        <a class='toggle' href='javascript:void(0)'>
          <span class='zippy toggle-open'>&#9660;&#160;</span>
        </a>
      <b:else/>
        <a class='toggle' href='javascript:void(0)'>
          <span class='zippy'>
            <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
              &#9668;&#160;
            <b:else/>
              &#9658;&#160;
            </b:if>
          </span>
        </a>
      </b:if>
     </b:if>
    </b:includable>
      </b:widget>

    - Menambahkan title pada Label dibawah Postingan :
    <span class='post-labels'> <b:if cond='data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' expr:title='data:label.name' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if> </b:loop> </b:if> </span>

    - Menambahkan title pada widget label dan rel nofollow
    <b:widget id='Label1' locked='false' title='Label' type='Label'>
        <b:includable id='main'>
      <b:if cond='data:title'>
        <h3><data:title/></h3>
      </b:if>
      <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
        <b:if cond='data:display == &quot;list&quot;'>
          <ul>
          <b:loop values='data:labels' var='label'>
            <li>
              <b:if cond='data:blog.url == data:label.url'>
                <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
              <b:else/>
                <a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='data:label.name' rel='nofollow'><data:label.name/></a>
              </b:if>
              <b:if cond='data:showFreqNumbers'>
                <span dir='ltr'>(<data:label.count/>)</span>
              </b:if>
            </li>
          </b:loop>
          </ul>
        <b:else/>
          <b:loop values='data:labels' var='label'>
            <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
              <b:if cond='data:blog.url == data:label.url'>
                <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
              <b:else/>
                <a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='data:label.name' rel='nofollow'><data:label.name/></a>
              </b:if>
              <b:if cond='data:showFreqNumbers'>
                <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
              </b:if>
            </span>
          </b:loop>
        </b:if>
      </div>
    </b:includable>
      </b:widget>

    - Menambahkan Title pada Judul Postingan di blog serta rel Bookmark:
    <h1 class='post-title entry-title' itemprop='name'>
         <b:if cond='data:post.link'>
           <a expr:href='data:post.url' expr:title='&quot;Permanent Link to &quot; + data:post.title' rel='bookmark'><data:post.title/></a>
         <b:else/>
            <b:if cond='data:post.url'>
              <a expr:href='data:post.url' expr:title='&quot;Permanent Link to &quot; + data:post.title' rel='bookmark'><data:post.title/></a>
            <b:else/>
              <data:post.title/>
            </b:if>
         </b:if>
          </h1>

    NB : Bagi Anda yang menambahkan tag heading dinamis h1 - h2, lakukan juga kode warna merah untuk tag heading h2.

    - Link : <a href="url" title="TARGET LINK">TARGET LINK</a>
    - Breadcrumbs : Lihat panduan membuat breadcrumbs pada postingan ini, titlenya sudah otomatis terpasang

    Strategi Membuat Postingan Blog yang SEO Friendly


    - Usahakan membuat judul artikel yang ada keywordnya
    Contoh judul yang benar : Cara Membuat Blogspot untuk pemula
    Contoh judul yang salah : Pengalaman mengenal blogging untuk kali pertama
    Penjelasaan : Prosentase orang mencari artikel di search engine dengan kata kunci "cara membuat blogspot" (judul pertama) lebih besar ketimbang judul kedua.
    - Perlu juga menambahkan tag heading h2 di dalam artikel sesuai judul artikel (dengan asumsi judul postingan blog Anda tag heading h1)
    - Kata kunci utama ada di paragraf pertama dan paragraf terakhir.
    - Gunakan bold / underline / italic untuk kata kunci. Jangan semua kata kunci dibold. cukup 1 - 2 saja. Agar tidak membuat sakit mata pengunjung.
    - Tautkan link pada kata kunci
    - Artikel minimal 300 kata. Semakin banyak semakin bagus :)
    - Membuat link ke situs yang memiliki reputasi tinggi
    - Ada alt dan title pada gambar
    <img src="alamat url gambar"> default
    <img alt="deskripsi" src="alamat url gambar" title="deskripsi"> modifikasi agar SEO Friendly

    Usahakan saat mengupload gambar, gambar tersebut ada namanya sesuai kata kunci yang Anda bidik.
    Misalkan mau upload foto agnes monica, maka pada gambar ganti namanya dengan "foto agnes monica".

    foto agnes monica

    Kode penampakan foto tersebut saat mode html

    <div class="separator" style="clear: both; text-align: center;">
    <a href="http://4(dot)bp.blogspot.com/-0X0oNNoo3yU/Unc84aJ_OPI/AAAAAAAAAJ8/IbURr0yD7B0/s1600/foto+agnes+monica.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="foto agnes monica" border="0" height="320" src="http://4(dot)bp.blogspot.com/-0X0oNNoo3yU/Unc84aJ_OPI/AAAAAAAAAJ8/IbURr0yD7B0/s320/foto+agnes+monica.png" title="foto agnes monica" width="275" /></a></div>

    Warna merah adalah nama gambar tersebut sehingga lebih ditemukan di google image dengan kata kunci foto agnes monica. Daya gedornya menjadi bertambah setelah ada alt dan title yang sama - sama berisi kata kunci tersebut.
    Warna hijau dihapus saja, agar gambar valid html

    Tambahkan Artikel Terkait dan Penjelasannya


    Fungsinya selain memudahkan pengunjung menemukan artikel yang memiliki topik sama, juga berfungsi sebagai penambah kualitas link yang menuju ke artikel kita yang lain di mata search engine. Ingat google  dan mesin pencari lainnya menyukai link yang di dapat dari tempat yang pembahasannya mirip (saling terkait).

    Misalnya artikel "cara membuat blog", maka backlink yang bagus menurut search engine didapat dari blog yang membahas hal sama seputar tutorial blogspot. Jika backlink di dapat dari blog dengan topik resep masak bukankah tidak sesuai dan menurunkan kualitas link? :)

    Cara kerja artikel terkait didasarkan pada penginformasian sejumlah artikel di dalam 1 kategori. Jelas kualitas link yang didapat nantinya pastilah bagus, karena sesuai.

    Anda bisa menggunakan beragam jenis script artikel terkait yang banyak diulas teman - teman blogger, tapi kebanyakan script yang diulas tidak valid html. Dikarenakan label yang menggunakan spasi. Untuk script artikel terkait valid html langsung saja lihat dibawah ini. (kode by Kang Ismet)

    - Template - Edit HTML
    - Cari kode ]]></b:skin>
    - Tambahkan css berikut ini diatasnya

    #related-post background:none;width:100%;margin-top:35px;margin-bottom:10px;padding:5px 0 10px 0px}
    #related-post h4{font-size:150%;text-transform:uppercase;margin:0 0 15px;padding:0;font-weight:normal}
    #related-post li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGSd0ruiHmEFA7B9ony-kpEvaf7b8h2RTTljYC9TrWybbYDGKNvL38xdtOKy_f8eRh5BBiG8pulEJY6hDRXutU-LdvmCH-ladGksE6tXBZj0U9KADxzmAFtmQEv3G1znopzL0kdU_9So9y/s1600/bullet.png) no-repeat 1px 5px;color:#2c3e50;text-indent:0;line-height:1.6em;margin:0;padding:0 0 3px 19px}
    #related-post .widget{margin:0;padding:0}
    #related-post ul{list-style:none;margin:0;padding:0}

    - Cari <div class='post-footer-line post-footer-line-1'>
    - Tambahkan kode berikut ini dibawahnya

    <!-- Related Post Widget Start -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <div class='related-post' id='related-post'/>
      <script type='text/javascript'>
      var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
              &quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop></b:if>];
      var relatedPostConfig = {
          homePage: &quot;<data:blog.homepageUrl/>&quot;,
          widgetTitle: &quot;&lt;h4&gt;Artikel Terkait:&lt;/h4&gt;&quot;,
          numPosts: 5,
          titleLength: &quot;auto&quot;,
          containerId: &quot;related-post&quot;,
          newTabLink: false,
          widgetStyle: 1,
          callBack: function() {}
      };
      </script>
      <script src='https://kang-is.googlecode.com/svn/trunk/javascript/related-post.min.js' type='text/javascript'/>
    </b:if>
    <!-- Related Post Widget End -->

    - Simpan

    Penjelasan Mengenai Permalink SEO Di Bawah Postingan


    Hati - hati menggunakan permalink SEO di bawah postingan. Munkin Anda pernah menemukan artikel yang membahas tentang permalink SEO dengan contoh sebagai berikut :

    Anda sedang membaca artikel tentang Rahasia SEO On Page Blogger Ramah Search Engine dan anda bisa menemukan artikel Rahasia SEO On Page Blogger Ramah Search Engine ini dengan url http://tipskomputerdaninternet.blogspot(dot)com/2013/11/seo-on-page-blogger.html Anda boleh menyebarluaskan atau mengcopy artikel Rahasia SEO On Page Blogger Ramah Search Engine ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan Rahasia SEO On Page Blogger Ramah Search Engine sebagai link sumbernya.

    Sebenarnya fungsi permalink seo ini adalah untuk memperkaya keyword sesuai dengan judul artikel, dan penambahan url dimaksudkan agar artikel cepat terindeks google. Alasannya google mengindeks teks, itu artinya jika url ditulis, begitu kita mencarinya di google dengan kata kunci url tersebut, jelas segera ditemukan. :)

    Nah yang perlu diperhatikan adalah kepadatan kata kunci. Contoh permalink seo diatas adalah bukankah sangat rapat kata kuncinya? bisa jadi terdeteksi spam oleh robot search engine. So sewajarnya saja. Seperti misalnya gabungan dari judul artikel, judul blog, url, dan label. Bukankah lebih keren?

    Cara membuat permalink SEO di bawah postingan.
    - Cari ]]></b:skin>
    - Tambahkan css berikut ini diatasnya

    .permalink-seofriendly
    {border: 2px dashed #424242;
    padding: 5px;
    background: #fbfbef;-moz-border-radius:5px;}

    - Cari <div class='post-footer-line post-footer-line-1'>
    - Tambahkan kode berikut ini di bawahnya

    <div class='permalink-seofriendly' style='padding:5px 5px 5px 5px; overflow: auto; width: auto; height: auto; text-align: justify;'>Terimakasih Anda telah membaca artikel persembahan <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> dengan judul <data:blog.pageName/> dan kategori <b:loop values='data:post.labels' var='label'>
                <a expr:href='data:label.url' expr:title='data:label.name' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
              </b:loop>. Sebaiknya bookmark url <data:post.url/>, siapa tahu Anda membutuhkan infonya kembali.</div>

    Contoh Penampakannya


    Cara Mengaktifkan Tautan Permanen Khusus


    Secara default, blogger akan menambahkan url otomatis di setiap artikel yang kita buat. Hanya saja untuk judul panjang akan terpotong urlnya.

    Contoh judul artikel : Rahasia SEO On Page Blogger Ramah Search Engine
    URL Default Blogger : http://tipskomputerdaninternet(dot)blogspot.com/2013/11/rahasia-seo-on-page-blogger-ramah.html
    Lihat contoh : kata - kata search engine di url tidak ada bukan, padahal di judul ada? (hal ini dikarenakan judul artikel yang panjang) Oleh karenanya anda perlu mengaktifkan tautan permanen khusus. (letaknya di sebelah kanan kolom postingan Anda) dan ganti sesuai keinginan Anda. Lihat gambar.

    Cara Mengaktifkan Tautan Permanen Khusus


    Copy paste kata - kata setelah tanggal kemudian klik tautan permanen khusus, masukkan di kolom tersebut, kemudian tambahkan search-engine dan selesai. Dengan teknik ini otomatis seo artikel Anda semakin mantab, karena kata kunci yang biasanya ada di judul artikel tidak terpotong otomatis.

    Penjelasan Link Keluar (link outbound) di Dalam Postingan


    Jangan takut menambahkan link keluar di dalam blog / artikel. Ada sebagian blogger yang paranoid ketika menambahkan link keluar. Mereka takut jika link outbound terlalu banyak menjadikan seo blog tersebut jatuh. Padahal?

    Tidak masalah jika Anda menambahkan link outbound, dengan catatan situs yang Anda bubuhkan link tersebut memiliki reputasi yang baik di mata search engine dan memiliki relevansi dengan pembahasan Anda. Contoh situs yang memiliki reputasi bagus di mata search engine adalah wikipedia, alexa, facebook, google plus, youtube, twitter, blogger dan sebagainya.

    Anda juga bisa menambahkan rel nofollow pada link outbound.

    Powered by <a href="http://blogger(dot)com" title="Blogger" rel="nofollow">Blogger</a>

    Score SEO blog dan postingan 100% di CHKME


    Sistem penilain siteus CHKME didasarkan pada berikut ini :
    - Adanya tag heading h1. Setiap halaman harus ada tag heading h1 satu buah. Tidak boleh lebih, tidak boleh kurang
    - Adanya tag heading h2 / h3 minimal satu buah. Lebih tidak apa - apa
    - Adanya meta deskripsi dan meta keywords
    - Melarang penggunaan Frame dan Iframe seperti video youtube, tombol like facebook
    - Penambahan alt pada gambar

    Jika blog Anda sudah menerapkan konsep diatas, dipastikan score seo blog Anda 100%. Contoh seperti blog ini.

    SEO Reports for tipskomputerdaninternet.blogspot.com

    Pentingnya Tautan Antar Halaman


    Pernah buka situs wikipedia? situs ini contoh sempurna penerapan tautan antar halaman. Dengan saling menaut membuat nilai seo kita semakin bagus. Karena backlink yang tepat sasaran sesuai dengan keyword yang dibidik.

    Pentingnya Tautan Antar Halaman

    Lihat tanda panah warna merah, link (tautan) antar halaman sangat kaya bukan di situs tersebut? di blogspot Anda harus melakukan secara manual. Kalau di wordpress ada pluginnya. Pernah baca SEO Smart Link Blogspot? kalau belum pernah membacanya silahkan cari di google infonya. Kode ini membuat kata - kata tertentu di blogspot secara otomatis ada linknya. Tapi coba klik kanan situs yang menerapkan script ini kemudian lihat view page sourcenya, maka dipastikan kata - kata yang tadinya ada linknya sewaktu di lihat di browser, di page sourcenya tidak ada sama sekali alias bukan sebenar - benarnya link. So, menurut saya penambahan script seo smart link blogspot adalah sia-sia.

    Cara Membuat Artikel Berkualitas (Artikel buat manusia bukan buat mesin pencari)


    Jangan bingung ketika Anda membuat artikel apakah artikel tersebut berkualitas atau tidak. Patokannya begini : Ketika Anda membaca tulisan Anda sendiri, kira - kira Anda memahami maksud tulisan tersebut apakah tidak? Usahakan antara judul dan isi "nyambung", jangan sampai pembaca kecewa karena membaca artikel yang tidak sesuai antara judul dan isinya.

    Yang dimaksud artikel buat mesin pencari adalah menghujam artikel dengan berbagai keyword super duper panjang.

    Membuat Video Youtube Valid HTML


    Kode embed youtube menggunakan iframe. Seperti contoh :

    <iframe width="420" height="315" src="//www.youtube(dot)com/embed/hxOi0MrPhCM" frameborder="0" allowfullscreen></iframe>

    Hal ini membuat SEO Artikel Anda lemah. Oleh karenanya perlu menggantinya ke versi html

    Kunjungi http://www.tools4noobs.com/online_tools/youtube_xhtml/. Kemudian masukkan url youtube yang Anda pilih pada kolom dibawah tulisan YouTube embed code or URL. Setelah itu klik tombol generate code yang tombolnya berwarna biru. Setelah itu copy paste kode yang muncul ke postingan Anda. Yang harus diingat saat membuat artikel harus dalam mode HTML bukan Compose.

    contoh kode youtube yang sudah di generate :

    <object type="application/x-shockwave-flash" style="width:450px; height:366px;" data="http://www.youtube.com/v/hxOi0MrPhCM?color2=FBE9EC&amp;version=3">
            <param name="movie" value="http://www.youtube(dot)com/v/hxOi0MrPhCM?color2=FBE9EC&amp;version=3" />
            <param name="allowFullScreen" value="true" />
            <param name="allowscriptaccess" value="always" />
            </object><div style="font-size: 0.8em"><a href="http://www(dot)tools4noobs.com/online_tools/youtube_xhtml/">Get your own valid XHTML YouTube embed code</a></div>

    Membuat Video Youtube Valid HTML

    Kode warna merah merupakan kode tambahan dimana sang admin situs tersebut menanam backlink yang menuju kesitusnya. Anda bisa menambahkan / menghapus kode ini.

    Demikian ulasan lengkap mengenai Rahasia SEO On Page Blogger Ramah Search Engine. Semoga bermanfaat bagi Anda yang membutuhkan. Jika ada update - an baru, akan saya tambahkan nantinya.

    Terkait