Wednesday, June 27, 2012

Trik Super Mengetahui Artikel yang Sudah Diindeks Google ( Sekaligus )


Sesaat setelah menulis artikel, sobat kebanyakan pasti langsung mem-ping artikel tersebut untuk di daftarkan ke berbagai Search Engine sekaligus, seperti Google,  Yahoo, dan Bing. Setelah itu sobat pasti langsung mengecek apakah posting tadi sudah terindex atau belum dengan cara memuat URL artikel ke kotak pencarian Search Engine. Hal ini sah sah saja bila sobat mengecek (hanya) 1 atau 2 postingan. Tapi, bagaimana bila sobat mengecek puluhan postingan? Sobat tentu tak ingin mencarinya satu persatu ke google maupun yahoo. 


Nah, kini saatnya Revolusi. Dengan cara ini sobat langsung bisa mengecek JUMLAH postingan yang sudah terindeks, dengan begitu sobat tahu postingan mana saja yang harus ditingkatkan agar Google mau mengindeks artikel dari blog sobat. Tidak masalah jumlah postingan, sobat bisa mengecek 100-200 artikel atau bahkan lebih yang sudah ter-publish dalam 1 hari atau lebih.

Berikut langkah langkah atau cara cara mengecek artikel yang sudah diindeks oleh Google.

#1 Masuk ke url sini.

#2 Ganti site:kupas-ampas.blogspot.com menjadi site:url blog sobat.blogspot.com

#3 Ubah rentang waktu artikel(jika diperlukan). Misalnya sobat ingin melihat jumlah artikel terindeks yang terpublish dalam 24 jam terakhir, maka ganti menjadi 24 jam.

Dengan cara ini sobat bisa menghemat waktu ketimbang satu persatu mengecek artikel yang sudah dipublish. Langsung hitung dan lihat artikel yang belum terindeks, kalau belum di ping, langsung ping saja artikel yang belum terindeks. Itulah trik jitu untuk melihat artikel yang sudah di indeks. Satu lagi, rentang waktu di atas adalah berdasarkan indeks google, jadi bisa saja sobat menulisnya berbulan bulan yang lalu, namun masuk dalan "24 jam terakhir". Tapi, hal ini saya jarang temukan, biasanya tak berapa lama, artikel sudah langsung diindeks, apalagi jika sobat memakai blogspot.
Update
Karena banyak yang gagal, maka saya harus buat update ini. 
Pertama, cara di atas menggunakan rentang waktu yaitu 24 jam terakhir. Jadi sobat harus cek sesaat setelah update posting misalnya sobat menulis posting "A" dan dipublish tepat kemarin malam jam 8. Saya asumsikan di sini, sobat punya dan update posting lain yang berjudul "B" yang dipublish kemarinnya tepat jam 7 malam. Kemudian saya asumsikan sobat melakukan cek dengan cara di atas hari ini tepat pukul 7 malam. Maka posting yang akan muncul adalah "A". Kenapa??Karena tadi saya sudah mengatakan bahwa hasil SERP menggunakan rentang waktu. Jadi hasil disini adalah hasil pencarian Google terhadap artikel, page dan lain lain yang sobat update dan diindeks google dalam 24 jam terakhir terhitung saat sobat melakukan Search. 

Kedua, Misalnya sobat tidak mau hasil pencarian adalah hasil update yang terindeks Google dalam 24 jam terakhir, sobat bisa mengubah waktunya. Misalnya past week, maka hasilnya adalah apa apa saja yang sudah diindeks google dalam 1 minggu belakangan. Pilihan rentang waktu bisa dilihat di sebelah kiri hasil pencarian. Atau jika ingin mencoba sendiri, masuk ke Google Advanced Search, modifikasi pengaturannya kemudian tekan search. 

Ketiga, ini cara terakhir, tidak ada waktu dan hyperlink lagi. Sobat langsung ke google, lalu ketikkan "site:url blog.blogspot.com" (tanpa tanda kutip). Misalnya saya punya blog urlnya adalah "spasi123.blogspot.com" maka saya ketik "site:spasi123.blogspot.com" (tanpa tanda kutip) lalu saya tekan Enter. Di hasilnya akan keluar seluruh hal perihal yang sudah diindeks google dari isi blog, page, halaman archive dll dari pertama blog sobat lahir sampai saat sobat melakukan pencarian.

Jika ada yang menemui kesulitan, silahkan tanyakan di kotak komentar. Sertakan link Screensshotnya demi kemudahan kita bersama. Terima Kasih.

Have fun with your Trick..

Cara Memasang Back to Top v2 (Melayang/Floating) di Blog


Artikel ini adalah lanjutan Cara Memasang Back to Top v1. Artikel ini saya tulis untuk sobat bagi yang ingin memasang "Back to Top" ke versi dan jenis yang lebih tinggi. Back to Top ini berbeda dengan yang sebelumnya, "Back to Top" ini merupakan Back to Top yang dapat melayang atau selalu terlihat baik saat blog dalam keadaan blog saat pertamakali terbuka atau sudah ter-scroll ke bawah. Untuk letaknya bisa diatur di mana kehendak sobat. Sebagai pengetahuan dasar, ada baiknya sobat membaca Cara Memasang Back to Top v1 lebih dulu. Bagaimana, sudah selesai..?? Perbedaan yang paling mendasar adalah penambahan style pada tag a atau anchor textnya. Ukuran gambar bisa di atur sendiri.

Cara memasang Back to Top melayang:
1. Masuk ke dashboard.
2. Pilih tab Rancangan.
3. Tambah gagdet HTML/JavaScript. Kemudian isikan dengan kode di bawah ini..
<a href="#" style="position:fixed;bottom:5px;right:5px;width:100px;height:100px;" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVJjG4u1uz5YvFmfSuQPmqlSx5OL-qaDQIGOlbJSE8_JhA6bWL1nQdaI98GBiTh4r5Tby4J4SFWqGvhGTq9JwPE7BOrFVv1E0A2AfFy4KdQ420KoHEe_OIPVkX9abGhj6J4v5aObvNrEg/s1600/Back-to-top-180x180.jpg"></a>
4. Save dan Lihat hasilnya..

