Tampilkan postingan dengan label Tips Seo. Tampilkan semua postingan
Tampilkan postingan dengan label Tips Seo. Tampilkan semua postingan

Cara Mengetahui Urutan Posting Di Google

Jika kita ingin blog kita dikunjungi orang banyak, maka kita wajib Mengetahui Urutan Posting Di Search Engine. Mengapa demikian? Tentu saja karena tidak mungkin semua orang tahu dengan blog kita. Apalagi jika blog kita bukanlah sebuah blog terkenal.

Sebenarnya ada banyak sekali situs yang menyediakan tool yang bisa kita gunkan untuk memantau posisi atau urutan posting kita di google, yahoo, maupun bing. Namun berhubung diindonesia rata-rata menggunakan situs google, maka yang paling terkenal dan paling tepat untuk  digunakan adalah top 1000 serps checker.

Caranya sangat gampang. Yaitu kunjungi langsung situs seoserp.com kemudian masukkan kata kunci dan URL utama blog kita. Selanjutnya sistem akan secara otomatis melacak posisi postingan kita di google server sesuai dengan nama domain yang kita pakai. Dan kita pun sudah bisa mengetahui urutan posting kita di google.

Cara mengukur kecepatan loading blog

Salah satu cara agar pengunjung suka dengan blog kita adalah dengan memberikan loading yang cepat pada blog kita. Blog yang berat serta loading yang lama akan menyebabkan pengunjung malas untuk masuk halaman-halaman artikel kita. Oleh sebab itu, ada baiknya kita coba ukur kecepatan loadingnya.

Untuk mengukur berat serta kecepatan loading ini, ada banyak sekali situs yang menyediakan tool-tool gratisan. Caranya sangat gampang. Kita tinggal masukkan URL blog kita, maka kita akan langsung tahu berapa ukuran blog kita serta lama loading blog kita. Situs yang menyediakan tool-tool untuk mengukur berat serta loding blog ini beberapa diantaranya adalah:

  1. Stopwatch, berfungsi hanya mengukur lama loading blog.
  2. iwebtool speedtes, berfungsi untuk mengukur size blog, kecepatan umum, dan kecepatan rata-rata per KB
  3. Pingdom tool, Hasilnya lebih akurat, karena nanti akan ditampilkan lama loading setiap elemen di dalam blog kita, serta mengetahui jumlah elemen yang terpasang di dalam blog misal CSS, Image, Script, dll.
  4. websiteoptimization, Hampir sama dengan Pingdom tool, tapi disini kita juga bisa menjadikan sebagai bahan Optimalisasi blog kita. 
Sekang, setelah kita tahu tentang analisa mengenai blog kita sehingga mungkin dapat kita jadikan acuan dan motivasi untuk lebih baik kedepannya.

Cara Membuat Breadcrumb Menu Pada Blog

Menu Breadcrumbs adalah bantuan navigasi yang digunakan dalam user interface di website/blog. Dengan Membuat Breadcrumb Menu Pada Blog juga sangat efektif untuk memberikan kemudahan pengunjung dalam melihat kategori posting suatu blog. 

Disamping itu dari segi SEO (Search Engine Optimization), Google sudah support/mendukung breadcrumb ini. Untuk melihat hasil dari sebuah blog yang sudah membuat breadcrumb/menu navigasi diatas posting bisa lihat ini diatas setiap postingan diblog ini.

1. Pertama, pastikan anda sudah membuat label pada blog.
2. Selanjutnnya. Masuk ke Dashboard = > Tata Letak = > Edit HTML. Jangan lupa contreng tulisan Expand Widget Templates. Biasakan juga untuk save template untuk memback up template asli.
3 Kemudian masukkan kode di bawah ini di atas ]]></b:skin>
Gunakan Ctrl+F pada keyboard anda untuk membantu pencarian.

#breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:10px;
line-height: 1.4em;
border-bottom:3px double #333;
}

4. Selanjutnya cari kode berikut ini.

<div class='post hentry uncustomized-post-template'>

Kalau tidak ada, cari kode:

<div class='post hentry'>

5. Kemudian pastekan kode berikut di bawah kode tadi.

<b:if cond='data:blog.pageType == &quot;item&quot; '>
<div id='breadcrumbs'>
Browse: <a expr:href='data:blog.homepageUrl'>Home</a> &gt; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> &gt; </b:if>
</b:loop>
</b:if> &gt; <a expr:href='data:post.link'><data:post.title/></a>
</div>
</b:if>

