Sufyan Tsauri's Blog » JQuery http://tsauri28.myhaley.com/blog Let's Blogging !!! Tue, 07 Feb 2012 09:31:17 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Optimasi Search Engine Bag-1 http://tsauri28.myhaley.com/blog/optimasi-search-engine-bag-1/ http://tsauri28.myhaley.com/blog/optimasi-search-engine-bag-1/#comments Thu, 12 Mar 2009 03:25:39 +0000 tsauri28 http://tsauri28.myhaley.com/blog/?p=516 Beberapa teman banyak yang menanyakan tentang bagaimana menerapkan SEO (Search Engine Optimization) dalam webblog dan website mereka, karena tertarik dengan blog saya yang baru berumur beberapa bulan ini bisa nangkring di urutan teratas om google dengan kata kunci : “asep sufyan tsauri“, “asep sufyan“, “asep tsauri“, dan “tsauri28“, sehingga bisa ngikut Pak Nukman Luthfie nulis di catatan facebooknya dengan “Just googling my name. Its all about me :) ”. (bukan sombong, cuma narsis) :D

Jawaban saya sebetulnya simpel dan emang saya tidak banyak macem-macemin webblog saya ini, cuma sedikit melakukan trik saja. Mau tahu trik-trik dahsyat dan spektakuler apa saja yang saya lakukan selama ini?, berikut ulasannya.

Pertama,
Membuat url webblog saya menjadi lebih bersahabat, maksudnya kebanyakan orang masih tidak memperdulikan url-nya tidak karuan seperti http://tsauri.co.cc/index.php?p=231. Nah, kalau saya menganggap url itu penting, biar ketika orang baru melihat url-nya saja sudah bisa menebak dengan jelas. Contohnya http://tsauri28.myhaley.com/blog/facebook-connector/ , anda bisa menebak kan apa isinya url itu?.

Karena saya saat ini menggunakan WordPress sebagai engine-nya, untuk membuatnya seperti diatas sangat mudah, caranya tinggal masuk ke wp-admin -> setting -> permalinks disana di bagian common settings saya pilih custom structure dan mengisinya dengan /%postname%/, untuk mempelajari lebih lanjut tentang struktur permalinks wordpress silahkan pelajari di sini!.

Nah, dengan langkah diatas (katanya) akan mempermudah search engine seperti google untuk dapat me-crawl website kita adalah dengan menjadikannya relevan dengan suatu topik atau tema tertentu. Tulisan saya tentang google crawling ada di sini!.

Kedua,
meta
Membuat dan menjadikan Title dan Description webblog saya dengan senarsis mungkin :D . Ya, itulah yang saya lakukan. Titlenya

“Asep Sufyan Tsauri | Founder Myhaley.com, Moslem Technopreneur, Web designer, Freelancer”

terus descriptionnya

“Tulisan-tulisan Asep Sufyan Tsauri tentang teknologi, technopreneurship, ambisi, dan Cita-cita. Penulis sering menggunakan id dengan nama tsauri28, untuk dapat menghubunginya silahkan hubungi melalui email tsauri28@myhaley.com”.

Coba, gak narsis gimana? hehe.. pokoknya yakinkan search engine bahwa webnya Asep Sufyan Tsauri itu ya webblog ini (gitu loh). Nah, bagi yang belum tahu bagaimana memanipulasi title dan description beginilah caranya :

Coba buka file web anda, disana ada tag-tag html bukan?, nah coba sisipkan atau ubah (bagi yang belum ada) dibagian <head></head> dengan <title> title yang anda inginkan </title>, kemudian tambahkan juga <meta name=”description” content=”description yang anda inginkan” />. Juga bisa ditambahkan <meta name=”keyword” content=”<keyword apa saja yang anda inginkan” />.  Catatan : untuk keyword dipisahkan dengan tanda koma (,) Contohnya <meta name="keyword" content="freelancer, webdesign, dll, dst" />.

Nah buat pengguna wordpress ada plugin yang sangat membantu kita dalam memanipulasi title dan meta-meta lainnya namanya “All in One SEO” monggo lihat review-nya di sini!.

Demikian tulisan bagian pertamanya, mudah-mudahan bermanfaat!.

Tambahan :
Tulisan saya tentang google crawling ada di sini!.

Sumber gambar “Meta”  : http://gembong.web.id/images/2008/03/meta-tag.jpg

Hormat Saya,signature

]]> http://tsauri28.myhaley.com/blog/optimasi-search-engine-bag-1/feed/ 8 Iseng : Implementasi CrossSlide JQuery Plugin http://tsauri28.myhaley.com/blog/iseng-implementasi-crossslide-jquery-plugin/ http://tsauri28.myhaley.com/blog/iseng-implementasi-crossslide-jquery-plugin/#comments Sat, 25 Oct 2008 23:59:33 +0000 tsauri28 http://tsauri28.myhaley.com/blog/?p=134

Loading…

Code yang digunakan untuk membuat Slide diatas adalah :

18
19
20
21
22
23
24
25
26
27
28
29
30
31

<script type="text/javascript" id="source-test2">//<![CDATA[
$(function() {
$('#test2').crossSlide({
  sleep: 2, //in sec
  fade: 1   //in sec
}, [
  { src: 'http://farm4.static.flickr.com/3249/2963827210_aa678f2510.jpg' },
  { src: 'http://farm4.static.flickr.com/3059/2962980953_5aabb4803a.jpg'   },
  { src: 'http://farm4.static.flickr.com/3005/2925504209_45b6acf931.jpg' },
  { src: 'http://farm4.static.flickr.com/3005/2925504209_45b6acf931.jpg' },
  { src: 'http://farm4.static.flickr.com/3108/2926352662_063c315b82.jpg' }
]);
});
//]]></script>

Sumber : http://www.gruppo4.com

]]> http://tsauri28.myhaley.com/blog/iseng-implementasi-crossslide-jquery-plugin/feed/ 0