Ada 2 metode dalam pemasangan back to top v2 ini, Yang pertama adalah seperti cara di atas. Yang kedua dengan menambahkan kode di atas tepat sebelum tag </body>. Cara kedua memang lebih rumit, namun menurut saya ini yang terbaik. Cara ini tidak menambah widget anda sehingga loading blog lebih cepat ketimbang cara pertama. Itulah cara untuk memasang "Back to Top" v2.

Catatan: Tulisan warna Biru silahkan diganti dengan keperluan masing masing.

Sunday, June 24, 2012

Cara Memasang Back to Top di Blog


Salah satu hal yang paling diperhatikan adalah Navigasi, bukan hanya untuk pembaca, search engine seperti google dan yahoo pun sangat menyarankan sebuah situs memiliki letak navigasi yang jelas, teratur dan tau kemana larinya. Navigasi kini pun sudah sangat beragam, salah satu diantaranya adalah yang biasa dikenal dengan "back to top". Fitur ini dapat menghilangkan "kemalasan" pembaca setelah melakukan reading untuk seluruh isi posting. Biasanya, untuk scroll ke atas saja bisa terasa berat. Kemalasan dan keberatan  inilah yang mendorong adanya fitur "back to top". Penempatannya sangat fleksibel, namun biasanya terletak pada bagian bawah seperti credit link. Fitur ini memungkinkan pembaca untuk "scroll" otomatis ke bagian atas blog setelah "a:active". Mudahnya, pembaca hanya meng-klik text atau gambar yang dimodifikasi, kemudian akan langsung menuju ke bagian yang ditentukan.

Pemasangan dan penggunaan "back to top" sangat mudah sekali. Sebelum itu, ada baiknya sobat mengetahui 2 jenis "back to top". Dari semua jenis navigasi "back to top" yang akan di tampilkan, saya coba mulai dengan yang paling susah. Sobat harus tau 2 hal. Pertama, sobat harus tau kode html untuk gambar yang memiliki link. Mudahnya, kita perlu menempatkan kode html gambar sebagai isi dari tag a yang biasa diisi oleh teks atau tulisan. Contohnya seperti ini.
<a href="http://kupas-ampas.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn_eKxVWm9ABq7imKzcVfidc-kaVpze2Xy95gVc4x_YwF_6JEKVsxc_sAbZ-RA-EFvfMWEKIU3wcweSFqT_VKR0L1RCHWjz7hyphenhyphennSJsKJKiyFPFGdzE1OncK83BasL0s048yeQqhA_abHE/s1600/header.png"></a>
Hal kedua yang sobat harus tau juga adalah bagian mana yang nantinya akan ter-scroll sendirinya. 2 bagian akan saya coba bahas yaitu #main-wrapper dan # sebagai hrefnya. Jika sobat meletakkan #main-wrapper sebagai hrefnya, maka scroll akan berhenti tepat sedikit di atas judul posting. Tapi jika sobat menggunakan hanya "#", maka scroll akan berhenti tepat seperti saat sobat membuka website tersebut pertamakali dan belum di-scroll sedikitpun.

Masih ada satu pilihan lagi buat sobat, yaitu menggunakan tulisan. Penggunaan tulisan (bukan gambar) sebagai anchor link menjadikan blog lebih seo dan cepat ketimbang sobat menggunakan gambar. Namun, jika sobat tetap ingin menggunakan gambar, pastikan ukuran gambar tidak mempengaruhi loading blog secara signifikan.

#1 "Back to top" Gambar Bagian Tertentu.
2 hal yang harus diperlukan, yaitu gambar dan bagian yang nantinya akan jadi sasaran. Sobat hanya perlu membuat gambar yang berlink kepada bagian tertentu yang sudah di pilih. Kode htmlnya seperti di bawah ini.
<a href="bagian sasaran"><img src="url gambar"></a>
Contoh bagian sasaran adalah #main-wrapper. Tapi nama nama ini relatif sifatnya. Tergantung pembuat template sobat.

#2 "Back to top" Gambar non-bagian.
Jenis ke-2 ini mungkin agak terdengar sedikit aneh. Namun jenis inilah yang menurut saya paling banyak dipakai. Hampir di setiap blog. Kode htmlnya seperti ini.
<a href="#"><img src="url gambar"></a>
Pastikan "#" sebagai tujuannya. Ini dimaksudkan agar nanti "back to top" bisa bekerja.

#3 "Back to top" Tulisan bagian tertentu.
Kode html untuk jenis ini hampir sama dengan jenis no 1. Perbedaanya hanya penggunaan tulisan, bukan gambar. Agar lebih pas, sobat sebaiknya menggunakan tanda arah panah ke atas.
<a href="bagian sasaran">Back to top ↑</a>
#4 "Back to top" non-bagian.
Sobat pasti udah ngerti, kan? Berikut kode htmlnya..
<a href="#">Back to top ↑</a>
Tulisan berwarna biru silahkan diganti berdasarkan keperluan dan kebutuhan masing masing.
Berdasarkan penelitian saya, jenis ke 3 dan ke 4 lah yang paling SEO karena loading blog bisa tetap terjaga. Selain itu, gambar yang terlalu banyak tidak bagus untuk sebuah web. Jenis ke 3 dan 4 sebaiknya di pasang di bagian credit atau di tempat yang mudah dijangkau. "Back to top" sangatlah penting. Sobat harus bisa menggunakannya dengan kreatifitas. Kedepannya, saya akan coba dengan "Back to top" v2 yaitu dengan melayang. Insya Allah..

Tuesday, June 19, 2012

Cara Memasang Reload & Redirect Otomatis di Blog (Lengkap)

Sering saya menemukan blog blog yang bikin kecewa. Bagaimana tidak, blog blog tersebut menggunakan fitur refresh otomatis.  Tujuannya (mungkin) untuk meningkatkan pageviews blog mereka sendiri. Dengan trik ini sobat bisa melipat gandakan visits yang berasal dari 1 IP sama. Untuk admin blog sendiri trik ini bisa sangat menguntungkan apalagi untuk kepentingan komersial, misalnya untuk publikasi iklan dan segala hal yang menjadikan uang. Namun, bagi pembaca ini sangat merugikan. Mereka bisa kehilangan kepercayaan dan minat membaca karena kesulitan untuk mencari informasi yang mereka inginkan. Selain itu, bagi mereka yang menggunakan internet dengan batasan bandwidth bisa jadi bencana. Mereka membayar untuk 2 hal yang seharusnya 1 tampilan yang sama.

