8 Koleksi Free WordPress Themes dari evaneckared

koleksi-designed-wp-themes

Pencipta Themes Notepad Chaos di Smashing Magazine

Siapa Web Developer dan Graphic Designer yang tidak mengenal www.smashingmagazine.com :) dia adalah majalah Web dan Design Terpopuler di seantero jagad maya. Saat itu saya membaca sebuah postingan yang cukup menarik karena mereview salah satu Worpdress Themes Premium yang benar-benar full design! bernama Notepad Chaos. Themes Gratisan ini memang cukup fenomenal pada saat kemunculannya, kenapa? tentu saja karena design themes-nya yang terbilang unik dan ‘seperti’ themes berbayar.

Dibawah ini adalah sedikit review dari saya terhadap sang pencipta themes-themes keren luar biasa bernama evaneckared.com, jika anda terkesan silahkan DOWNLOAD saja sesuka anda, GRATIS kok :D

“Desktop Chaos” WordPress Theme

“Desktop Chaos” adalah free themes variant dari Notepad Chaos.
theme-desktop-chaos

“Cellar Heat” WordPress Theme

“Cellar Heat” juga Gratis untuk diunduh, tersedia juga dalam style terang, lihat themes lainnya dibawah.theme-cellar-heat

“Cellar Heat Light” WordPress Theme

“Cellar Heat Light” , tergolong unik dengan konsep gridded-style theme.theme-cellar-heat-light

“Simply Ornate” WordPress Theme

“Simply Ornate” adalah themes wordpress yang benar-benar fokus mengusung konsep typography and patterns. Tersedia dalam 5 rasa :).theme-simply-ornate

“Notepad Chaos” WordPress Theme

“Notepad Chaos” diciptakan dan didedikasikan secara Exclusive untuk website Smashing Magazine. Download theme disini.theme-notepad-chaos

“Humidor” WordPress Theme

“Humidor” adalah Free Wodrpress Themes yang cukup elegan untuk blog pribadi anda.theme-humidor

“Gotham Nights” WordPress Theme

“Gotham Nights” themes gratis lainnya dari 8 koleksi, menarik sekali bagaiman designernya mempadu-padankan warna gelap dengan aneka warna terang pada bagian headernya.theme-gotham-nights

“Royal” WordPress Theme

“Royal” seperti namanya, Royal Themes mencoba memberikan kesan “Terhormat” dalam setiap detail desain yang dibuatnya.

theme-royal

Tutorial, Tips & Trik Membuat Favicon.ico dengan Adobe Photoshop

Apakah itu Favicon dan Apakah Kegunaannya?

Bagi anda yang belum terlalu mengerti tentang Apakah itu Favicon dan Bagaimana Cara Membuat Favicon.ico?, saya rasa postingan saya kali ini akan sangat menginspirasi anda… karena sayapun demikian :)

Favicon.ico adalah sebuah file Icon Windows yang ber-extentions (berakhiran file) *.ico. Custom Icon imut ini memang biasanya berukuran sangat kecil yaitu 16×16 pixel saja. Perbedaaan antara Favicon (Favorite Icon) dengan Windows Icons biasa adalah kegunaanya yang terbilang sangat unik, yaitu sebagai ‘inisial’ logo sebuah Website/Blog yang muncul tepat disebelah kiri alamat URL Website/Blog pada Address Bar Browser (Firefox, Internet Explorer, Flock, dll) Internet anda.

Cara Membuat Favicon .ico

Selain itu juga Favicon.ico biasa muncul pada situs/page yang anda Bookmarked (Tandai), Pada Tabs Browser ataupun sebagai Icon Shortcuts/Folder di Operating System Windows anda.

Sekilas Tentang Plugin Adobe Photoshop

Apakah itu Photoshop Plugin? Anda mungkin tahu saat ini hampir semua Program Aplikasi Grafis ‘menyediakan‘ suatu menu interaktif bagi para Coder/Programer untuk mengembangkan menu-menu tambahan yang dapat di-‘colokin’ (Plug In) dengan mudah dan sesuka hati oleh User sesuai dengan jenis-jenis Plugin yang mereka butuhkan.
Biasanya Plugin-plugin ini secara mandiri dibuat oleh Programer di seluruh dunia secara cuma-cuma alias GRATIS, tentu saja pasti ada tujuan dibalik ‘semangat gratis’ tersebut :D apalagi kalo bukan “Traffic“, “Popularity” dan “Bussiness“.

Free Download Photoshop Plugin *.ico File Format Exporter

Seperti yang dijelaskan sebelumnya tentang fungsi dari Plugin Photoshop, berikut ini adalah satu buah Plugin Gratisan yang benar-benar bermanfaat sekali untuk pembuatan Custom Favicon atau Favorites Icon buatan sendiri, silahkan download langsung dari website penciptanya:

Free download favicon maker plugin from Telegraphics.com.au »»

Bagaimanakah Cara Menginstall Favicon Plugin dari Telegraphics

Sebenarnya mengenai cara menginstall dan sebagainya, semuanya sudah tercatat lengkap di file README.html di file hasil download diatas… namun jika anda benar-benar Newbie atau memang belum terlalu paham saya kasih sedikit tutorial instant dech :) :

  • Ketika file *.zip telah sukses anda extract maka disana akan terdapat file-file berikut ini : ICOFormat.8bi, gpl.html, README.html
  • Yang perlu anda lakukan adalah Copy-Paste file ICOFormat.8bi ke:
    Drive System Windows (c:\) » Program Files » Adobe » Adobe Photoshop (CS/CS2/CS3/CS4) » Plug-Ins » File Formats (Paste di folder ini!!)

Tutorial Memulai Membuat Favicon 16×16 Pixel Blog/Website Anda

Secara default ukuran sebuah Favicon agar tampil sempurna dan cepat dalam proses loading adalah bentuk persegi dengan ukuran Width (lebar) 16 pixel dan Height (tinggi) 16 pixel. Permasalahan yang muncuk ketika mendesain icon dengan ukuran tersebut adalah ‘terlalu kecilnya’ area kerja setting design yang kita lakukan :( untuk itu jika anda sudah biasa menggunakan Adobe Photoshop dan berencana membuat logo icon untuk weblog anda berikut adalah beberapa TIPS & TRIK dari saya:

  • Buatlah file baru dengan image size 64x64px, yaitu melalui FILE » NEW »
  • Buatlah desain sesuka hati anda, dan ingat! background favicon bisa dibuat transparant seperti layaknya kita melakukan desain untuk mode *.gif atau *.png
  • Jika anda telah selesai dalam tahapa design masuklah ke menubar IMAGE » Image Size dan ketikan width:16 dan Height:16 Pixel

    TIPS UNTUK PENGGUNA VERSI CS: ketika memperkecil sebuah image gunakanlah/centang opsi Resample Image dan pilih “Bicubic Sharper” pada menu Image Size diatas, ini akan mengurangi gambar kabur (Blur) yang mengakibatkan favicon menjadi tidak jelas.

    TIPS EXTRA RETOUCH: Jika anda merasa masih kurang maksimal dalam tingkat ‘jelas’ tidaknya image favicon buatan anda ketika diperkecil… cobalah teknik standart berikut:

    • Undo atau kembali ke ukuran 64×64 pixel sebelum anda rubah ukuran imagenya
    • Pada menubar pilih FILTER » Sharpen » Sharpen
    • Masih kurang? :D masuk ke menubar IMAGE » Adjustment » Hue/Saturation » Geser Slider Saturations ke Kanan hingga warna tampil lebih kontras
    • Kembali rubah ke ukuran 16x16px + “Bicubic Sharper” » OK!

Save As Desain Favicon Buatan Anda dengan Nama favicon.ico

Ini dia hasil akhir pembuatan desain favicon dengan akhiran file (format) favicon.ico, caranya sangat-sangat dan sangat mudah :D… jika anda telah sukses menginstall Plugin ICO Format yang dijelaskan di sub bab sebelumnya, maka ketika anda melakukan proses Save As maka akan muncul satu buah pilihan format file baru dengan mode *.ico (lihat gambar), selamat mencoba :)

Bagaimanakah Cara Menginstall Script Favicon Agar Muncul di Website/Blog Anda

