Monday, February 18, 2013

Jangan Pernah Edit Tanggal Postingan

Jangan Pernah Edit Tanggal Postingan

Info ini saya dapatkan di salah satu forum indonesia. Untuk terjun langsung bisa ke link ini. Di thread tersebut di jelaskan bahwa dengan mengedit tanggal postingan maka permalink artikel tersebut bisa berubah dan akan terjadinya penurunan posisi artikel di SERP. Sebelumnya, permalink adalah link artikel. Sebagai contoh, bisa langsung lihat di bawah ini :
http://kupas-ampas.blogspot.com/2013/02/jangan-pernah-edit-tanggal-postingan.html 
Diatas adalah salah satu contoh permalink. Tepatnya permalink untuk artikel yang sedang sobat baca sekarang. Perhatikan tulisan yang berwarna merah, disitu tertulis jelas bahwa itu adalah bulan dan tahun terbitnya artikel. Seperti kasus dalam thread, TS ingin mengubah bulan di artikel yang lama agar blognya terlihat lebih fresh. Namun yang terjadi setelahnnya, adalah penurunan posisi artikel di SERP.

Setelah diubah bulan permalink artikel bisa menjadi
http://kupas-ampas.blogspot.com/2013/01/jangan-pernah-edit-tanggal-postingan.html 

Bagaimana bisa turun?

Singkat saja, bagaimana kalau suatu blog diganti ganti templatenya? Maka sebagian pakar SEO akan menjawab turunnya SEO di mata google. Dalam kata lain, posisi SERP akan turun. Menurut saya, template blog seperti permalink untuk artikel. Jadi, apa yang terjadi jika permalink di ubah ubah? I think you got your own answer!

Efek lain setelah mengubah permalink, adalah errornya link link internal yang telah sobat pasang di artikel lain. Misalnya saja ada artikel B yang menautkan link internal ke artikel A dengan tanggal A1. Kemudian kita mengubah bulan artikel A dengan tanggal A2. Kemudian visitor artikel B ingin melihat link internal yang kita tanamkan yaitu artikel A dengan tanggal A1. Apa yang terjadi ketika link yang diklik tidak cocok padahal hanya karena beda bulan. Link tersebut error dan google tidak melihat itu sebagai internal link namun melihatnya sebagai broken link. Dan tahukah anda? Google tidak suka broken link!


Kesimpulan
Simple saja, jangan pernah merubah tanggal postingan.

Update: Dapat pencerahan dari forum link bersangkutan. Katanya itu hanya bug. Jadi permalink berubah karena waktu disave malah error.

Sunday, February 17, 2013

Apa Saja Syarat Template SEO?

Apa Saja Syarat Template SEO?

Optimasi SEO memang tak ada habisnya. Salah satu cara yang mungkin dilakukan oleh blogger adalah dengan mengoptimasi template agar menjadi lebih SEO. Atau mungkin sebagian langsung mendownload template SEO yang sudah jadi atau siap pakai. Kadang ada juga blogger blogger yang rela membayar agar memperoleh template SEO. Sebenarnya mengoptimasi SEO bisa terbilang mudah. Asal kita tahu caranya. Tutorial optimasi template sudah banyak ada di internet. Kita tinggal melihat, mempelajarinya dan langsung action. Sekarang yang kita perlukan adalah indikatornya. Apakah ini sudah optimasi atau tidak? Apakah bagian template ini sudah cukup? atau perlu optimasi lagi?. Simplenya kita sebut itu sebagai ciri ciri.

1. SEO Itu Putih?

Entah apa yang mempengaruhi template developer untuk blogspot. Kebanyakan dari mereka membuat template SEO, dan kebanyakan dari template SEO itu putih. Entah apa alasannya. Namun template warna putih seolah sudah menjadi lambang SEO.
"SEO itu Putih"
Pemilihan warna untuk blog memang sangat penting. Warna bisa mempengaruhi kemampuan membaca atau readability suatu bacaan. Memang bukan hanya warna, tetapi juga jenis tulisan spasi dan lain lain. Mungkin karena itulah kebanyakan template SEO itu berwarna putih. Selain itu, jika ingin background warna putih, kita tidak harus menulis CSS backgroundnya dengan catan tidak element dengan background warna selain putih di belakangnya. Hal ini tentu saja mengurangi size dari CSSnya. Meskipun hanya 0.000001 kb (he..he..). 

Memang pemilihan warna putih juga mempunyai kerugian. Salah satunya apabila kita membaca artikel dengan background warna putih di malam hari atau saat cahaya tidak terlalu terang. Saat itulah mata akan terasa lelah, berair dan mengantuk.

2. Loading Cepat