Cara memasang fitur refresh otomatis sebenarnya sangat gampang. Fitur ini terletak sebagai meta tag. Ini saya dapatkan saat mengobrak abrik dreamweaver. Sobat hanya perlu meletakkan kode di bawah ini sebagai meta tag. Sebelumnya sobat harus tau jenis jenis dari fitur ini..

#1 Refresh Otomatis dengan non delay .
Refresh ini memungkinkan blog sobat untuk refresh atau reload secara otomatis tanpa delay waktu. Ini sangat TIDAK Dianjurkan. Bagaimana pembaca bisa melihat blog sobat jikalau kurang dari 1 seconds blog sudah reload. Tapi dengan trik ini anda bisa melipat ganda visits hingga puluhan sampai ratusan kali. Sekali lagi, Trik ini TIDAK Dianjurkan. :D
<meta http-equiv="Refresh" content="0" />
#2 Refresh Otomatis dengan non delay ke web lain.
Sebenarnya fitur ini bukan reload, tapi lebih kepada redirect atau reload ke domain lain. Sangat berguna bagi sobat yang sudah punya blog baru. Jadi, semua yang mengunjungi blog lama anda akan langsung ter-direct ke alamat blog baru sobat.
<meta http-equiv="refresh" content="0;URL=http://kupas-ampas.blogspot.com" />
#3 Refresh Otomatis dengan delay.
Fitur ini memungkinkan blog sobat untuk tereload secara otomatis berdasarkan waktu atau rentang tertentu. Misalnya 10 atau 15 detik. Sobat hanya perlu meletakkan kode di bawah ini:
<meta http-equiv="refresh" content="10" />
#4 Refresh Otomatis dengan delay ke web lain.
Untuk fungsinya sama dengan jenis nomor 2. Yang membedakannya hanya penggunaan dan disertainya delay atau  rentang waktu.
<meta http-equiv="refresh" content="10;URL=http://kupas-ampas.blogspot.com" />
Keterangan:
content="10                                             ---> Rentang delay dalam detik.
URL=http://kupas-ampas.blogspot.com" /> ---> Tujuan direct.

Tulisan warna biru silahkan diganti menurut keperluan masing masing.

Cara cara diatas banyak sekali dimanfaatkan, terutama untuk jenis 3 tetapi tidak disertai waktu yang tepat. Bagi pemasangnya ini pasti sangat menguntungkan. Namun bagi pembaca yang bernasib sama seperti saya, menghentikan loading blog adalah solusi terakhir dan satu satunya alias The Last and Only One. Walaupun tidak semua elemen berhasil diload secara sempurna, tetapi untuk isi posting saja saya rasa sudah cukup.Kita harus mengerti apa dan kenapa blog harus ada??.

Just Write, nothing else.

Wednesday, June 13, 2012

5 Free Widget Penarik Jutaan Pengunjung Per Harinya

Pengunjung, pengunjung dan pengunjung. Salah satu masalah terbesar, hampir untuk semua blogger. Pengunjung, kata ini hampir bisa menjawab seluruh pertanyaan seputar dunia blogging.
Q: Untuk apa sobat menulis posting..?
A: Untuk pengunjung.
Q: Untuk apa sobat meningkatkan kualitas SEO blog..?
A: Untuk pengunjung.
Q: Untuk apa sobat menulis posting yang jelas dan detail..?
A: Untuk pengunjung yang lebih banyak lagi...


Semua jawaban di atas adalah pada dasarnya. Pada dasarnya, menulis posting yang detail dan jelas yang disertai dengan peningkatan SEO blog adalah untuk pengunjung. Itu belum termasuk pilihan jawaban optional dan tambahan lainnya seperti uang, popularitas dan lain sebagainya.

Untuk masalah mencari pengunjung sebenarnya gampang gampang susah, setelah usaha tinggal berdoa dan sabar. Bagi blogger pemula seperti saya, 1 pengunjung saja rasanya sudah senang sekali. Apalagi jika ada yang meninggalkan jejak seperti komentar. Tak peduli isi spam, yang penting jejak tadi sudah bisa jadi modal dan motivator agar kedapannya lebih bersaing di Google. Namun di balik cara original di atas, masih ada cara "singkat" yaitu dengan membayar dan sobat dijanjikan ratusan hingga puluhan ribu visitor setiap harinya.

Kali ini saya akan coba mengupas salah satu usaha mencari pengunjung yaitu dengan pengoptimalisasian widget. Lebih tepatnya mencari pageview. Widget merupakan senjata ampuh untuk meningkatkan jumlah pageviews .Selain fungsinya sebagai memperindah tampilan dan memperkaya isi blog, mulai dari navigasi dan lainnya, sobat bisa memanfaatkan fungsi extranya seperti yang sudah dikatakan sebelumnya, Navigasi.

1. Popular Post..
Yang ini rasanya semua blog wajib punya. Popular post salah satu widget bawaan dari blogger. Sobat bisa memasangnya di blog dengan menambah gagdet/widgetnya. Namun, sobat bisa menggunakan jasa pihak ketiga untuk urusan ini. Selain warna yang lebih beragam, mereka juga menggunakan design dan layout yang lebih menarik dan atraktif. Tujuan dan hasilnya sama saja, pengunjung dan pageview(s).

2. Related Article.
Related Article letaknya di bawah postingan. Fungsinya untuk menampilkan posting berdasarkan label atau keyword keyword yang sama. Misalnya, sobat sedang membaca artikel yang berjudul memilih template yang SEO. Maka setelah posting related articlenya bisa berupa mengoptimasi gambar agar lebih SEO, menciptakan blog cepat untuk SEO dan lain sebagainya. Kita bisa lihat bahwa disini ada satu topik dan query yang sama, yaitu SEO. Ini akan menarik pengunjung untuk lebih tau mengenai topik SEO tersebut. Hasilnya, "pengunjung" berlipat ganda karena jumlah pageview lebih banyak. Sobat bisa memakai widget buatan Linkwithin sebagai salah satu produk paling populer dan banyak digunakan.