Secara konsep sebenarnya ini sangat mudah untuk dilakukan oleh Blogger yang sudah terbiasa bongkar pasang kode HTML dan PHP di wordpress themes (seperti saya :) ), namun sekedar mengingatkan saja berikut adalah langkah-langkah mudah memunculkan favicon.ico di Blog/Web anda:

  • Upload file favicon.ico hasil kreasi anda di Adobe Photoshop ke folder Root/www (top level) agar bisa muncul otomatis dan mudah terbaca oleh Browser.

    TIPS: Gunakanlah progam aplikasi FTP Client kesukaan anda untuk melakukan ini :D

  • Buka dan edit file header.php di folder themes pada template WordPress anda, dan diatara tag <head></head> selipkan kode tambahan seperti berikut ini:
    • jika icon dalam *.ico bisa gunakan ini:
      <link rel=”Shortcut Icon” href=”/favicon.ico”>
    • jika icon dalam *.ico bisa juga gunakan ini:
      <link rel=”icon” href=”/favicon.ico” type=”image/x-icon”>
    • jika icon dalam *.ico + bekerja di IE 7+ gunakan 2 kode ini:
      <link rel=”shortcut icon” href=”favicon.ico”>
      <link rel=”icon” type=”image/ico” href=”favicon.ico”>
    • jika icon dalam *.png (non-IE) gunakan ini:
      <link rel=”icon” href=”/favicon.png” type=”image/png”>
    • jika icon dalam *.gif (non-IE) gunakan ini:
      <link rel=”icon” href=”/favicon.gif” type=”image/gif”>
  • Jangan lupa Upload file header.php hasil editan anda ke folder “www/wp-content/themes/nama-themes-anda/” sehingga antara file & script diatas bekerja dengan maksimal

Lakukan Testing Hasil Hacking Themes Anda

Saya asumsikan anda telah sukses melakukan kedua hal diatas dengan benar, maka dari itu cobalah Refresh Browser anda dan masuk kembali ke URL Blog/Web anda, jika masih belum juga lakukan metode Clear Cache pada menubar OPTIONS di browser anda :)

TIPS: Anda juga dapat menambahkan akhiran ‘?’ di akhir alamat url Web/Blog anda agar Browser menganggap halaman tersebut adalah 100% baru

Submit Blog di Direktori Blogger Indonesia ngeblog.biz

Submit Blog atau Add Url ke berbagai situs Web Directory atau Direktori Blog gratisan maupun berbayar adalah aktifitas wajib bagi para Blogger Indonesia untuk tujuan Link Building atau yang biasa disebut Optimasi Offpage SEO (Search Engine Optimization) atau untuk sekedar meningkatkan Domain Authority blog yang kita bangun.

Apakah Manfaat Submit Blog atau Submit URL?

Seperti yang sudah banyak diketahui oleh para Blogger pada umumnya, algoritma Google atau rumus cara Google menentukan rangking suatu blog atau website di SERP (Search Engines Result Pages) adalah selalu dinamis dan seringnya selalu berubah-rubah setiap saat dan inilah yang menjadi tantangan berat bagi orang yang menjadi konsultan Jasa SEO Murah di Indonesia.

Update terbaru hingga artikel ini dibuat Google sudah berganti ke era Gogole Panda kemudian kini menjadi era Google Penguin dimana pada akhirnya mesin pencari paling canggih di Internet ini sangat menghargai konten yang orsinil dan bermanfaat bagi pembaca, selain itu dukungan share, like, retweet, pin, dll. dari Media Sosial juga sangat diperhitungkan untuk tampil dihalaman pertama pencarian kata di Google.

Namun bukan berarti Backlink atau link luar dari blog/situs lain yang mengarah ke halaman di domain kita yang menjadi point dari artikel Submit Blog ini tidak menjadi nilai plus! namun sepanjang yang saya amati kini Google tidak menjadikan itu segala-segalanya seperti dulu. Kini backlink yang baik dan sehat itu adalah Back Link yang natural (terkesan orang lain sengaja mereferensikan url kita), tidak berlebihan (tidak over backlink atau SPAMING!), berkualitas atau datang dari situs-situs yang memiliki PR (Page Rank) tinggi contohnya seperti backlink dari situs-situs dengan Domain Authority tinggi dan terjamin seperti situs-situs resmi pemerintahan (.gov, .go.id), edukasi (.edu, .ac.id), dll.

Domain Authority Blog Untuk mengetahui pagerank, alexarank, DMOZ.org listed, Website history, backlink nofollow & dofollow, dll. dari domain milik kita silahkan klik langsung tools CekPR untuk » Bagaimana Cara Mengecek Domain Authority

Jadi sekali lagi Manfaat Submit Blog atau Submit URL adalah untuk meningkatkan pagerank blog/domain kita dan meningkatkan Blog Authority, dll. yang semuanya itu sangat bermanfaat untuk menguatkan rangking kita di hasil pencarian google sesuai keyword atau kata kunci yang kita kejar.

Rekomendasi Submit Blog Dofollow Yang Wajib untuk Blogger

Submit Blog di Direktori Blogger Indonesia ngeblog.biz Sebenarnya banyak sekali situs Blog Diretory populer yang menerapkan url Dofollow dengan Pagerank tinggi misalnya PR3, PR4, PR5, PR6, PR7, dll. bahkan sebagian situs-situs Directory Listing tersebut menerapkan sistem Auto Approve Listing atau tanpa moderasi admin sama sekali untuk menampilkan blog kita disana, namun untuk kali ini saya akan merekomendasikan salah satu situs Submit Blog Dofollow di direktori milik saya sendiri khusus untuk anda para Blogger-blogger Indonesia, yaitu:

Submit URL Ayo langsung saja Submit Blog anda melalui external link berikut ini » ngeblog.biz

Jangan lupa juga untuk bergabung dengan memberikan like di official fanpage ngeblog.biz yaitu “The Republic of Indonesian Blogger“:

Ayo Pasang Badge The Republic of Indonesian Blogger di Widget Blog!

Berikut adalah beberapa code badge atau banner yang dapat anda pasang dan tunjukan kepada semua orang di sidebar atau widget blog anda:

  • BADGE STYLE 1 (125x125px)


    ngeblog.biz

    <a href="http://ngeblog.biz" target="_blank" title="The Republic of Indonesia Blogger"><img src="http://www.designerlistic.net/designerlistic-badge/the-republic-of-indonesian-blogger-badge-designerlistic.net-1.png" alt="The Republic of Indonesia Blogger" /></a>

  • BADGE STYLE 1 (125x167px)


    ngeblog.biz

    <a href="http://ngeblog.biz" target="_blank" title="The Republic of Indonesia Blogger"><img src="http://www.designerlistic.net/designerlistic-badge/the-republic-of-indonesian-blogger-badge-designerlistic.net-2.png" alt="The Republic of Indonesia Blogger" /></a>

  • BADGE STYLE 1 (210x67px)


    ngeblog.biz

    <a href="http://ngeblog.biz" target="_blank" title="The Republic of Indonesia Blogger"><img src="http://www.designerlistic.net/designerlistic-badge/the-republic-of-indonesian-blogger-badge-designerlistic.net-3.png" alt="The Republic of Indonesia Blogger" /></a>

  • BADGE STYLE 1 (83x21px)


    ngeblog.biz

    <a href="http://ngeblog.biz" target="_blank" title="The Republic of Indonesia Blogger"><img src="http://www.designerlistic.net/designerlistic-badge/the-republic-of-indonesian-blogger-badge-designerlistic.net-4.png" alt="The Republic of Indonesia Blogger" /></a>

  • BADGE STYLE 1 (300x300px)


    ngeblog.biz

    <a href="http://ngeblog.biz" target="_blank" title="The Republic of Indonesia Blogger"><img src="http://www.designerlistic.net/designerlistic-badge/the-republic-of-indonesian-blogger-badge-designerlistic.net-5.png" alt="The Republic of Indonesia Blogger" /></a>

Demikianlah artikel lengkap mengenai cara mudah melakukan submit blog berikut rekomendasi situs Direktori Web ngeblog.biz dari kami, terimakasih untuk atensi anda para Blogger WordPress, Blogspot, dll. yang sudah membaca dan mengambil manfaat dari salah satu Tutorial SEO dasar ini, semoga bermanfaat dan semoga sukses.

Kupas Tuntas Twitter Social Networking untuk SEO Web Designer

Oke inilah artikel tentang dunia Sociable Network atau jaringan bersosialisasi ;) yang benar-benar menggugah adrenaline saya untuk mengupasnya lebih dalam khususnya bagi anda seorang Web Designer dan umumnya bagi siapa saja yang memang doyan bertemu sapa dengan orang di seluruh dunia.

Saat ini terdapat banyak sekali situs-situs sosial yang populer di dunia, seperti Friendster, Facebook, MySpace, dll. Jika anda seorang Mahasiswa atau ABG pasti mengetahuinya dengan detail seluk beluk bagaimana mencari teman, sahabat, pacar, jodoh dan cinta ;) di layanan situs ini bukan? selain itu juga anda biasanya akan dengan mudah menampilkan photo-photo kesayangan anda untuk nampang keren and beken di sub domain yang disediakan oleh social website tersebut.

Mmm…ternyata banyak sekali tipe-tipe situs sosial saat ini, yang saya contohkan diatas adalah tipe social site yang memberikan keleluasaan bagi membernya untuk mempublikasikan dirinya sendiri di dunia maya, jadi lebih tepatnya seperti album photo pribadi ;) dimana orang bisa sekedar melihat-lihat sekaligus memberikan komentar dan bertukar biodata dengan diri kita.

twitter-designerlisticNah! ada sebuah situs layanan sociable yang benar-benar fokus dalam Show Up! apa saja tentang diri anda dengan singkat, misalkan apa yang sedang anda lakukan, peristiwa apa saja yang menggugah perasaan anda, pesona hidup dan suasana hati anda saat ini, dll. Salah satunya Twitter!!