Yang ini sudah pasti. Google menyukai blog atau web dengan loading cepat. Web dengan loading yang cepat lebih SEO. Cara cara seperti menghindari flash , gambar yang besar, terlalu banyak pernak pernik widget sudah bisa mempercepat loading blog. 
Simak Juga:
Jadi, intinya dengan mengurangi elemen tidak perlu sudah cukup untuk mempercepat loading blog. Ingat, less is more.

3. Heading Dinamis

Penggunaan heading tag secara dinamis atau berubah ubah termasuk salah satu syarat dan cara untuk mendongkrak SEO. Tujuan penggunaan heading dinamis agar tag heading (h1,h2,h3,h4,h5,h6) berubah menurut jenis halaman yang sudah dibuka atau sesuai dengan kondisi. Simak salah satu contoh berikut:
Kalau yang dibuka halaman homepage atau halaman depan, maka judul blog memakai h1, dan judul posting memakai h2. Hal ini dimaksudkan karena h1 itu sangat kuat untuk SEO. Tetapi, kalau yang dibuka halaman artikel, maka judul posting memakai h1, dan judul blog memakai h2. Karena yang akan dioptimasi adalah posting agar tampil di #1 Google
Ingat, dalam satu halaman hanya boleh 1 tag H1, sedangkan H2 boleh banyak. Inilah kenapa H2 dipakai untuk judul artikel pada halaman homepage ( h2 boleh banyak ) dan H1 dipakai untuk judul blog ( h1 hanya boleh 1 setiap halaman web ) karena judul blog sudah pasti hanya satu yaitu di header. Berbeda dengan judul posting di halaman homepage, bisa banyak..banyak..banyak sekali.

Untuk caranya bisa langsung ke bawah sini :

4. Punya Breadcrumbs

Breadcrumbs adalah asal postingan kita. Maksudnya, seperti jalan untuk bisa mencapai postingan tersebut. Di dalam breadcrumb tertera label dari postingan tersebut. Lihat contoh di bawah ini
Home >> SEO >> Tips SEO 2013

Biasanya breadcrumb terdapat di atas judul artikel. Di posting ini juga terdapat breadcrums, terdapat di atas judul artikel juga. Breadcrumbs yang dimaksud harus bisa diindex google. Artinya, breadcrums atau label dari posting tersebut tampil di artikel pada halaman pencarian.
Cara membuat breadcrumb yang diindex google:

  • Login ke dashboard >> Template >> Edit HTML
  • Cari <b:includable id='main' var='top'>  dan tempatkan kode dibawah ini diatasnya.


<b:includable id='breadcrumb' var='posts'>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></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' xmlns:v='http://rdf.data-vocabulary.org/#'>

<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast == &quot;true&quot;'>

 &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>

</b:if>

</b:loop>

 &#187; <span><data:post.title/></span>

</div>

<b:else/>

<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</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'>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'>Home</a></span> &#187; <span>All posts</span>

<b:else/>

<span><a expr:href='data:blog.homepageUrl'>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>

</b:includable>

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

<b:include data='posts' name='breadcrumb'/>


  • Cari ]]></b:skin> dan tempatkan kode ini diatasnya