3. Recent Post.
Recent Post berfungsi menampilkan latest article atau artikel terbaru. Meskipun artikel terbaru sudah tertera di homepage, namun widget bisa menampilkan artikel sebelum posting yang sudah ada di homepage. Misalnya sobat mengatur hanya batas 5 posting di homepage, jadi posting ke 6 dan seterusnya sampai batas yang ditentukan bisa di tampilkan melalui widget ini. Widget ini lebih menarik dan atraktif ketimbang widget yang hanya berupa list list biasa. (baca : cara memasang widget recent post).

4. Random Post.
Random Post merupakan widget yang bisa menampilkan posting atau artikel secara acak. Widget ini sangat berguna untuk men"ekspose" artikel artikel yang masih kurang dalam pageview. (baca : cara memasang widget random post).

5. Recommeded Widget.
Sobat jangan mudah tertipu dengan title widget di atas. Maksudnya, bukan widget yang direkomendasikan melainkan widget recommeded for you. Memang namanya adalah widget recommeded for you. Ada juga yang menyebutnya lain. Cara kerjanya, postingan akan muncul ketika sobat terus scroll ke bawah. Untuk demonya bisa di lihat di bola.net. Widget ini sangat efektif untuk meningkatkan jumlah pageview.

Sudah seharusnya widget lebih dioptimasikan untuk pengembangan SEO sobat. Selain pemasangan dan pengoperasian yang mudah, tutorial dan keberagaman widget juga bisa menjadi alasan. Kini, tinggal bagaimanan widget tersebut dapat berkerja dengan baik dan mendatangkan ribuan pageview perharinya. Sobat bisa mengoptimalkan dengan cara cara di atas. Semoga widget widget diatas bisa membantu sobat untuk mendatangkan pageview(s).

Cara Memasang Widget Random Post

Widget random post adalah widget yang harus dipasang bagi sobat yang sedang dalam usaha pengembangan SEO. Widget ini dapat menarik pengunjung. Widget ini sangat berguna untuk meng"ekspose" posting posting atau artikel artikel yang kalah tenar dengan yang lain sehingga nantinya terjadi keseimbangan. Untuk cara memasangnya sebenarnya sangat mudah. Sobat hanya harus membuat satu widget HTML/Javascript baru. Tempatkan di tempat yang diinginkan. Kemudian pastekan kode berikut ini ke dalamnya..

<script type="text/javascript">
var acakarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;acakarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in acakarray){if(l==acakarray[j]){ flag=1;}}
if(flag==0&&l!=0){acakarray[i++]=l;}}document.write('<ul>');
for(n in acakarray){ var p=acakarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

Setelah paste, save, lihat pratinjau kalau memang sudah pas baru simpan..

Widget random post ini sebaiknya di tempatkan di tempat yang eye catching dan mudah dilihat. 
Semoga berhasil..

Tuesday, June 12, 2012

Cara Memasang Widget Recent Post dengan Animasi

recent, post widget, kupas ampas
Widget recent post sangat penting. Selain sebagai memperkaya tampilan, widget ini juga bisa menjadi senjata ampuh untuk meningkatkan pengunjung. Untuk cara memasangnya ikuti langkah langkah berikut..

1. Login ke blogger.
2. Masuk rancangan.
3. Add Gadget  HTML / Javascript di tempat yang diperlukan.
4. Letakkan kode di bawah ini sebagai isinya..
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:0px;
margin-left:-5px;
padding:0px 0px;
height:346px;
}
#spylist ul{
width:355px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:287px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQxnoVtKyIuBqbYQ7a9_xV9J8KHMk_OwNHXG2HUQ_feeteV8JmVdcWHp63aaRGuH4jVBePeGu8h8Q1K2KNqeo6767QYTHC0gv5lJIv7890QePp9ZfItVmz6SY4tvRzHa-s7X79CC7HbtIA/s1600/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 0px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
    <script language='javascript'>
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 400;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 60;
thumbheight = 60;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "Reply(s)";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://kupas-ampas.blogspot.com/";
limitspy=5
intervalspy=6000
</script>
<div id="spylist">
    <script type='text/javascript'>
//<![CDATA[
 /*
 * Script dikombinasikan dari bloggerstricks.com
 * spy effect dari jqueryfordesigners.com
 * Oleh Abu Farhan (www.abu-farhan.com)
 * Modifikasi oleh buka-rahasia.blogspot.com
 */
jQuery(function(){jQuery("ul.spy").simpleSpy(limitspy,intervalspy).bind("mouseenter",function(){jQuery(this).trigger("stop")}).bind("mouseleave",function(){jQuery(this).trigger("start")})});(function(e){e.fn.simpleSpy=function(f,g){f=f||4;g=g||5000;return this.each(function(){var l=e(this),k=true,i=[],m=f,o=0,h=l.find("> li:first").height();l.find("> li").each(function(){i.push("<li>"+e(this).html()+"</li>")});o=i.length;l.wrap('<div class="spyWrapper" />').parent().css({height:h*f});l.find("> li").filter(":gt("+(f-1)+")").remove();l.bind("stop",function(){k=false}).bind("start",function(){k=true});function n(){if(k){var p=e(i[m]).css({height:0,opacity:0,display:"none"}).prependTo(l);l.find("> li:last").animate({opacity:0},1000,function(){p.animate({height:h},1000).animate({opacity:1},1000);e(this).remove()});m++;if(m>=o){m=0}}setTimeout(n,g)}n()})}})(jQuery);function showrecentposts(z){document.write('<ul class="spy">');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var o=0;o<numposts;o++){var w=z.feed.entry[o];var g=w.title.$t;var f;var p;if(o==z.feed.entry.length){break}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="alternate"){p=w.link[l].href;break}}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="replies"&&w.link[l].type=="text/html"){f=w.link[l].title.split(" ")[0];break}}if("content" in w){var r=w.content.$t}else{if("summary" in w){var r=w.summary.$t}else{var r=""}}postdate=w.published.$t;if(j>imgr.length-1){j=0}img[o]=imgr[j];s=r;a=s.indexOf("<img");b=s.indexOf('src="',a);c=s.indexOf('"',b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){img[o]=d}cmtext=(text!="no")?'<i><font color="'+acolor+'">('+f+" "+text+")</font></i>":"";var q=[1,2,3,4,5,6,7,8,9,10,11,12];var x=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var u=postdate.split("-")[2].substring(0,2);var h=postdate.split("-")[1];var t=postdate.split("-")[0];for(var e=0;e<q.length;e++){if(parseInt(h)==q[e]){h=x[e];break}}var n=(showPostDate)?'<i><font color="'+acolor+'"> ('+u+" "+h+" "+t+")</font></i>":"";g=(aBold)?"<b>"+g+"</b>":g;var v='<li><a href="'+p+'"><img src="'+img[o]+'" width="'+thumbwidth+'" height="'+thumbheight+'" class="recent-thumb"/></a><a href="'+p+'" class="recent-link">'+g+'</a><div class="spydate">'+n+'</div><div class="spycomment">'+cmtext+"</div>";document.write(v);j++}document.write("</ul>")}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');
//]]>
</script>
</div>
Link blog silahkan diganti. Pastikan ada slash ( / ) di akhir.