twitter

website ber-icon Burung (entah burung pipit atau burung kenari ;) ) kecil yang lucu, disana digambarkan burung kecil ini selalu berkicau tiada henti.

 

Anda lihat icon burung dengan nama Twitter di pojok atas website jarumsuntik.com, designerlistic.net ini, itulah salah satu contoh apa yang bisa dilakukan si Twitter ini, dia bisa “memfasilitasi” siapa saja secara real-time untuk “Berkicau” setiap saat tentang apa yang anda lakukan sekarang kepada teman, keluarga ataupun rekan kerja anda.

satu hal yang pasti… jika anda dapat memanfaatkan social networking Twitter ini untuk mendatangkan visitor (pengunjung blog/website) sebanyak mungkin, anda telah sukses menerapkan konsep SEO (search Engine Optimization) untuk Web Designer ;)

Alasan kenapa Twitter sangat berguna untuk Web Designer?

1. Twitter mendukung konektivitas secara real-time antara seorang dengan lainnya dengan sederhana, yaitu “Apa yang sedang kamu lakukan?”, layaknya seperti Short Message Services (SMS) pada mobile phone, twitter juga menyediakan 140 character untuk anda via mobile texting, mobile web, instant message, third party API projects, ataupun pada website, dan uniknya siapa saja dapat follow (mengikuti/menelusuri) si pemberi pesan dan memberinya balasan.

2. Anda paham konsep SEO coba bayangkan jika anda mengetikan sesuatu info yang penting pada pesan anda, kemudian orang lain akan menelusuri link yang anda ketik, misalkan e-mail, url blog, refferal site, dll. itu akan sangat menguntungkan anda bukan? traffic dan tujuan bisnis anda pun terdongkrak ;)

3. Anda dapat menggabungkan Twitter dengan Blog/Website anda dengan cara menempelkan code lisitng Java Script pada sidebar (widget) web atau blog anda, agar pesan-pesan yang anda ketik di twitter.com akan muncul juga secara langsung di halaman web anda, dibawah ini adalah contoh kode program javascript yang saya gunakan pada WordPress blog saya ini:

twitter-code-in-wordpress

Catatan : pada bagian code yang bertuliskan “designerlistic”  pada
src="http://twitter.com/statuses/user_timeline/designerlistic.json?callback=twitterCallback2&count=1" itu adalah username saya di Twitter.Com, anda ganti dengan username anda sendiri.

4. Jika anda pengguna Containt Management System (CMS) WordPress anda dapat mendownload Plugin Twitter Tools secara Free atau gratis, sehingga anda tidak perlu mengunjungi website Twitter.Com setiap saat anda ingin menulis pesan singkat, anda cukup masuk ke Administrator Panel > Write > Tweet, namun jangan lupa untuk mengetikan id code anda di twitter profile ke Setting > Twitter Tools agar antara blog anda dapat terkoneksi langsung dengan username setting di website Twitter.Com.

5. Dan satu hal unik yang saya lihat adalah, blog / website ber-alexa rank tinggi (kira-kira dibawah 500.000) dan ber-design professional hampir semuanya menggunakan Twitter.Com sebagai media komunikasi mereka ;) benar-benar menginspirasi saya.

Koleksi Source design Photoshop (psd) dan PNG icon Twitter yang sangat populer di kalangan Web Designer?

Berikut ini adalah beberapa icon set avatar burung Twitter yang saya suguhkan ulang dari sharebrain.info . Anda dapat mendownload file-file source Free Twitter Bird Icons dibawah untuk anda tampilkan di widget blog anda, menarik bukan ;)

Twitter Bird Icons & Illustration

http://wefunction.com/2008/07/freebie-twitter-icons-illustration/
by Pasquale D’Silva

Twitter Bird

http://www.flickr.com/photos/fortrel/2034452099/
by Alexandre Lemieux

Twitter Bird Icon

http://www.iconspedia.com/icon/twitter-bird-5-63.html
by IconTexto

Feed & Twitter Monster Icons

http://fasticon.com/freeware/index.php/feed_twitter/
By:Dirceu Veiga

Practika: A Free Icon Set

http://www.smashingmagazine.com/2008/09/23/practika-a-free-icon-set/
by DryIcons

Free Twitter Buttons (Includes Animated GIFs)

http://siahdesign.com/archives/150
by siahdesign.com

High Resolution Twitter Bird Icons

http://thedesignsuperhero.com/2008/10/free-psds-give-away-high-resolution-twitter-bird-icons/
by Aravind Ajith

Free Twitter Graphics

http://randaclay.com/freebies/free-twitter-graphics/
by Randa Clay

It’s Twitter Time! Free vector icon set

http://www.productivedreams.com/its-twitter-time-free-vector-icon-set/
by Gopal Raju

48px Twitter Birds Icons

http://wefunction.com/2008/06/function-free-icon-set
by wefunction.com

Lisa’s twitter bird

http://flickr.com/photos/darkmotion/2691565773/

Bagaimana? jika anda punya alamat twitter sendiri silahkan publikasikan pada komentar dibawah ini ;)

Panduan 1001 alasan kenapa harus WordPress untuk Bloger

Euforia Nge-Blog Anak Bangsa saat ini

Baiklah, semua selalu diawali dengan pertanyaan “Apa” dan “Kenapa” WordPress? Sebelumnya mungkin saya ingin berbagi cerita tentang trend “Menulis” artkel yang biasa dilakukan oleh orang-orang pada jaman dahulu kala ;). Mereka mempunyai hobby yang sama yaitu menyalurkan hobby menulisnya melalui media koran dan majalah, walau hanya sekedar cerita pendek, serial bersambung ataupun mungkin berita seputar pendidikan, sosial masyarakat dan lainnya.

Orang-orang tersebut bisa disebut “Responden”, yang selalu berjuang melayangkan pos ke suatu majalah untuk sekedar berjuang dan mendapatkan “Imbalan Jasa” atas apa yang telah dikaryakan olehnya..

Itulah inti dari munculnya ide pembuatan website berkonsep “Blog”, blog artinya “Menulis”, menulis apa saja sesuka si penulisnya. Blog itu ibarat “Majalah” dimana disitu terdapat konsep yang menjadi format baku majalah tersebut.

Yang pertama misalkan adanya “Nama Majalah” atau jika kita sandingkan dengan konsep web adalah “Domain atau Subdomain” misalkan jika di majalah adalah “Soccer” dan di blog adalah “www.duniasoccer.com atau soccer.wordpress.com” misalkan, jika di majalah ada editorial dan daftar isi” maka di website ada “Home atau Index” jika di Majalah ada “Iklan koran” maka di Website Blog ada Banner atau adsense” ;)

Itulah banyak tujuan untuk nge-blog saat ini, mungkin karena mudahnya memiliki website Blog sendiri tanpa mengeluarkan uang sepeserpun, tanpa jaminan “BPKB” atau “Akte Tanah” anda cukup bermodalkan alamat e-mail , anda sudah dapat memiliki blog sendiri, dengan catatan anda “Nebeng” dengan website milik orang lain misalkan http://namabloganda.wordpress.com. Atau jika anda memiliki kocek berlebih anda dapat langsung “Mengepakan sayap” anda dengan membeli domain sendiri agar terlihat lebih “Professional”, ga mahal kok cukup dengan uang Rp. 80 ribuan setahun sayapun sudah memiliki nama website www.designerlistic.net ;) Oke! alasan lainnya mungkin ingin meningkatkan prestisi atau nilai kebanggan karena anda punya blog sendiri, sebagai tempat anda mencurahkan ide-ide dan pemikiran. Namun satu lagi yang pasti dengan memilki Website Blog banyak orang yang menjadi “Kaya Raya” karena “Menyewakan” pojok-pojok halaman web nya dengan iklan-iklan (banner), benar-benar passive income yang menjanjikan lhoo…

Whatever..apapun maksud dan tujuan dari “euforia” nge-blog ini yang pasti Orang-orang diseluruh dunia, termasuk “barudak” Indonesia telah menjadi lebih “Melek IPTEK” dan menjadi lebih “Kreatif”.

Sampai kapanpun saya selalu mendukung siapa saja selalu ingin “Merubah Nasibnya” dengan “Belajar dari Ilmu dan Pengalaman orang lain”, salut untuk anak bangsa yang creative untuk selalu menulis dan menulis… ;)

Kenapa harus WordPress tidak yang lain

Mmmm..ini pertanyaan yang paling seru, perlu diketahui saya Sanny Rizky Jatnika ;) adalah tidak jauh berbeda dengan anda, sayapun masih “Awam” dengan segalanya, yaaa walaupun saya lulusan Teknik Informatika, kemudian mengajar kuliah Graphic Design dan Animasi dan bekerja sebagai Professional IT” (maaf..hehe) saya pun selalu terus belajar dan belajar agar saya bisa meraih mimpi-mimpi di masa depan.