.breadcrumbs{padding5px;margin:5px;font-size:12px;border1px dotted #ccc;}

Kesimpulan
Ada banyak cara yang dilakukan agar template menjadi SEO. Selain template, sobat juga harus memikirkan SEO dari artikel, keyword density, mengganti title agar dinamis dan lain lain. Setelah itu semua, baru mulai untuk monetisasi blog tersebut.

Friday, February 15, 2013

Mengenal Pengkondisian Di Blogspot

Mengenal Pengkondisian Di Blogspot

Sesuai dengan posting sebelumnya, yaitu tentang pengoptimasian title agar lebih SEO, kita akan mencoba belajar tentang pengkondisian di blogspot, dalam bahasa kerennya disebut if tag. Fungsinya, untuk menandai agar "A1" dieksekusi jika syaratnya terpenuhi yaitu "A". Bingung kan?. Misalnya, "jika yang sekarang dibuka adalah 'A', maka eksekusi 'A1' jika tidak maka jangan eksekusi". Contoh sederhananya sudah tertera di artikel tentang optimasi title agar lebih SEO. Salah satunya adalah tampilkan judul blog (contoh A1) jika yang dibuka adalah halaman homepage (contoh A).

Selain untuk title, penggunaan if tag juga bisa untuk menampilkan widget hanya di homepage. Atau menghilangkan sidebar jika yang dibuka oleh pengunjung adalah halaman artikel. Tujuan if tag agar blog tersebut lebih dinamis. Berikut adalah beberapa kode pengkondisian di blogspot.

Menampilkan 'kode' jika yang dibuka halaman homepage

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Kode yang mau ditampilkan
</b:if>
Contoh URL : http://kupas-ampas.blogspot.com

Menampilkan 'kode' jika yang dibuka selain halaman homepage

<b:if cond='data:blog.url != data:blog.homepageUrl'>
Kode yang mau ditampilkan
</b:if>

Menampilkan 'kode' jika yang dibuka halaman posting

<b:if cond='data:blog.pageType == &quot;item&quot;'>
Kode yang mau ditampilkan
</b:if>
Contoh URL : http://kupas-ampas.blogspot.com/2013/01/langkah-pertama-memonetisasi-blog-baru.html

Menampilkan 'kode' jika yang dibuka selain halaman posting

<b:if cond='data:blog.pageType != &quot;item&quot;'>
Kode yang mau ditampilkan
</b:if>

Menampilkan 'kode' jika yang dibuka halaman statis

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
Kode yang mau ditampilkan
</b:if>
Contoh URL : http://kupas-ampas.blogspot.com/p/daftar-isi-sitemap-kupas.html

Menampilkan 'kode' jika yang dibuka selain halaman statis

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
Kode yang mau ditampilkan
</b:if>

Menampilkan 'kode' jika yang dibuka halaman Label

<b:if cond='data:blog.searchLabel'>
Kode yang mau ditampilkan
</b:if>
Contoh URL : http://kupas-ampas.blogspot.com/search/label/SEO

Menampilkan 'kode' jika yang dibuka halaman arsip

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
Kode yang mau ditampilkan
</b:if>
Contoh URL : http://kupas-ampas.blogspot.com/2012_12_01_archive.html

Menampilkan 'kode' jika yang dibuka selain halaman arsip

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
Kode yang mau ditampilkan
</b:if>

Menampilkan 'kode' jika yang dibuka halaman error 404

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
Kode yang mau ditampilkan
</b:if>
Contoh URL : http://kupas-ampas.blogspot.com/p/errorpage404.html

Menampilkan 'kode' jika yang dibuka selain halaman error 404

<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
Kode yang mau ditampilkan
</b:if>

Menampilkan 'kode' jika yang dibuka halaman pencarian

<b:if cond='data:blog.searchQuery'>
Kode yang mau ditampilkan
</b:if>

Menampilkan 'kode' jika yang dibuka halaman artikel tertentu

<b:if cond='data:blog.url == &quot;URL HALAMAN TERTENTU&quot;'>
Kode yang mau ditampilkan
</b:if>

Menampilkan 'kode' jika yang dibuka selain halaman artikel tertentu

<b:if cond='data:blog.url != &quot;URL HALAMAN TERTENTU&quot;'>
Kode yang mau ditampilkan
</b:if>

Menampilkan 'kode' jika yang dibuka halaman index

<b:if cond='data:blog.pageType == &quot;index&quot;'>
Kode yang mau ditampilkan
</b:if>
Halaman index adalah semua halaman selain halaman posting.
Catatan:
Yang perlu diingat di dalam tag kondisional terdapat pengecualian. Pengecualian ini dilambangkan dengan "!=" tanpa tanda kutip. Tanda pengecualian tersebut juga bisa dibaca selain. Artinya jika didalam tag kondisional untuk homepage terdapat tanda pengecualian. Maka kode tersebut dibaca selain homepage. Artinya, objek atau tag HTML yang ada didalam kode kondisional diaktifkan atau dimunculkan jika halaman yang sedang aktif bukan halaman Homepage (bisa jadi halaman artikel, archive dan lain lain). Contoh penggunaan if tag seperti: 1. Tidak menampilkan sidebar jika di halaman posting;2.Menampilkan related article linkwithin jika di halaman posting.3. dan lain lain :D

Kesimpulan
If tag atau pengkondisian di blogspot sangat berguna. Dengan menggunakan pengkondisian, sebuah blog menjadi dinamis. Singkat kata, why don't give it a try??

Saturday, February 2, 2013

Perkuat SEO dengan Mengganti Title

Perkuat SEO dengan Mengganti Title

Memperbaiki title blog juga bisa mempengaruhi SEO. SEO tidak suka title blog yang terlalu panjang. Bukan hanya title blog, namun juga title posting sobat. Kali ini kita akan mencoba meningkatkan SEO dengan memperbaiki title di blog kita. Pertama tama, saya jelaskan terlebih dahulu title yang saya maksud adalah title yang terletak di tab browser. Coba saja arahkan mouse sobat ket tab browser yang sedang aktif, maka akan muncul title. Title ini terletak di antara tag HTML, yaitu tag <title>..</title> Dan tag <title>..</title> ini terletak di antara <head>..</head>.Sekarang,saya jelaskan terlebih dahulu apa saja yang bisa kita lakukan agar title blog menjadi lebih baik dan SEO. Ada 2 hal, mengecilkan jumlah karakter judul posting atau artikel dan juga judul blog, kemudian mengganti karakter <title> yang biasanya ada panjang saat kita membuka posting atau halaman. Saya jelaskan terlebih dahulu yang kedua.

Cobalah sobat hover mouse ke tab browser yang sedang aktif sekarang, maka akan terlihat judul artikel ini bukan. Namun, bagaimana jika sobat membuka halaman homepage blog ini maka di tab browsernya akan terlihat judul blog saja. Artinya, jika di artikel maka titlenya adalah judul artikel, namun jika di homepage maka titlenya adalah judul blog. Menjaga tetap seperti di atas bisa berdampak pada SEO. Kenapa? Dengan menjaga seperti diatas, maka titlenya tidak terlalu panjang dan SEO tidak suka title yang melebihi dari 71 karakter. Disini bukan title atau judul posting yang biasanya sobat edit di post editor melainkan title yang ada di tab browser. Walaupun, akhirnya judul artikel juga mempengaruhi title halaman karena judul artikel juga bisa mempengaruhi title pada saat yang dibuka adalah halaman artikel.

Cara merubah title agar SEO friendly adalah dengan menggunakan tag if yang ada di blogspot. Tag if adalah tag yang digunakan agar kode didalamnya di eksekusi ketika
jika'nya terpenuhi. Dalam hal ini, 'jika'nya itu adalah halaman posting. Perhatikan kode di bawah ini:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
...............................
</b:if>
Secara bahasa, kode tersebut bisa dibaca sebagai "jika yang dibuka halaman item/artikel/posting, maka tampilkan kode titik titik. Karena yang ingin kita rubah adalah title yang ada di tab browser, maka kita akan menempatkan title di dalam titik titik tadi. Contohnya seperti ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blogpageName/></title>
</b:if>
Secara bahasa, maka kode tersebut dibaca 'jika yang dibuka adalah artikel/posting maka di titlenya isi dengan judul post/artikel'. Jadi kalau judul post sobat 'Memperbaiki title agar seo', maka di tab browser, akan tampak 'Memperbaiki title agar seo' juga.

Lalu bagaimana jika yang dibuka bukan halaman artikel, melainkan homepage, halaman label, halaman archive? Tenang, itulah gunanya <b:else>.Tag tersebut bisa dibaca 'jika bukan maka'. Dan kodenya akan jadi seperti ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<b:else>
<title><data:blog.pageTitle/></title>
</b:if>
Kode tersebut dibaca 'jika yang dibuka halaman artikel, maka di titlenya isi dengan judul artikel, jika bukan maka di titlenya isi dengan judul halaman yang sedang dibuka + judul blog. Jadi, jika yang sedang dibuka adalah halaman label "SEO", maka di titlenya tampak "Judul blog : SEO". Dipisah menggunakan tanda titik dua.

Apa Beda PageTitle dan PageName?

Singkat saja, semoga dibawah ini bisa menjelaskan.
<data:blog.pageName />  hanya judul halaman yang sedang dibuka.
<data:blog.pageTitle />judul blog ditambahakan judul halaman yang sedang dibuka.

Dimana Meletakkannya?

Hapus dulu <title> yang lama, atau jika ingin mudah letakkan saja tepat di bawah tag <head> di EDIT HTML template sobat.

Apa Ada Guna Lain?

Ada, kita bisa mengakalinya misalnya menampilkan meta tag hanya untuk homepage blog atau hanya untuk label, archive dan lain sebagainya. Caranya, tinggal tambahkan saja meta tag di bawah title. Hasilnya akan seperti ini:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<!---disini meta tag untuk item--->
<b:else>
<title><data:blog.pageTitle/></title>
</b:if>
Jika sobat ingin meta tag untuk homepage, langsung buat if baru dengan ganti if untuk homepage. Misalkan seperti di atas, ganti item yang ada di b:if nya dengan index. Posting selanjutnya akan ada if tag untuk blogger.

Hasil Akhir

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<!---disini meta tag untuk item--->
<b:else>
<title><data:blog.pageTitle/></title>
</b:if>
Tempatkan di bawah <head>

Apakah Saya Memerlukan Ini?

Cek di posting. Caranya buka salah satu artikel blog sobat dan lihat title yang ada di tab browsernya, kalau masih ada embel embel nama blog, maka ganti. Kalau tidak ada, tidak usah. Bagi yang nama blognya tidak terlalu panjang, tidak ganti juga tidak masalah.

(gambar dari :searchengineland.com)