Keterangan..
intervalspy=6000          -----> kecepatan scroll.
limitspy=5                     -----> jumlah postingan yang tampil dalam satu tampilan sekaligus.
numpost=10                 -----> jumlah postingan terakhir yang akan dicrawl.

Perhatikan CSS di bawah ini..

#spylist ul{
width:355px;
#spylist li {
width:287px;
#spylist ul adalah untuk keseluruhan ( background dari widget )
#spylist li adalah untuk list untuk list title posting. Jadi, usahakan lebar dari property width di #spylist li lebih kecil dari lebar di #spylist ul. Ini digunakan agar title menjadi warp text pada tempat yang sempurna dan tidak melebihi batas lebar background. Akibatnya, title akan hilang sebagian karena tidak tampak.




- Script dikombinasikan dari bloggerstricks.com.
- Spy effect dari jqueryfordesigners.com.
- Oleh Abu Farhan (www.abu-farhan.com).
- Modifikasi oleh buka-rahasia.blogspot.com.

Thanks buat yang udah berkontribusi besar untuk widget recent post ini...
Selamat mencoba

Thursday, June 7, 2012

Cara Memasang Meta Tag ( Trik Tips Lengkapnya)

pasang meta tag tips lengkapMeta tag sangat diperlukan dalam sebuah blog. Fungsinya adalah untuk memperkenalkan dan meningformasi seluruh isi blog kepada Search Engine layaknya Google maupun Yahoo. Beberapa fungsi diantaranya merupakan deskripsi blog, keyword keyword yang terkandung dalam blog, copyright blog, ataupun bahasa yang digunakan dalam blog itu sendiri. Sekarang fungsi dan jenis dari meta tag sangat beragam. Selain yang sudah disebut diatas, masih ada wilayah waktu yang digunakan, negara asal blog. Semua informasi ini akan diberikan kepada search engine agar mereka bisa mengoptimalkan hasil pencarian untuk keyword atau query tertentu.

Sebelum memulai meletakkan meta tag, sobat harus tau yang satu ini. Menurut penulisannya, meta tag terbagi 2.
<meta content='Author Name here!' name='Author'/>
<meta name='Author' content='Author Name here!'/>
Keduanya hanya berbeda pada peletakan saja, tapi efeknya sama.

Langsung saja, meta tag berada di dalam <head>. Pada dasarnya, sobat hanya perlu meletakkannya tepat di bawah <head> tapi kalau sudah pernah pasang, letakkan saja di bawah kode ini..
<b:if cond='data:blog.pageType == "item"'><title><data:blog.pageName/> | <data:blog.title/></title>
 Kalau tidak ketemu, langsung saja di bawah <head>. Berikut beberapa meta tag dan fungsinya..

<meta content='tips trik blogger blogspot tutorial blog dunia blog berita software full version addons mozilla chrome opini' name='description'/>
<meta content='tips trik, blogspot, blogger, dunia blog, tutorial dan seo, optimalisasi, addons software' name='keywords'/>

Kalau belum pernah di pasang sebelumnya, letakkan di bawah <title><data:blog.pageTitle/></title>. Hal ini bisa saja terjadi kalau template sobat buatan orang lain yang dishare diinternet. Biasanya memang sudah di pasang untuk kemudahan pengguna dan kepentingan SEO.

Meta tag description dan keyword sangatlah penting. Kalau sobat langsung meletakkan seperti yang diatas. Sobat akan mengalami duplicate meta tag dan google sangat membenci hal tersebut. Description dari posting sobat akan sama dengan description dari blog. Akibatnya, sobat akan mengalami penurunan trafik. Oleh karena itu, kita harus menambah b:if cond agar meta tag ini muncul pada saat kondisi tertentu. Sobat tinggal menempatkan meta tag tersebut diantara b:if cond. Hasilnya akan seperti ini.
<b:if cond='data:blog.url == data:blog.homepageUrl'/>
<meta content='tips trik blogger blogspot tutorial blog dunia blog berita software full version addons mozilla chrome opini' name='description'/>
<meta content='tips trik, blogspot, blogger, dunia blog, tutorial dan seo, optimalisasi, addons software' name='keywords'/>
</b:if>
Sesuai dengan tag b:if cond diatas, maka isi atau content dari meta tag description dan keyword sobat hanya akan aktif untuk link homepage. Maka, nanti description homepage blog sobat akan sesuai dengan meta diatas. Untuk postingnya sendiri, sobat tidak perlu takut. Google akan menampilkan description lain yang sesuai dengan query pencarian. Jadi intinya, description dari posting yang ditampilkan di SERP akan di atur oleh Google.  Description ini berisi beberapa kata yang relevan dengan keyword yang sedang dicari. Untuk kata katanya berdasarkan algoritma google. Sobat hanya harus melakukan "serah terima" dengan Google.

Untuk jenis meta tag lain sebenarnya sangat beragam, beberapa contoh dari mereka antara lain:
<meta name="robots" content="index, follow">

<meta name="revisit-after" content="7 days">

<meta name="abstract" content="deskripsi singkat">

<meta name="author" content="nama admin">