Oke! segitu saja tentang curhatnya. Sudah 2 Tahunan kebelakang ini saya “Berkelana” untuk belajar programing PHP secara otodidak dan membuat “Percobaan-percobaan” project seperti www.mayasariplaza.com dan lainnya, sayapun telah banyak belajar bagaimana memulai merancang website yang baik mulai dari awal hingga akhir.

Dan sayapun telah “menemukan” bahwa saat ini web dengan konsep dynamic website (website dengan pengolahan data secara dinamis) adalah wajib hukum dibandingkan dengan website yang static, kenapa? coba anda bayangkan bagaimana jadinya jika website seperti detik.com (situs warta berita) tidak menggunakan konsep dinamis tersebut, yang artinya tanpa menggunakan konsep Database (penyimpanan & pengolahan data ke sebuah tabel) sedangkan berita yang dikumpulkan dari wartawan bisa sebanyak 10-100 berita sehari, benar-benar pekerjaan “berat” bagi programer karena harus mengedit secara manual langsung di kode-kode program untuk meletakan tulisan dan photo-photo terbarunya setiap jamnya, belum lagi munculnya banyak error dikarenakan perubahan secara langsung terhadap master code di server, waah! benar-benar gawat ;)

Karena itulah munculah suatu konsep dynamic web dengan membuat suatu pusat pengendalian (Control Panel) yang biasa disebut Containt Management System,

anda lihat gambar disamping ini itulah CMS milik dari WordPress,

dengan adanya “Software” atau “script-script” PHP, Ajax, Javascript, dll ini anda dapat mengolah tulisan, memasukan gambar, video, music, animasi flash, hingga bongkar pasang website anda dengan mudah! tanpa kemampuan programing sekalipun!

Anda cukup belajar “1 Bab” dasar saja tentang FTP Server dan PHPMyAdmin dan memulai menginstall-nya dengan mudah,

Jadi intinya sekarang Website bukan hanya untuk Web Programer saja tapi sudah menjadi milik siapa saja ;)

Beikut adalah alasan-alasan kenapa harus memakai WordPress untuk nge-blog:

1. Software CMS WordPress Gratis untuk didownload jika anda ingin menginstall-nya sendiri di computer local (tidak terkoneksi dengan internet) ataupun untuk diinstal di server web hosting milik anda (jika ingin domain sendiri seperti website designerlistic.net ini)

2. Jika anda ingin “Bergabung” dengan www.wordpress.com anda dapat langsung mendaftarkan diri anda langsung di id.wordpress.org (bahasa indonesia) atau www.wordpress.org (english), dan mulailah “berburu” nama subdomain kesayangan anda, misalkan belajarblog.wordpress.com, namasaya.wordpess.com, kotasaya.wordpress.com, dll. Ayo! cepetan mumpung gratis ;)

3. Banyaknya ratusan themes (tema) atau tampilan-tampilan website instant yang dapat anda download dan bongkar pasang secara gratis pada blog kesayangan anda, jadi anda dapat memilih style website blog sesuai dengan tema website anda, semuanya mudah tinggal Upload file templates wordpress ke server web host anda dan aktifkan di CMS WP dengan satu kali click saja ;)

4. Pekerjaan menulis menjadi sangat mudah karena tampilan dan fasilitas mengetik di CMS dibuat se-User Friendly sekali, mmm…rada-rada mirip Ms. Word lah ;) begitu mudah memasukan Foto, player Music dan Video atau file-file lainnya seperti ZIP, RAR kedalam tulisan anda tadi.

5. Mudahnya mengorganisasikan Link antar halaman, membuat category untuk tulisan yang anda buat, tags (kata yang berkaitan dengan tulisan anda), membuat halaman baru, dll.

6. Dibuat juga system auto save ketika anda menulis sehingga suatu saat anda perlu kembali ke daftar Undo anda tinggal mengclicknya dengan mudah, dan yang lebih hebat lagi ketika anda menekan tombol save, semua tulisan-tulisan anda akan langsung “dilaporkan” ke berbagai Search Engine, benar-benar sangat mendukung konsep SEO (Search Engine Optimization) yang saya sampaikan di artikel saya sebelumnya. Selain itu juga terdapat fasilitas spell check & previews, sehingga sebelum ketikan anda benar-benar di publish (menerbitkan) ke khalayak umum anda bisa melihat preview (tampilan sementara) halaman tersebut dengan mudah.

7. Beberapa themes yang mendukung widget atau daftar menu di samping halaman web blog anda dapat dengan mudahnya drag and drop menu-menu tambahan seperti kalender, menu pencarian, iklan, komentar terbaru, halaman paling populer, dll.

8. Satu hal yang sangat saya salut dari WP ini adalah besarnya antusias seluruh programer dan designer untuk membuat themes dan plugin-plugin yang sangat bermanfaat bagi blog kita, seperti sitemap otomatis, adsense manager, feed, polling pengunjung, data statistik pengunjung secara lengkap dan detail, dan masih banyak lagi, untuk plugin ini saya akan sampaikan dalam artikel saya selanjutnya.

9. Terdapatnya fasilitas Export database dan Import Database sehingga anda dapat “Bekerja” di rumah dan mengupload seluruh tulisan dan sturktur blog anda langsung ke internet di warnet ;) ngirit bukan? dan begitu juga sebaliknya anda dapat mendownload seluruh isi web anda di internet dan membukanya di computer local (offline) di kamar anda.

10. Dan masih banyak lagi fasiltas lainnya.

Itulah beberapa alasan-alasan saya memutuskan untuk “Berhijrah” ke WordPress, selain menghemat waktu saya karena terus menerus menulis code PHP dan Javacsripts ketika ingin menambah failitas-failitas tambahan pada website, saya juga mendapatkan banyak sekali keterbatasan CMS dari apa yang telah saya pelajari sebelumnya. Anda lihat sekarang saya bisa lebih sering menulis artikel dan tutorial karena semuanya sudah cukup sempurna;) saya ucapkan salut untuk WordPress dan Bloger WordPress!! tunggu artikel saya selanjutnya tentang bagimana memodif WP dan Themes sehingga bisa sesuai keinginan anda

Semoga bermanfaat ;)

Containt Management System

Tips & Trick 301 .htaccess

“MOVING FORWARD” atau Hijrah adalah pekerjaan yang sangat melelahkan, bagaimana tidak website yang telah kita bangun dari mulai “0” dan telah mendapatkan Query Index pada hasil pencarian (Search Engine Result Page (SERP)) dari Search Engines seperti Google, tiba-tiba ketika anda “merubah”, “mengganti” atau “menghapus” halaman di website anda yang telah “diakui” oleh Mesin Pencari, kemudian Visitor mengetikan kata-kata yang berhubungan dengan website anda (misalkan: Free Graphic Design Indonesia) di google.co.id , ternyata begitu muncul URL website anda di halaman 1 Baris 1 (Hebat baget tuh) dan user tersebut tertarik dan meng-click link tersebut..Apa yang terjadi!! munculah pesan error 404 ERROR PAGE, atau halaman tidak ditemukan. Saya camkan itulah Awal dari Kiamat (Maaf) untuk website anda, bagaimana tidak untuk mendapatkan rangking muncul di halaman 1-3 itu adalah pekerjaan luar bisa, sampai-sampai anda harus bekerja keras untuk mempelajari Search Engines Optimization (SEO), atau banyak orang juga menyewa jasa SEO tersebut dengan mengorek kocek ratusan $Dollar perbulan….

Intinya adalah jangan menyia-nyiakan Search Engine Page Result yang telah anda dapatkan di beberapa mesin pencari populer seperti Google, Yahoo dan MSN karena disitulah para Visitor akan mengunjungi website anda dengan cuma-cuma tanpa diminta tanpa memasang iklan dan tanpa dipikirikan sekalipun. Jadi jika anda termasuk orang yang “Moving Forward” seperti saya (dari website biasa ke WordPress Containt Management System), anda wajib mempelajari Tips & Trick 301 .htaccess yang saya baru pelajari berikut ini:

Catatan penting tentang htaccess redirection Trick:

  1. Pastikan ketika meng-upload file  .htaccess dari laptop anda ke server adalah selalu menggunakan mode file ascii (selalu akan muncul di fasilitas CPanel, Spanel, dll di web hoster anda), karena mengirinkannya dalam mode binary akan menghancurkan kombinasi kode pada struktur filenya (dan tentu saja membuat server anda tidak bahagia alias lambretooo…hehe)
  2. .htaccess tidak dapat bekerja pada server yang menggunakan Operating System Windows, jadi bagi anda yang terlanjur menggunakan Sistem Operasi itu berpikirlah ulang untuk segera berpindah.
  3. Pastikan juga anda mengecek dua hingga tiga kali. kosongkan Cache pada browser anda (biasanya melalui tools>option>clear/delete cache,cookies,dll), test juga server headers untuk memastikan anda melihat si “301” (yang berarti permanen) bukan si 302 (yang berarti sementara) .
  4. Semenjak beberapa Sistem Operasi tidak mengijinkan anda membuat file hanya dengan akhiran (extention) saja “.htaccess“, contohnya seperti sistem operasi Windows, maka anda harus menamai file untuk disimpan di server tersebut dengan nama htaccess.txt terlebih dahulu dan kemudian setelah di upload ke server Linux anda dapat menggantinya menjadi .htaccess .
  5. Pastikan juga program aplikasi untuk meng-upload file-file website anda yaitu ftp program mempunyai kemampuan untuk memunculkan file .htaccess (FileZilla adalah ftp program terbaik pilihan saya, Free karena berlisensi GNU) benar-benar sederhana ;)
  6. Cek ulang juga, apakah file .htaccess itu sudah ada di server anda, jangan sampai anda menimpanya (overwrite) denngan begitu saja, tanpa mengcopy code-code yang telah ada sebelumnya (karena beberapa server juga telah mensetting secara otomatis halaman ini untuk halaman pemunculan pesan error 404 pages).
  7. Dan untuk contoh dibawah ini jangan lupa anda merubah domain www.designerlistic.net dengan domain anda sendiri.. ;-)

Setalah anda memahami beberapa proses diatas masuklah ke root folder (tingkatan folder setelah www.namadomainanda.com/ ) di website anda, download file .htaccess (jika telah ada) ke komputer local anda dan editlah dengan Notepad. Jika anda memakai FTP Client software anda tetap saja tidak menemukan  see file .htaccess di server anda, cek ulang settingan program FTP anda, dan pastikan anda telah menghidupkan konfigurasi invisible / system files.

Untuk me-redirect halaman tertentu saja:

Redirect 301 /halamanlama.php http://www.designerlistic.net/halamanbaruanda.php
Redirect 301 /namafolderlama/halamanlama2.php http://www.designerlistic.net /namafolderbaru/

Untuk me-redirect website lama ke alamat website baru:

Redirect 301 / http://www.new-site.com/

Untuk me-redirect struktur “www.designerlistic.net/index.php” ke “www.designerlistic.net/”:

Teknik ini digunakan agar Search Engine tidak memberikan penalty (penghapusan hasil index di database SERP) karena ada duplikasi halaman antara namadomainanda.com/ dengan namadomainanda.com/index.php
Options +FollowSymLinks
RewriteEngine on
# index.php to /
RewriteCond %{THE_REQUEST} ^[A-Z]{3, 9}\ /.*index\.php\ HTTP/
RewriteRule ^(.*)index\.php$ /$1 [R=301,L]

Oke selamat mencoba!

Addapted from www.webweaver.nu

Panduan SEO (Search Engine Optimization) untuk Web Designer

Artikel berikut ini saya adaptasi dari WebDesignerWall.com, kenapa saya mereferensi ulang artikel ini yaitu semata-mata karena besarnya manfaat yang saya rasakan dalam mendapatkan lebih dari 2000 Unique Visitor hanya kurang dalam 1 Bulan (sejak 26 Agustus 2008) atau sejak website ini On-line di internet. Namun tidak hanya sampai disitu artikel ini juga saya kembangkan dengan berbagai info penting lainnya berikut pengalaman-pengalaman saya selama mendalami dunia web design dan search engines optimization, semoga bermanfaat.Dari hasil survey jajak pendapat yang telah dilakukan hanya terdapat 1 saja dari 10 orang yang berpikir bahwa keahlian SEO (Search Engine Optimization) adalah sesuatu yang wajib dimiliki oleh seorang Designer, dan yang sangat mengejutkan adalah tidak kurang dari 24% bahkan tidak mengetahui apakah sebenarnya itu SEO itu! jika Anda termasuk dalam seperempat orang yang tidak tahu apakah itu SEO atau mengetahui seberapa besar hal itu dapat menolong Anda, saya yakinkan Anda sangat-sangat diwajibkan membaca artikel ini. Karena ini adalah “Panduan Rahasia Search Engine Optimization Untuk Designer” yang ingin belajar bagaimana cara membuat sebuah situs atau blogs milik Anda akan “diketemukan” secara cuma-cuma oleh Visitors (pengunjung) melalui Search Engine (situs mesin pencari). Didalam artikel ini saya akan mencoba menjelaskan beberapa kesalahan umum yang sering dibuat oleh para Designer dan developers, kemudian setelah itu saya akan menyuguhkan sedikit tips dasar yang harus Anda praktekan untuk mengoptimalkan situs Anda di mata Search Engines.

Kenapa Anda harus mempelajari SEO?

Sebagai Designer SEO adalah menjadi tanggung jawab Anda, karena Andalah yang membuat struktur situs, khususnya dibalik segala keindahan yang terkandung dalam mahakarya design Anda, disanalah terdapat berbagai aturan-aturan yang Anda harus ikuti, demi satu tujuan yaitu mendapatkan peraihan angka pengunjung yang tinggi dan banyaknya backlink referrals (situs orang lain yang mereferensikan halaman internet Anda dengan cara meletakan link yang mengarah ke situs Anda).

Jika situs buatan Anda tidak bersahabat dengan Search Engine, Anda bisa benar-benar kehilangan traffic pengunjung, karena selain Visitors (pengunjung) mengetikan alamat “www.namasitusAnda.com” dan backlink referrals, search engines lah satu-satunya jalan yang menuntun orang untuk menemukan situs Anda, bahkan tanpa Anda minta sekalipun.

Tedapat banyak keuntungan memiliki situs dengan jumlah traffic pengunjung yang sangat tinggi. Sekedar contoh, situs Designerlistic.net ini memiliki komposisi pengunjung yang terus bertambah setiap harinya, dan ternyata hanya 15% saja yang mengetikan langsung url http://www.designerlistic.net pada browser, sisanya sebanyak 15% berasal dari backlink referrals dan 70% berasal dari Search Engine, yang berarti sebanyak 70% setiap bulan adalah potensi pengunjung baru Kami. Bayangkan saja jika tanpa referensi dari Search Engine, Maka Kami akan kehilangan ratusan hingga ribuan pegunjung setiap harinya. Hal itu juga berarti akan sangat beresiko tinggi kehilangan klien potensial untuk tujuan bisnis Kami, karena sebuah situs akan dihargai dari nilai ranking yang diberikan oleh google (Page Rank Google) dan Alexa Traffic rank.

SEO berarti juga adalah nilai tambah sebuah pelayanan. Sebagai seorang Designer/developer Anda dapat menjual SEO skills Anda ini sebagai pelayanan khusus untuk client Anda.

Bagian Dasar: Bagaimanakah Cara Kerja Search Engines?

Pertama-tama, mari kita lihat bersama bagaimanakah cara kerja “crawler” yang dimiliki oleh Search Engines. Setiap Search Engine memiliki program otomatisnya sendiri yaitu yang dinamakan ” Spider” atau ” crawler”. Tugas mereka adalah menelusuri, membaca dan mengumpulkan content (isi situs), kemudian mengikuti semua links yang ada (baik itu link dari situs itu sendiri maupun link dari situs yang lain/external yang tertuju ke situs kita). Kemudian Spider menumpuk seluruh informasi yang didapatnya kedalam sebuah database Search Engine yang dinamakan index.

Nah, kemudian ketika pencari informasi mengetikan sebuah kata kunci (query) didalam kotak inputan disebuah Search Engine, kemudian Search Engine akan mencari dan menemukan hasil yang paling relevan dari kata-kata kunci yang dicari pencari informasi tadi dan tentu saja informasi yang ditampilkan pada hasil pencarian (Searc Result) tersebut bukanlah langsung mencari ke situs-situs di seluruh dunia pada saat itu juga, namun Search Engine mengambil data hasil pencarian dari database yang sudah didapat pada index tadi, itulah mengapa pencarian yang dilakukan oleh Search Engine bisa sangat cepat hingga hitungan sepersekian detik saja untuk setiap kata kunci yang Anda cari.

Tips: “Setiap crawler atau Spider melakukan proses index ke seluruh domain situs di seluruh dunia dalam waktu yang berbeda-beda, bisa jadi itu dilakukan hingga berminggu-minggu kedepan, maka dari itu ada kalanya posisi situs kita untuk kata kunci tertentu selalu berubah-rubah, contoh pada tanggal 26 Agustus hingga sebelum Idul Fitri situs Designerlistic.net selalu muncul pada urutan pertama pada search.yahoo.com dengan keywords (kata kunci) “design kartu lebaran” hal ini dimungkinkan karena saya membuat halaman download dan artikel mengenai Free Design Templates Download Idul Fitri 1429H jauh-jauh hari sebelum bulan puasa tiba sehingga situs ini akan lebih awal terindeks oleh Search Engine dan dianggap paling unik dilihat dari isi dan relefansinya, alhasil traffic situs ini naik hingga 300% dari minggu pertama launching, benar-benar menguntungkan bukan. Intinya tips dari saya diatas adalah Anda harus peka (timing) terhadap selera pasar yang menjadi niche Anda”.