Selain kode di atas kamu juga bisa menggunakan kode dibawah ini.

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>
</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>

6. Simpan template dan lihat hasilnya.

Jika menu Breadcrumb Menu Pada Blog anda tidak mau muncul. Cobalah untuk menggunakan cara kedua.

Caranya adalah sebagai berikut:
1. Yang pertama hapus kode yang tadi anada letakkan dibawah cari kode:

 <div class='post hentry uncustomized-post-template'>

2. Cari kode:

<b:includable id='main' var='top'>

Kemudian letakkan kode berikut tepat di atasnya.

<b:includable id='breadcrumbs' var='post'>
  <b:if cond='data:blog.pageType == "item"'>
      <p class='breadcrumbs'>
      <span class='post-labels'>
        <b:if cond='data:post.labels'>
          Browse: 
          <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>  &gt;
          <b:loop values='data:post.labels' var='label'>
            <b:if cond='data:label.isLast == "true"'>
              <a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
            </b:if>
          </b:loop>
          <b:if cond='data:post.title'>
&gt;  <b><data:post.title/></b>
          </b:if>
        </b:if>
      </span>
      </p>
  </b:if>
</b:includable>

2. Cari lagi kode <b:if cond='data:post.dateHeader'>
Jika sudah ketemu, letakkan kode berikut  diatasnya.

<b:include data='post' name='breadcrumbs'/>

3. Save template dan semoga berhasil.

Memasang Related Post pada Blogspot.

Memanjakan Visitor adalah hal yang paling utama. Adakalanya visitor malas untuk mencari artikel terkait di daftar isi yang berantakan. Nah itu adalah salah satu manfaat dari memasang related post pada blog kita. Cara pasangnya juga cukup mudah.

Berikut langkah-langkahnya.

1. Masuk ke Edit HTML dan centang Expand Widget Templates
2. Seperti biasa untuk menghindari hal yang tidak diinginkan sebaiknya jagoan backup dulu template jagoan
3. Lanjut cari kode <data:post.body/>  untuk mempermudah pencarian gunakan fasilitas CTRL+F
4. Lihat adakah kode <div style="clear: both;"> disekitarnya. Jika ada, diatas kode tersebut masukkan kode:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>
<div class='widget-content'>
<br/>
<h3>Related Articles</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;

var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>

Perhaikan kode yang berwarna MERAH. Angka tersebut dapat anda modifikasi sesuai selera.
Save Template dan semoga berhasil.

Cara-cara Membuat Template Menjadi SEO Friendly

Mempunyai Template SEO Friendly merupakan salah satu salah satu cara agar postingan dan artikel kita disukai oleh Search Engine. Maka jika kita mau potingan kita juga ditemukan di Search Engine. Ada baiknya kita berusaha membuatnya lebih disukai oleh Search engine itu sendiri.

Dibawah ini saya mencoba sedikit memberikan Cara-cara Membuat Template Menjadi SEO Friendly. Langsung saja masuk ke langkah-langkahnya.

Pertama yang harus kita lakukan adalah Masuk dasbor -->> Rancangan -->> Edit Html -->> klik kotak kecil disamping Expand Template Widget. Sebelum melakukan Edit Temlpate ini sebaiknya download dulu template kamu. Agar jika terjadi hal yang tidak di inginkan kamu bisa mengembalikannya seperti semula.

Berikut Cara Membuat Template Menjadi SEO Friendly yang akan kita bahas kali ini.

1. Mengubah Page Tittle
Blog yang disukai oleh google adalah blog yang langsung menuju kepada judul postingan. Visitor googler juga lebih mendahulukan judul postingan yang dicari ketimbang nama blog kita. Masalahnya page tittle asli masih mendahulukan nama blog baru kemudian judul postingan. Sekarang ubah settingan tersebut dengan cara :

Cari kode berikut ini (gunakan ctrl+f)
<title><data:blog.pageTitle/></title>
Hapus kode tersebut dan ubah dengan kode di bawah ini:

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Akan lebih juga jika ditambahkan beberapa kata kunci ( keyword ) seperti ini:

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | KATA KUNCI | KATA KUNCI | KATA KUNCI </title>
</b:if>

2. Mengubah Meta Discription dan Meta Keyword
Suatu blog harus punya sesuatu untuk menggambarkan tentang keadaan blognya. Disitulah fungsi dan tugas MD dan MK untuk membantu google dalam mendeteksi konsep blognya. Tentu hal ini juga akan membantu visitor juga. Untuk itu akan lebih baik jika kita menambahkan Caranya begini sob:

Cari kode ini
<b:skin><![CDATA[/*
Kemudian tambahkan kode dibawah sebelum kode tadi.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="Deskripsi Blog" />
<meta name="keywords" content="KataKunci,KataKunci,KataKunci" />
</b:if>

3. Memasang SEO Smart Link

Cari kode </body>  copy dan paste kode di bawah ini di atas kode tersebut.

<b:if cond='data:blog.url != data:blog.homepageUrl'><script type='text/javascript'>
function autoLink(){
    this.keywdHref = new Object();
    this.add = function(keyword, href){
        if(keyword.substr(0,1) != &quot; &quot;){keyword = &quot; &quot; + keyword;}
        this.keywdHref[keyword] =  href;
    }
    this.createAnchor = function(){
        var objs = document.getElementsByTagName(&quot;div&quot;);
        for(var i=0; i&lt;objs.length; i++){
            var obj = objs[i];
            if(obj.className.indexOf(&quot;post-body&quot;)&gt;-1){
                var content = obj.innerHTML;
                for(var keyword in this.keywdHref){
                    var href = this.keywdHref[keyword];
                    var newstr = content.replace(keyword, &quot;&lt;a href=&#39;&quot;+href+&quot;&#39;&gt;&quot;+keyword+&quot;&lt;/a&gt;&quot;, &quot;gi&quot;);
                    obj.innerHTML = newstr;
                    content = newstr;
                }
            }
        }
    }
    this.startScript = function(){
        var onLoad = window.onload;
        window.onload = function(){
            if(onLoad){onLoad();}
            setTimeout(&quot;f.createAnchor()&quot;, 100);
        }
    }
}
</script>
<script type='text/javascript'>
var f = new autoLink();
f.add(&quot;KATA KUNCI1 | KATAKUNCI 2 | KATA KUNCI 3 &quot;, &quot;http://Bloganda.blogspot.com/&quot;);
f.startScript();
</script></b:if>

Ganti kode yang berwarna merah dengan kata-kata yang sering kalian gunakan di setiap postingan kalian.

4. Mengganti Tag Heading
Google sangat menyukai sebuah tulisan atau judul dengan tag H1. Oleh karena itu ubahlah ukuran judul posting sobat dengan tag H1. Caranya cari kode berikut :

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Ganti setiap tulisan h3 dengan h1
Copy kode dibawah ini:

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }

Kemudian tambahkan kode tersebut di atas kode ]]></b:skin> 

5. Mematikan setting archive (arsip) pada blog.
Cara pertama adalah:  cari kode <head> :
Kemudian letakkan kode berikut dibawahnya.
<b:if cond="data:blog.pageType == &quot;archive&quot;"></b:if>

Cara kedua adalah masuk ke Dashboard. Klik menu Setelan => Arsipkan.
Pada pilihan "frekuensi arsip" pilih pengaturan Arsip tidak ada.

6. Menambahkan kode ‘rel=canonical’
Gunanya kita menambahkan ‘rel=canonical’ adalah untuk menghindari konten ganda, karena seperti para master of SEO bilang bahwa google sangat tidak dapat mentolerir sebuah duplicate content.

Caranya diedit html tambahkan kode berikut setelah kode <head>

<link expr:href="data:blog.url" rel="canonical"></link>

7. Memasang Related post.
Related post merupakan salah satu cara agar pengunjung kita tahu artikel apa saja yang berhubungan dengan artikel yang sedang mereka baca. Sebagai contoh anda bisa melihat pada setiap akhir postingan diblog ini. Untuk Cara Memasang Related Post ini, silakan langsung keposting selanjutnya.

8. Membuat menu Breadcrumbs.
Menu merupakan salah satu cara agar para pengunjung blog kita bisa dengan mudah mencari informasi yang dibutuhkannya. Salah satu menu yang paling SEO friendly adalah Menu Bread crumbs. Untuk Cara membuat menu Breadcrumbs ini bisa dibaca disini.

9. Membuat Loading Blog yang ringan.
Apabila loading blog kita terlalu berat, hal itu bisa membuat kesal pengunjung dan langsung menutup halaman sebelum sempat masuk ke blog kita. Hal ini sangat tidak disukai oleh mesin Search Engine bahkan bisa menganggap blog kita SPAM. Oleh sebab itu maka sebaiknya kita usakan loading blog kita tidak terlalu berat. Untuk cara-cara membuat loading blog lebih ringan akan kita bahas pada posting selanjutnya.

Google+ Facebook Twitter SC SC mail