<meta name="copyright" content="2012nama blog/author">

<meta name="distribution" content="global"> 

<meta name="generator" content="blogger">

<meta name="language" content="id">

<meta name="rating" content="general">

<meta name="expires" content="never"/>

<meta name="geo.country" content="id"/>

<meta name="geo.placename" content="Indonesia"/>

<meta name="spiders" content="ALL"/>

Fungsi dari meta tag di atas antara lain.

1. Robot.
Tag ini bertujuan untuk mengatur search engine dalam meng-crawl blog anda.

2. Revisit after.
Mengatur Search engine kapan harus kembali dan mengindex blog anda.

3. Abstract.
Fungsinya hampir sama dengan description. Lebih Spesifik dan disingkat.

4. Author.
Memberi tahu search engine pengelola dan admin blog.

5. Copyright.
Menginformasikan pemilik hak cipta terhadap seluruh isi blog.

6. Distribution. 
Menjelaskan distribusi isi blog. Seperti pengelompokan pembaca berdasarkan wilayah. Content lainnya..
Local
IU -----------------------> Internal Use.

7. Generator.
Memberi tahu Search Engine platform yang digunakan.

8. Languange. 
Menginformasikan bahasa yang digunakan dalam blog.

9. Rating. 
Memberitahu target pembaca.

10. Expires.
Memberitahu Search Engine tenggang waktu sebuah blog untuk ditampilkan di Search Engine atau tidak ada batasan waktu.

11. Geo.Country.
Menginformasikan kepada search engine negara asal blog.

12. Geo Placename.
Fungsinya sama seperti Geo Country. Hanya lebih spesifik.

13. Spider.
Mengaturspider  bot mana saja yang boleh mengindex blog anda..


Catatan : Untuk kostumisasi, silahkan ganti tulisan berwarna biru.

Itulah beberapa meta tag yang sering digunakan dalam sebuah blog. Kalau memang blog anda sudah ada sebelumnya, tinggal tambahkan saja. Terima kasih telah membaca Cara memasang meta tag ( Tips Trik Lengkapnya ).

Tuesday, June 5, 2012

Tips dan Cara Mengganti Background Blog


Background memiliki fungsi penting bagi sebuah blog atau website. Selain kenyamanan pembaca, keindahan dan eye catching blog juga tergantung dari background. Untuk kostumisasinya sendiri sebenarnya sangat fleksibel, sobat bisa memberinya warna, menaruh gambar, hingga dengan efek gradient.

Berikut cara cara mengganti background blog..

Untuk langkah paling awal, langsung ke dashboard blog yang akan di edit => rancangan => edit html. Pada edit html, sobat harus menemukan dulu, selector body di htmlnya. Caranya tekan CTRL + F, kemudian cari body, biasanya terletak di awal. Strukturnya seperti ini..

body {propertycss}
atau bisa juga seperti ini..
body {
propertycss
}
ditulisan berwarna merah itulah terdapat property css, misalnya background, width, dan property lainnya. Karena yang ingin diedit adalah background, maka yang diedit adalah value dari property background. Kalau selector body belum ada, cukup ditambahkan saja.Hasilnya akan seperti ini..

body {background:ini value yang akan di rubah;property lain:value lain;}
atau bisa seperti ini ..
body {
background:ini value yang akan di rubah;
property lain:value lain;
}
Kedua contoh di atas berbeda karena penempatan dan optimasi saja, hasilnya tetap sama.
Sobat tidak perlu mengindahkan property dan value yang berwarna hijau , karena saya anggap dalam selector body terdapat banyak property. Fokus hanya pada property dan value background.

1. Warna.
Untuk merubah background menjadi warna tertentu, sobat hanya perlu memasukkan kode warna sebagai valuenya. Bisa berupa kode hex, rgb maupun color name yang bisa dibaca browser,misalnya:whitesmoke,grey atau silver. Hasilnya seperti ini..

body {
background:whitesmoke;
property lain:value lain;
}
Pada contoh di atas, saya menggunakan whitesmoke. Untuk warna lain bisa dilihat di color generator.

2. Gambar.
Jika ingin menggunakan gambar tertentu sebagai background, sobat harus menghostingnya terlebih dahulu. Setelah itu copy dan pastekan direct link gambar ke property background. Sobat harus menambah url sebelum link gambar. Link harus dibuka dan ditutup dengan tanda kurung "(....)".Hasilnya seperti ini.
body {
background:url (link gambar);
property lain:value lain;}
Silahkan ganti link gambar yang berwarna merah dengan link gambar yang sudah di hosting tadi.

3. Warna + Gambar.
Mungkin sobat bingung kenapa harus kedua duanya. Bukankah itu menghabiskan bandwidth?? Penggunaan warna dan gambar sekaligus dimaksudkan untuk mengantisipasi jika suatu saat gambar gagal loading ataupun link salah. Hal ini sangat berpeluang jika gambar yang sobat gunakan bukan dihosting sendiri atau tempat hosting gambar background sedang down. Jadi, saat gambar tidak muncul, maka warna akan menggantikan. Contohnya seperti ini..
body {
background: #f5f5f5 url (link gambar);
property lain:value lain;}
Warna yang digunakan sebaiknya mengikuti warna dominan dari gambar background agar tidak menghilangkan identitas blog. Silahkan ganti warna merah dengan warna dan link gambar anda sendiri.