Belajarlah dari Guru SEO sebenarnya yaitu Google, MSN dan Yahoo

Dari seluruh Artikel, Tutorial, Tips and Trik dan berbagai referensi belejar SEO saya jamin 100% inilah guru terbaik anda, anda wajib mempelajarinya langsung dari master SEO sebenarnya, kenapa? ya jelaslah… merekalah yang membuat aturan dan rumus-rumus SEO, dan disana anda akan menemukan berbagai panduan untuk menjadi webmaster agar dapat memaksimalkan hasil pencarian di SE.

Anda dapat menemukan Link langsung menuju masing-masing search engine tersebut di sini:

Ternyata Tidak Ada Misteri SEO! di Google, MSN dan Yahoo

Tugas Anda Adalah Sebagai Search Engine Optimizer

Setiap Search Engine memiliki algoritma atau konsepnya sendiri untuk menilai sebuah halaman pada situs. Dengan cara memahami faktor-faktor umum yang mempengaruhi algoritma tersebut, hal itu berarti dapat juga mempengaruhi posisi Anda dalam hasil pencarian yang dilakukan oleh calon pengunjung. Inilah yang menjadi tujuan utama seorang ahli SEO. Pekerjaan SEO memiliki dua aspek yaitu: On-situs and Off-situs.

  • On-site SEO: sesuatu yang Anda lakukan didalam situs Anda sendiri sperti: HTML markups, target keywords, internal linking, struktur situs, dan lainnya.
  • Off-site SEO: adalah sesuatu yang kurang dapat Anda kontrol seperti, berapa banyakah backlinks (link dari situs lain yang mengarah ke situs Anda) yang anda dapatkan dan bagaimana cara orang-orang menungujungi situs Anda, apakah mengetikan langsung, apakah dari iklan, apakah dari Search Engine, apakah dari e-mail, refferal, dll.

Catatan: “Panduan SEO pada artikel ini memiliki penekanan aspek On-site SEO. Sedangkan untuk Off-site SEO kuncinya adalah jika Anda melakukan pekerjaan Anda dengan benar dan mendesign situs yang cantik kemudian selalu menyuguhkan content situs yang berguna bagi orang banyak maka secara otomatis Anda akan mendapatkan Off-situs backlinks dan social bookmarks tanpa Anda mengerakan jari Anda sekalipun”.

9 Kesalahan Terbesar SEO yang Dibuat Oleh Designers dan Developers

Splash Page

Saya sering kali melihat kesalahan ini ketika seseorang hanya menempatkan sebuah banner (iklan/gambar) yang besar dengan sebuah link “Click here to enter” atau “Click disini” untuk melanjutkan pada homepage (halaman depan) situs tersebut. Hal yang terburuk adalah kalimat “enter” link tersebut di design dengan cara tanam/gabung (embed) kedalam objek animasi Flash, yang tentu saja akan membuat sesuatu yang mustahil untuk Spiders mengikuti link yang dibuat tersebut.

Hal ini tentu saja tidak berarti apa-apa jika Anda tidak peduli tentang apakah Search Engine akan mengenali situs Anda atau tidak, namun tetap saja Anda melakukan kesalahan besar. Karena biasanya Homepage adalah halaman dengan rangking paling tinggi pada situs Anda dan mendapatkan kunjungan crawl paling sering oleh Spiders. Sedangkan halaman-halaman lainnya yang terdapat didalam struktur situs Anda tidak akan berpengaruh kedalam Search Engine index tanpa struktur link yang jelas dari homepage yang ditelusuri Spider.

Kesimpulannya homepage Anda wajib berisikan (minimal) target keywords dan link-link menuju halaman-halaman penting dalam isi situs Anda.

Tips: “Itulah kenapa homepage sebuah situs lebih banyak ditulis index.php atau index.html keimbang home.php atau default.php karena pada dasarnya homepage akan berisikan index (kumpulan) link-link singkat (preiview) menuju isi halaman penting didalamnya, contoh nyata paling gampang dapat Anda lihat pada setiap halaman pertama sebuah koran atau surat kabar, disana pasti akan terdapat potongan-potongan cerita singkat yang mengarah kehalaman tertentu didalam isi beritanya, lengkap bukan? Anda pun dapat melakukannya pada situs Anda yaitu bisa dengan cara menempatkan kumpulan link seperti Blog Archives, Recent Post, Related Articel, Related Download, Top 10 Popular Download, dll”.

Fakta Menu atau Tombol Flash adalah Non-Spiderable (tidak ter-Spider)

Banyak Designer membuat kesalahan ini, yaitu dengan menggunakan banyak menu atau tombol animasi Flash pada situs buatannya, seperti gaya fade-in teknik roll-over yang canggih. Saya yakin hal itu akan terlihat keren bagi Anda, namun satu hal yang pasti, teknik seperti itu tidak akan “terlihat” sama sekali oleh Search Engine, lebih parahnya semua link yang ada pada menu Flash tersebut tidak akan ditelusuri oleh Spider-nya Search Engine.

Image dan Content Flash

Pada dasarnya Spider sangat menyukai situs yang berbasis text, mereka tidak dapat membaca text yang di embed kedalam sebuah graphic gambar, photo ataupun Flash. Banyak sekali Designer yang membuat kesalahan ini dengan menggabungkan content yang sangat penting (seperti target keywords) didalam Flash dan image.

Tips: “Didalam keseharian saya juga disibukan dengan aktifitas mengajar di kampus LP3i Tasikmalaya, selain saya melakukan sharing ilmu dengan Mahasiswa dalam mata kuliah Graphic Design & Photo Editing, saya juga diamanatkan untuk memegang mata kuliah Graphic Animation (Adobe Flash), permasalahannya adalah saya selalu mengingatkan anak didik saya ketika membuat suatu website full flash, sediakan juga satu link untuk menampilkan versi HTML nya (yang paling baik adalah pada halaman index dan menu bar bagian atas), suatu pekerjaan yang menyusahkan memang, tapi demi tujuan SEO lah kita harus melakukannya, dan hasilnya spider akan mengindex seluruh isi website tersebut plus!! kelebihannya juga adalah pengunjung dapat disuguhkan dua macam gaya website yang menarik”

Penggunaan fasilitas Ajax yang berlebihan

Kebanyakan web developer selalu mencoba memuaskan hati para pengunjung website-nya dengan cara memasang fasilitas Ajax secara berlebihan (biasanya untuk tujuan navigasi), akan tetapi tahukah Anda hal itu adalah kesalahan BESAR SEO? Karena content Ajax selalu dipanggil secara dinamis (langsung ke website), artinya hal ini tidak tertelusuri oleh Spider yang artinya juga tidak ter-index oleh Search Engines.

Versi Theme Design

Dengan alasan tertentu, beberapa Web Designers sangat menyukai untuk membuat versi theme untuk situs mereka kedalam sub level folders (contoh: seperti www.mayasariplaza.com/v2/index.php, www.mayasariplaza.com/v3/index.php, www.mayasariplaza.com/v4/index.php misalnya) dan ketika dibuat versi baru misalkan v5 maka semua versi sebelumnya akan di redirect kedalam folder baru v5 tadi (agar pengunjung ketika mengetikan url ke versi 1-4 akan langsung dialihkan langsung ke versi 5 yang baru). teknik ini secara langsung akan berakibat berpindahnya lokasi utama root yang mengakibatkan Anda kehilangan hitungan backlink dan ranking halaman yang telah disimpan di database Search Engine sebelumnya. yaitu dikarenakan broken link.

“Click Here”, “Click disini”, “Baca selengkapnya”, “Detail” Link Anchor Text

Anda pasti sering melihat link dengan tulisan seperti contoh diatas, biasanya tombol berupa link tulisan tersebut digunakan untuk melanjutkan sebuah headline berita ke halaman artikel yang lebih lengkap mengenai topik pada headline tersebut, contoh penggunaan link anchor text dapat Anda lihat pada headline artikel situs NewbieStudio.Com ini. Hal tersebut sangat bagus sekali jika Anda ingin meraih perhatian Visitors dan mendapatkan rangking halaman yang tinggi dengan tulisan-tulisan “Click Here” / “Click disini” / “Baca selengkapnya” / “Detail”. Namun jika Anda ingin menunjukan kepada Search Engine bahwa halaman yang Anda buat tersebut adalah halaman penting untuk topic tersebut, maka gunakanlah topic/keyword pada link anchor text tersebut. hal ini menjadi suatu nilai yang lebih positif jika Anda menuliskan kata “pelajari selengkapnya tentang {keyword atau topic}” atau “baca selengkapnya tentang {keyword atau topic}” atau “lihat detail tentang {keyword atau topic}”, dll.

Warning: Jangan pernah menggunakan kata-kata yang sama untuk setiap anchor text pada seluruh isi situs Anda. Terkadang hal ini malah sering dianggap sebuah spam oleh Search Engine.

Tips: “Didalam pengalaman saya, ketika melihat hasil pencarian yang muncul pada Search Engine seperti Google atapun Yahoo, anda bisa melihat bahwa format yang muncul adalah Title Tag suatu halaman di website anda, kemudian Content halaman tersebut yang berhubungan dengan keywords yang diketikan pencari informasi, dan yang terakhir url halaman tersebut, maka dari itu saya anjurkan anda lebih memilih menggunakan judul artikel atau berita sebagai link ke detail berita selanjutnya, karena akan memiliki rank yang tinggi dibandingkan penggunaan contoh diatas”.

Kesalahan umum pada Title Tag (Tag Judul)

Title Text yang sama atau terlalu mirip:
Setiap halaman pada situs Anda harus memiliki tag judul <title tag> yang unique dengan Target Keywords didalamnya. Banyak web developers sering melakukan kesalahan yang sama ini yaitu lebih tepatnya membuat title tags yang sama hampir diseluruh halaman situs. Sepertinya hal itu dengan gamblang memberi tahukan Search Engine bahwa setiap halaman dalam situs Anda mereferensikan topik yang sama sehingga tidak ada yang satupun halaman yang unik dengan halaman yang lainnya..

Salah satu contoh yang mudah didapat adalah penggunaan tag judul yang digunakan WordPress dengan theme yang standar. Kenyataannya banyak orang tidak pernah mengetahui bahwa tag judul tersebut benar-benar tidak berguna sama sekali, lebih jelasnya adalah seperti: Nama situs > Blog Archive > Judul Postingan. Kenapa teknik ini sangat tidak bersahabat dengan Search Engine? jawabannya adalah setiap halaman akan dianggap memiliki satu halaman yang sama yaitu “Nama situs > Blog Archive >” yang ditulis pada awal pengetikan kode pada tag <title>. Jika Anda benar-benar ingin memasukan nama situs Anda, maka seharusnya Anda mengetikannya pada akhir tag judul yaitu: Judul Postingan | Blog Archives | Nama situs Anda..

Title Tag yang melebihi batasan 65 karakter huruf:
Banyak Bloggers menulis tag judul dengan kalimat (keyword) yang sangat panjang. Memangnya kenapa? Pada halaman hasil pencarian Search Engine, title tag yang Anda buat akan digunakan sebagai link heading yang akan muncul pada baris pertama pada hasil pencarian untuk situs Anda. Catatanya Anda dibolehkan hanya mengetikan kurang lebih 65 characters (termasuk spasi) dengan tujuan agar index yang berisikan situs Anda tidak disingkirkan oleh Search Engine tersebut.

Keyword yang dijejalkan kedalam Title Tag:
Kesalahan umum lainnya yang dilakukan oleh orang-orang adalah menjejalkan tag title dengan banyak keyword. Mengatakan 3 hal yang sama tidak akan membuat situs Anda lebih relevant. Menjejalkan banyak keyword kedalam tag title akan dilihat oleh Search Engine sebagai spam (benar-benar tidak bagus). Namun ada suatu cara yang cerdas dengan mengulang kata yang sama dengan cara yang berbeda, misalkan:

“Tips Photo & Teknik Photography untuk Gambar yang Sempurna | designerlistic.net”

“Photo” dan “Photography” adalah kata yang sama dan diulang sebanyak dua kali namun dengan cara yang berbeda karena karena audiens Anda mungkin menggunakan salah satu diatara kata tersebut ketika mengetikan Query pada Search Engine.

Attribute Image Alt yang Kosong

Anda seharusnya menjelaskan Image (photo/gambar) pada setiap situs Anda pada atribut alt. Pada kenyataanya memang tulisan yang diketikan pada atribut alt tidak akan selalu dilihat oleh Visitor, kecuali ketika koneksi internet yang sangat rendah maka gambar yang belum muncul pada browser akan “diwakili” sementara oleh atribut alt ini, Namun tahukah Anda? dikarenakan Search Engines tidak dapat “melihat” image pada sebuah situs, maka atribut inilah yang akan dijadikan acuan dalam menggambarkan relevansi sebuah halaman situs yang Anda buat, sungguh sangat penting bukan?.

Tips: Menggambarkan dengan baik setiap image yang Anda miliki dapat membantu ranking situs Anda pada hasil pencarian image di Search Engine (anda pasti ingat di google akan muncul opsi pencarian web dan gambar bukan?)

Alamat URL yang tidak bersahabat

Kebanyakan blog atau CMS (Contain Management System) platforms memiliki fasilitas URL dinamis yang bersahabat dengan program & database didalamnya, Namun kenyataanya, tidak setiap blogger mendapatkan keuntungan dari hal ini. URL yang bersahabat adalah alamat situs yang dapat dimengerti oleh kedua elemen manusia dan Search Engine. URL juga sangat penting dalam menunujukan dimana kata kunci yang Anda ketikan harus disimpan.

Contoh URL yang bersahabat: http://www.namadomainanda.com/judul-halaman.html
Contoh URL dinamis yang tidak bersahabat: http://www.namadomainanda.com/?p=12356

Jika anda pengguna WORDPRESS.COM seperti saya ;) anda akan sangat beruntung, kenapa? karena pada pengaturan setting Permalink (Permanent Link) anda dapat merubahnya secara manual format penulisan “halaman virtual” tersebut sesuai yang anda inginkan, jadi anda memiliki website dinamis namun dengan format URL yang statis, menguntungkan bukan.

Teknik SEO Secara Umum yang Harus Dilakukan dan Jangan Dilakukan

Berikut ini akan saya memberitahukan Anda mengenai APA YANG HARUS ANDA LAKUKAN dengan memberitahukan Anda mengenai APA YANG JANGAN ANDA PERNAH LAKUKAN!!:

  • Jangan Sepelekan Pengunjung Anda
    Tulislah mengenai topic yang menurut pengunjung bermanfaat bagi mereka. Seperti apa? Carilah tahu, seperti melakukan polling di situs Anda (seperti yang saya lakukan), kumpulkan juga beberapa referensi pertanyaan yang sering diajukan, topik yang sering didiskusikan di Forum situs Anda, di inbox e-mail Anda, di komentar pengunjung Anda, atau mungkin pada buku tamu situs Anda atau juga Anda bisa lakukan sedikit penelitian keyword. Saat ini banyak sekali tool-tool keyword gratisan yang paten seperti Google Keyword Tool, disana Anda akan mengetahui berbagai ide-ide mengenai Keywords dan topik yang sedang digandrungi saat ini, bahkan hingga negara, bahasa, grafik setiap bulan, kompetensi jika anda akan berbisnis on-line dengan keywords tersebut, dll.
  • Jangan berbuat bodoh dengan Keyword yang terlalu Padat atau Rapat
    Sekali Anda memiliki topik untuk pembaca; bantulah Search Engines menemukannya. Keyword Density adalah jumlah kemunculan keyword didalam sebuah halaman situs berbanding dengan jumlah total kata secara keseluruhan. Anda pasti ingin memastikan bahwa kata kunci (keywords) yang Anda miliki telah termasuk kedalam area yang sangat penting dan berpengaruh, yaitu:

    • Tag judul (title)
    • Halaman URL (friendly URL)
    • Heading utama (H1 atau H2)
    • Paraghrap pertama dari isi halaman (content)

    Banyak orang menggunakan teknik kerapatan keyword sebanyak 2% (misalnya memunculkan keywords sebanyak 2 kali di setiap 100 kata). Lalu bagaimana jika keyword yang terkandung dalam kalimat “SEO untuk WebDesigners dan WebDevelopers” berapakalikah lagi Anda dapat mengulang keywords (SEO, Webdesigners, Webdevelopers) sebelum semuanya terdengar aneh atau sedikit dipaksakan? Jadi intinya buatlah tulisan untuk pembaca Anda bukan untuk Search Engines saja. Namun jika Anda mengikuti semua teknik-teknik dalam artikel ini Anda justru dapat mendapatkan keduanya, yaitu dapat dibaca dengan baik oleh pembaca sekaligus oleh Search Engines.

  • Hati-hati: Jangan pernah terlalu menjejalkan keywords kedalam halaman Anda dengan keywords yang sama, atau halaman situs Anda tersebut akan disingkirkan oleh Search Engine (keyword stuffing) sedikitnya muncul sebanyak 3 kali pada stuktur body.
Jangan Abaikan Relatifitas

Pada artikel yang saya buat ini, hampir dapat dipastikan akan memunculkan arti yang mendeskripsikan topik seperti “keyword research”, “Search Engine crawlers”, “title tag use”, “teknik SEO”, dll tetapi bagaimana jika saya mencoba mengartikan dan mengeset halaman yang saya buat dengan sebuah istilah yang bertraffic tinggi seperti “Asuransi Jiwa”, apakah konteks seperti itu benar? Jadi gunakanlah kata kunci dan topik memang benar-benar memunculkan maksud dan arti yang jelas, tidak sekedar permainan keywords yang populer, karena Search Engine akan mengukur relasi antar keywords terhadap relefansinya juga, contoh.
Goran Pandev dan Lazio (yes)
Design dan Kebun Binatang (walaupun sedikit bersinggungan, tapi korelasinya terlalu melebar)