4. Gradient.
Saat ini gradient banyak digunakan karena bisa menampilkan banyak warna, secara visual mirip dengan gambar. Padahal itu adalah perpaduan warna yang memerlukan css khusus yaitu gradient. Selain itu, memasang efek gradient sebagai background cenderung lebih cepat ketimbang gambar. Untuk penggunaanya, agak sedikit rumit.
background-image: -webkit-linear-gradient([kode warna] [ukuran pixel], [kode warna] [ukuran pixel]); 
Contohnya seperti ini..
body {
background-image:  -webkit-linear-gradient(#cccccc 80px, #f5f5f5 20px)
property lain:value lain;}
Warna merah bisa diganti dengan selera masing masing..Untuk konfigurasi lebih mudah silahkan ke Gradient Generator.

Semoga cara cara di atas dapat membantu sobat dalam mengedit blog agar tampil lebih baik di mata pengunjung. Penggunaan dan pengkostumisasian gradien maupun css hanyalah sebagai layout. Dont forget the king. No shortcut way to become success.

Super Screenshot Addon yang Wajib Punya

Sobat suka edit template?? Wajib punya addons yang satu ini. Bagi yang suka edit dan buat template untuk blog atau website yang di publish / di share ke internet pasti harus menyertakan demonya. Baik berupa gambar maupun link yang memakai template tersebut. Addon ini sangat berguna untuk memperlengkap demo yang berupa gambar.

Addons ini bernama Awesome Screenshot:Capture & Annotate. Untuk Fiturnya sendiri bisa dibilang sangat lengkap. Setelah gambar di capture, bisa langsung diedit, baik dengan menempatkan tulisan, blur maupun bentuk bentuk sederhana lainnya. Yang paling beda, addon ini punya fitur scroll capture, yaitu bisa menangkap (mencapture) seluruh halaman web / blog. Fitur ini sangat berguna untuk lebih menarik pembaca karena mereka bisa melihat demo template yang full view. Karena bagaimanapun juga, target publish template ini adalah koversi. Bagaimana caranya agar pengunjung mendownload dan menggunakan template yang dipublish tadi.

Untuk previewnya bisa di liat di video ini..


Untuk downloadnya bisa langsung ke link di bawah ini..
https://chrome.google.com/webstore/detail/alelhddbbhepgpmgidjdcjakblofbmce
Setelah download n instal, gunakan, publish kemudian dapatkan banjir komentar..

Monday, June 4, 2012

5 Hal Yang Wajib Diketahui Saat Mengedit CSS

Bagi sobat yang sedang gila gilanya edit tampilan blog, pasti tau yang namanya CSS, kan?? Memang tampilan visual sebuah blog sangat penting. Selain kenyamanan pembaca dan eye catching, kecepatan loading blog juga sangat ditentukan oleh tampilan blog itu sendiri. Salah satu pertimbangan Google untuk hasil SERP maksimal, selain sitelink dan hasil SEO lainnya adalah Loading Blog. Loading blog yang cepat punya kesempatan lebih besar dan lebih baik dimata Google. 

Kali ini saya akan share 5 hal yang sobat semua wajib ketahui saat mengedit tampilan atau CSS.

1.Letak. Yang ini saya akan mencoba angkat kembali. Pasti sobat udah tau, kan?? Letak CSS biasanya terletak dari <b:skin><![CDATA[ sampai ]]></b:skin>. Pengambarannya kira kira seperti ini..

<b:skin><![CDATA[
..............................................................................................................................................................................................................................................................................................
]]></b:skin>
Dititik titik itulah terdapat CSS, meskipun tidak menutup kemungkinannya terdapat langsung di elemennya. Lihat contoh di bawah..
<img src="http://websiteiniasemua.com/img/aaaaaaa.jpg" alt="belajar css" width="304" height="228" border="10px groove" />
Cara penempatan CSS seperti ini dinamakan inline style. Biasa digunakan untuk menjadi "pembeda" dari lain. Misalnya digunakan pada tulisan, judul atau elemen lain yang ingin dibedakan.

2. Margin and Padding. Banyak designer blogger yang masih salah kaprah tentang beda margin dan padding. Fungsinya sama untuk mengatur jarak atau posisi. Sebenarnya masih ada properti postion yang bisa digunakan. Fungsi Margin dan Padding sangatlah beda. Margin cenderung jarak di luar elemen sedangkan Padding jarak di dalam elemen dengan pusatnya(konten). Bingung??2 elemen ini dipecah oleh border. Berikut deskripsi amatirnya..
3. Property dan Value. Yang ini sobat semua wajib tau. Value yang sangat menentukan tampilan nantinya. Value ini harus sesuai dengan Propertynya. Meskipun property yang bisa value berbeda beda, namun intinya tetap sama. Misalnya, px dan %, em, pt dan lain lain. Saat mengedit CSS, lihat dulu propertynya, misalnya width, maka valuenya bisa dengan px, cm, auto dan juga %. Jadi, ketahui dulu value dari setiap property CSS yang akan digunakan. Sebaiknya bereksperimen dulu menggunakan developer tools dari setiap browser yang sobat pakai. Lihat hasilnya, betulkan valuenya maupun propertynya kemudian baru pasang di html sebenarnya..

4. ID dan Class sebagai CSS selector. ID  dan Class bisa sangat berbeda. Fungsinya bagi CSS sama, untuk menjadi selector atau bagian yang akan diubah oleh CSS yang kemudian diletakkan pada HTML. id bisa disebut dengan Individual, dalam artian bahwa elemen yang akan di rubah adalah tunggal. Lihat Contoh di bawah..
#belajarcss {
text-align: center;
background: whitesmoke;
}
Berdasarkan contoh di atas, maka elemen yang diubah adalah elemen dengan id="belajarcss" atau id='belajarcss' karena ada yang menggunakan petik 1 atau 2.
Catatan =

  1. Jangan memulai id dengan angka karena tidak akan bekerja di Firefox / Mozilla Firefox.
  2. Saat ingin memasang CSSnya, gunakan '#' sebagai atributnya. Lihat contoh di atas.

Sedangkan untuk attribut class yang dirubah adalah sekumpulan elemen yang tergabung dalam sebuah grup tertentu. Jadi, didalamnya terdapat banyak elemen. Lihat contoh di bawah..
.sidebar {
text-align: center;
background: whitesmoke;
}
Berdasarkan contoh di atas, maka elemen yang diubah adalah semua elemen yang tergabung dalam class="sidebar" atau class='sidebar'.
Catatan = 
  1. Jangan memulai class dengan angka karena hanya bisa di Internet Explorer.
  2. Saat ingin memasang CSSnya, gunakan '.' sebagai atributnya. Lihat contoh di atas.
5. Hasil. Hasil sangat penting untuk diketahui. Sobat harus lihat hasil atau preview sebelum kode CSS tersebut benar benar dipasang. Baca : Addons untuk edit blog.