Jangan Takut Menggunakan Link Internal

Apakah Anda ingin Search Engine membaca seluruh isi situs Anda? Maka bantulah Spider-nya Search Engine melakukan tugasnya tersebut. karena memang seharusnya disana terdapat sebuah halaman (contohnya seperti situsmap atau blog archives) yang menghubungkan ke seluruh isi situs Anda.

Tips: Anda dapat mempromosikan berbagai halaman yang menurut Anda sangat penting dengan cara memasukan text links kedalam body content, seperti “Baca artikel/tutorial yang lainnya” atau “Download terkait yang lainnya”. yakinkan juga Anda menggunakan link yang relevant dengan isi artikel halaman tersebut dan jangan pernah menggunakan link seperti “click here” atau “baca selengkapnya”, karena alangkah lebih baiknya judul dalam tag headinglah (h1 s/d h6) yang Anda jadikan link agar Spider mengindeks link tersebut sebagai keyword yang penting (seperti yang saya jelaskan sebelumnya).

Jangan Pernah Abaikan si ” Broken Links”

Anda harus selalu mencari dan mengecek seluruh link pada situs Anda dan pastikan tidak ada satupun halaman yang terputus atau buntu. Jika Anda mendapatkannya segeralah buang bagian tersebut dan perbaiki secepatnya, Anda juga dapat menggunakan robot.txt untuk mencegah Spiders melakukan crawling dan meng-index link yang terputus tersebut. Jika Anda memiliki halaman yang dipindah alamatnya atau mungkin seluruh isi situs, Anda dapat menggunakan 301 .htaccess untuk melakukan redirect ke URL yang baru.

Tips: Anda dapat menggunakan Google master Tools untuk mencari broken links dan halaman 404 Not Found errors.

Jangan Tidak Konsisten Dengan URL Domain Anda

Bagi Search Engine, Sebuah URL situs yang menggunakan www (Contoh: www.mayasariplaza.com) dan yang tanpa menggunakan www (Contoh: mayasariplaza.com) adalah berarti dua buah URL yang berbeda. Anda haruslah selalu menjaga struktur domain dan URL secara konsisten. Jika Anda mulai mempromosikan situs Anda tanpa menggunakan awalan “www”, maka konsistenlah dengan cara itu selamanya.

Hasil Posisi Pencarian

Melakukan teknik coding dan penyetingan situs Anda agar besahabat dengan SEO memang dapat meningkatkan seberapa baiknya sebuah Search Engine dapat mengakses situs Anda, namun hal itu tidak semerta dapat menjamin Anda dapat berada di posisi puncak pada hasil pencarian sebuah Search Engine (Search Engine Results Page: SERP). Karena terdapat banyak sekali faktor yang mempengaruhi posisi hasil akhir pencarian, namun pada dasarnya adalah:

PageRank


Sebagian Proffesional dan pakar SEO selalu memperhatikan Google’s PageRank namun sebagian lagi tidak. Menurut pengalaman saya memiliki Google PageRank yang tinggi (dari 0 s/d 10) justru menjadi point utama keberhasilan kita sebagai Designer. Karena kita akan mengetahui seberapa pentingkah situs kita dimata Search Engine Google, hal ini akan berimbas terhadap segala hal, yaitu khususnya bagi Anda yang mencari keuntungan (baca:uang dollar) lewat bisnis on-line Google Adwords, saya sangat yakin Anda akan cepat di approve dan cepat pula mendapatkan banyak pengiklan yang akan meramaikan situs Anda yang berarti akan menambah pundi-pundi Anda setiap Visitors meng-click iklan tersebut. Anda dapat meningkatkan PageRank Anda dengan cara mengikuti seluruh tips diatas dan membangun backlinks (url dari situs lain yang mengarah ke halaman di situs Anda) yang berkualitas (berasal dari situs yang memiliki traffic tinggi juga).

Alexa Traffic Rank



Alexa Traffic Rank memang tidak sepopuler Google Page Rank (GPR) namun ternyata Alexa Rank cukup penting (bahkan sangat penting) bagi para Blogger yang ingin menjadikan blog-nya sebagai monetize blog karena kebanyakan para Advertiser (pengiklan) menggunakan rank Alexa sebagai syarat atau patokan dalam menentukan “harga” sebuah situs, alasannya sangat simple yaitu pada cara kerja Alexa itu sendiri. Cara Kerja Alexa Traffic Rank:
“Traffic rank adalah berdasar pada sejarah 3 bulan data traffic pengunjung dari jutaan pengguna Alexa Toolbar (situs yang menginstall code sendiri pada situs, atau juga user yang menginstall software pada browsernya) kemudian dikombinasikan dengan page views (jumlah halaman yang ditampilkan) dan users (Visitor yang didapat). Sebagai lngkah pertama, Alexa akan menghitung setiap hasil statistik yang didapat jumlah page views dari seluruh situs di internet setiap harinya. Jadi pada intinya rangking ini didapat dari kedua hal diatas yaitu jumlah pengunjung yang didapat dan halaman yang ditampilkan oleh pengunjung tersebut.

Namun ternyata Alexa Rank cukup penting bagi para Blogger yang ingin menjadikan blog-nya sebagai monetize blog karena kebanyakan menggunakan rank Alexa sebagai syarat atau patokan dalam menentukan “harga” sebuah situs.

Umur Sebuah Domain

Anda pasti akan terkejut jika mempelajari bahwa domain yang berumur “tua” juga menjadi sebuah factor didalam sebuah algoritma Search Engine. Karena domain yang sudah lama berkibar memiliki sejarah, dan content mereka akan terlihat lebih kompeten dibandingkan dengan situs yang baru lahir minggu lalu (.oh iya sekedar info situs Designerlistic.net ini baru di launching tanggal 26 Agustus 2008, masih bayi ya?) Domains yang lebih tua kadangkala mendapatkan keuntungan dalam posisi hasil pencarian.

Bersabarlah
Mungkin Anda telah melakukan semuanya dengan benar, namun apa yang terjadi? tetap saja tidak menunjukan grafik perkembangan pada Search Engines terhadap target keyword Anda. Kenapa? Karena semuanya membutuhkan waktu. Waktu juga sangat dibituhkan oleh Search Engines untuk meng-index dan merangking situs Anda (khusunya untuk domain yang baru). Jadi, bersabarlah seperti yang saya lakukan, teruslah bangun traffic dan jagalah sturktur situs Anda ketika sudah fix 100%, konsitusn dan konsisten.Alasan yang lainnya – bisa jadi keywords yang ditargetkan oleh Anda mungkin sangat competitive. Cobalah buat alternative keywords pada halaman Anda dan mungkin Anda akan mendapatkan terobosan hasil yang berbeda. Ingatlah, sekarang Anda sedang berkompetensi dengan Miliaran halaman internet di dunia.

Resources Penting untuk Anda

Google master ToolsGoogle master Tools membantu Anda melihat hasil crawler Google terhadap situs Anda. Jika Anda belum pernah login kedalam fasilitas ini sebelumnya, Anda dapat melakukan login ke Google master Tools, dan jangan lupa add (daftarkan) dan verify (verifikasikan) kepemilikan situs Anda, yaitu dengan cara mengupload file html tertentu yang disediakan Google, atau menyisipkan code tertentu pada tag meta di file index.html atau index.php Anda, yang tentu saja disediakan oleh Google juga.Setelah Anda melakukan langkah-langkah diatas, Anda akan langsung menemukan informasi penting dibawah ini yaitu kapan terakhir kali Googlebot meng-crawl situs Anda.

Link HTTP yang errors
Halaman 404 Not Found yang errors
Jumlah External link, seperti bookmarks, backlink, dll
Keywords apa yang digunakan orang untuk menghubungkan ke situs Anda
Apakah top search queries ke situs Anda.
dll.

Free SEO Tools Berikut ini Andalah sebagian online SEO tools yang dapat Anda gunakan untuk PageRank, Link Popularity, Search Engine Position, Keyword Density, dll;

Berikut ini external links yang dapat Anda pelajari lebih jauh tentang SEO:

Resume

Mohon digaris bawahi bahwa saya bukanlah seorang Pakar SEO, tips yang saya bagi dengan Anda adalah hasil dari kumpulan artikel-artikel yang saya dapat dari internet, selain itu juga saya kombinasikan dengan berbagai pemikran dan pengalaman saya dalam membangun berbagai situs [seperti www.mayasariplaza.com, www.designerlistic.net, www.newbiestudio.com, www.jarumsuntik.com, dll ], saya pun sama seperti anda memiliki mimpi yang tinggi, jadi selain meraih mimpi saya juga ingin banyak beramal melalui hobby dan kemampuan saya di bidang web design.

Semoga Bermanfaat.

addapted from www.webdesignerwall.com

Hey there!

Forgot password?

Forgot your password?

Enter your account data and we will send you a link to reset your password.

Your password reset link appears to be invalid or expired.

Close
of

Processing files…