CSS hanyalah menjadi pengiring konten dalam membentuk SEO. Cara di atas hanya menjadi Navigator. Selalu siapkan konten fresh, original dan penuh kreatifitas dalam perjalanannya.
Semoga beberapa hal "kecil" bisa membantu sobat dalam mengedit tampilan blog/web.

Have a nice blogging day..

reference : w3schools

Sunday, June 3, 2012

Pengertian dan Cara Mendapatkan Google Sitelinks

Sekarang banyak sekali blogger yang sedang dalam usaha mencari membentuk kredibilitas (kualitas, kapabilitas, atau kekuatan untuk menimbulkan kepercayaan) dan otoritas blog baik dimata pengunjung maupun SE. Salah satu tujuannya adalah Google Sitelinks. Berbagai cara sudah dilakukan, mulai dari costum domain atau baik gratis maupun berbayar hingga lomba update artikel sebanyak banyaknya dalam 1 hari. Kali ini saya akan membahas tentang Google Sitelinks. Meskipun saya masih di perjalan ke sana, saya akan coba bagikan beberapa tips dan trik yang sobat bisa gunakan. Sebelumnya sobat harus tau apa itu Google SiteLinks.

Apa Itu Google Sitelinks??

Sitelink adalah sekumpulan link yang muncul di hasil pencarian Google (SERP) di bawah link atau situs tertentu. Bingung?? Berikut penjelasan lebih mudahnya..
  1. Hasil pencarian (situs tertentu)
  2. Sitelink.
Jumlah sitelink tergantung dan (bisa) berbeda beda. Ada yang 1, 2, 3 dan seterusnya. Namun jumlah sitelink maksimal 6.

Apa Fungsi Sitelinks??

Fungsi sitelink dibedakan menjadi 2:
Untuk admin blog/web.
Sitelink sangat berguna admin blog atau website tersebut. Sitelink menandakan kredibilitas atau kualitas sebuah blog. Selain itu, Sitelink bisa menjadi alat tambahan trafik blog. 

Untuk Pembaca.
Simak ulasan Google berikut ini.
The links shown below some of Google's search results, called sitelinks, are meant to help users navigate your site. Our systems analyze the link structure of your site to find shortcuts that will save users time and allow them to quickly find the information they're looking for.
Bunyinya kira kira seperti ini..
Sekumpulan link yang berada di bawah hasil pencarian Google, dinamakan Sitelinks, dimaksudkan untuk membantu pengguna dalam menjelajah (navigasi) situs anda. Sistem kami menganalisa struktur link dari situs anda untuk menemukan shortcut(jalan pintas) yang akan menghemat waktu si pengguna (tidak membuang waktu si pengguna) dan menjadikan mereka secara cepat dapat menemukan informasi yang mereka cari.
Jadi, intinya, Google Sitelink ditujukan agar membantu si pengguna dan menghemat waktu mereka.

Ada Lain Yang Harus Saya Ketahui??

Simak ulasan Google di bawah ini.
We only show sitelinks for results when we think they'll be useful to the user. If the structure of your site doesn't allow our algorithms to find good sitelinks, or we don't think that the sitelinks for your site are relevant for the user's query, we won't show them. 
At the moment, sitelinks are automated. We're always working to improve our sitelinks algorithms, and we may incorporate webmaster input in the future.  
Terjemahan amatirnya kira kira seperti ini.
Kami hanya menampilkan sitelink untuk hasil pencarian dimana kami pikir mereka (sitelink) berguna bagi si pencari. Jika struktur dari situs anda tiidak sesuai dari algoritma kami dalam mencari sitelink yang bagus, atau menurut kami sitelink dari situs anda tidak relevan (sesuai) dengan  dengan query si pengguna, kami tidak akan menampilkannya.
Saat ini sitelink adalah otomatis. Kami selalu berusaha untuk meningkatkan algoritma sitelink kami ,  dan mungkin kami akan memasukkan saran (masukan) webmaster kedepannya.
Meskipun artinya dibalik sedikit biar mudah, masih ngerti kan??
Jadi sitelink adalah sekumpulan link yang Google anggap itu berguna untuk si pencari. Satu yang harus sobat tau, Sitelink itu otomatis. Artinya Google akan memberikannya otomatis jika memang menurut mereka pantas.

Bagaimana Cara Mendapatkannya??

Beragam dan bermacam cara bisa sobat coba untuk mendapatkan Google Sitelink.

1. Anchor Text. Anchor Text atau text berlink bisa jadi hal paling mudah yang bisa sobat lakukan. Pastikan link sobat tersebut relevan.
2. Alt Tag dan Duplikasi. Google sangat menyarankan alt tag sobat sangat informatif dan padat. Selain itu, pastikan blog sobat tidak terdapat pengulangan kata. Simak pernyataan mereka berikut ini .
For example, for your site's internal links, make sure you use anchor text and alt text that's informative, compact, and avoids repetition.




3. Konten. Google sitelink tidak harus selalu halaman. Sitelink bisa berupa archive jika memang tidak dinonaktifkan. Selain itu, konten berupa posting bisa juga menjadi sitelink. Biasanya konten konten atau posting yang sering dibaca pengunjung. Oleh sebab itu, sobat sebaiknya menulis konten original. Usahakan juga sobat punya posting andalan. Artinya posting yang bisa berupa fresh, atau posting yang banyak di cari pengunjung. Bisa dicoba dengan penjelasan yang detail.

4. Navigasi. Segala bentuk link yang menjadi navigasi maupun lainnya haruslah jelas dan tertata dengan baik sehingga memudahkan pengunjung dan "memudahkan" Google buat Sitelink untuk blog kita.

5. Meta tag. Meta tag yang relevan semakin meningkatkan kesempatan untuk mendapatkan sitelink. Gunakan keyword yang paling dioptimasi paling pertama pada meta tag keyword. Selain itu meta tag description juga harus relevan.

6. Keyword. Terus optimasi keyword sobat, kebanyakan sitelink adalah keyword dari blog atau website tersebut.

7. SERP. Tingkatkan terus hasil SERP blog sobat, dengan konten original dan fresh ataupun dengan kiat kiat optimasi SERP lainnya.

8. Terus bersabar sampai akhirnya dapat sitelink..

Itulah beberapa cara untuk bisa mendapatkan sitelink.


Your Goal is How much time do you have.