Tool For SEO

Tool for SEO sangat dibutuhkan bagi pebisnis online yang mengandalkan SEO. Saya disini tidak akan panjang lebar memberikan penjelasannya. Tapi jika ingin tool-tool yang bagus , saya punya beberapa situs yang mampu membuat situs temen2 jadi tambah rankingnya di SE.

Berikut tool2 online untuk meningkatkan SEO kita :

tools.seobook.com
123 SEO tools
Advanced Tag Generator

Mungkin hanya tiga tapi khasiatnya. Wuih222. Sekian dulu ya temen2. Maaf blog ini jarang di update, soalnya lagi males. :D

Baca selengkapnya..

Ilmu dari Cosa Aranda, Mas Keke, dan Para Guru untuk Newbie

Cosa Aranda, Mas Keke, Isnaini, Dwi Darto dan para master lainnya memberi pengarahan untuk kita para newbie yang masih dodol umumnya dalam dunia OB atau (Online Business bukan Office boy lho hehehe...) khsususnya pada bagian pelajaran SEO.

Dalam conference lewat YM yang diprakarsai Bocah atau bisa juga dipanggil ubay ato bayu ini para newbie mendapatkan tips-tips kusus SEO. ( Cah, makasih ma aku dong, dah aku kasih link di postinganku ) :D

Malam minggu kusendiri tak ada yang menemani, seperti seperti malam-malam. Yang sudah-sudah. hehehe. soalnya pas malem minggu

Berikut kutipan yang saya ambil dalam seminar singkat tersebut ( saya potong-potong pembicaraanya sebab banyak newbie yang ngomong OOT dan gak jelas ) :

yang berwarna merah adalah moderatornya ( termasuk saya :D )

Pelajaran dari OM keke

bocah: sebenarnya yang paling berpengaruh untuk seo?
om keke : Pertanyaannya kurang memikat. Aturan . no black hat; > bikin mindset bisnis online kita rusak. Dimana mana kalo abu abu itu bikin gak jelas.

victor_setyono : gray hat om keke ?
kuburanceria : gray hat tuh apa ?

om keke : harus dari awal white hat. gunakan secara benar

bocah: yg tergolong black hat ?
bla.. bla.. dari newbie lain

om keke : black hat seperti cloacking
bla.. bla.. dari newbie lain

om keke : Sebenarnya gak ada yang susah, SEo itu yang dibutuhkan ketekunan. Gak perlu black hat atau bypass. Blackhat gak bawa banyak pengaruh kok.

kuburanceria : kalo grey hat?

om keke : Sama ajah. gak banyak bawa pengaruh. Kalo pengaruh malapetaka. jelassssssssss. bagi saya kalo Anda masih suka mainan black hat SEO, berarti masih tergolong webmaster jadul. Yang main blackhat gak bakalan naik. Si google udah bisa ngedetect ini curang ato nggak. Jadi langsung ada result.

bla.. bla.. dari newbie lain

mestijoyo : silkan di lanjutkan ke white seo.

om keke : Main seo sekarang % lebih mudah.
bla.. bla.. dari newbie lain

om keke : intinya gini. . meta tag. . header. . content. . footer. cara penulisan meta harus benar. penulisan keyword pada meta tag harus semantic. jangan asal nulis di title pake koma koma.

victor_setyono : validasi html ngaruh banyak nggak sih?

om keke : maksut dari validasi? ( gak dijawab )

Saya singkat intinya saja biar lebih praktis tanpa mengubah kata2 beliau.

om keke : camkan kata kata saya. semuanya. dah siap?................. .. ini inti dari kita menang di search engine. abis itu pikirkan sendiri. kalo mo SEO

Bocah : apa inti sebenarnya dari seo itu ?

om keke : robot itu membaca sekita kurang lebih 250 karakter dari atas. gunakan kesempatan 250 karakter itu sebaik baiknya untuk mengarahkan target keyword . gak perlu main cloacking, blachat or black cat dead;))

Dari Mas Cosa Aranda

CA : aku kasih tambahan sedikit rahasia soal seo. Bukan rahasia sih, tp mungkin banyak yg lom tau :). google akan prioritaskan paragraf pertama dan terakhir dari content. Selanjutnya, kalimat pertama dan terakhir dari masing2 paragraf. terakhir, kata pertama dan terakhir di kalimat PERTAMA di paragraf PERTAMA. jadi, pastikan keywordnya ada di situ

Raitucarp : ( kalo di YM efraim0net alias saya ): apa meta tag description itu perlu ? ato malah ga usah diberi ?

CA : perlu.

kangbarok69 : di blogspot?

CA : aku gak bisa blogspot. :)

Bocah : kalo masalah update pagerank. yg mas bicarakan tadi, apa yang mempengaruhi ?

CA : pagerank skrg cmn dipengaruhi backlink dari situs setopik. itu aja

Raitucarp : ( kalo di YM efraim0net alias saya ): saya pernah baca di google, cara google men crawl kita mirip lynx text browser, apakah benar ?

CA : bener. untuk _content_, yg dibaca adalah text output halaman kita, bisa dengan kuatin backlink dari situs setopik.

Bocah : apa seo mempengaruhi kenaikan PR

nononamenonoo : social bookmarking apakah itu artinya backlink mas ?

CA : iya. tapi untuk PR percuma

Raitucarp : ( kalo di YM efraim0net alias saya ): saya pernah baca juga dari google, sebelum mensubmit blog ato situs kita di google, apakah kita harus mempunyai backlink ( sejenis / satu topik ) dulu ? apakah itu bisa meningkatkan PR kita ?

CA : submit blog sebetulnya gak perlu. lebih baik kasih backlink. ama submit sitemap. ... ..
topik terakhir yah (mo updet nih), soal bocoran SEO 2008 dari Matt Cutts.videonya bisa diliat sendiri di http://www.youtube.com/watch?v=-dSMFiCjwwE .Intinya, ada 4 bagian yg ditekankan matt cutt untuk arah seo di tahun 2008. Yg pertama, high-quality original content. Yang kedua, personalisasi dan lokalisasi. Ini tentang fokus target pengunjung anda, baik dari sisi demographic, bahasa, niche, dll. Yang ketiga, masalah contact info. Seperti sudah digosipkan sejak tahun 2007, situs dengan info kontak yg jelas akan punya SERP yg lebih baik. Terakhir, masalah mobile access. Ini lom jelas, tapi sepertinya, situs kita juga harus punya accessibility yg bag. kalo mo fokus untuk seo, ya itu yg perlu dibahas :)

pile110385 :-? maksudnya sisi demographic apa ya ? :"> maklum sekolah ga tamat.

CA : cek google webmaster tools, skrg kita bisa ngeset situs kita fokus ke wilayah demographic yg mana. kalo bahasa indo, berarti target indo, jadi kudu diset wilayah demographicnya indo.

Dari Mas Isnaini dan DwiDarta

Bocah : untuk pagerank. apa aja yg sebenarnya mempengaruhinya ?

Isnaini : aku selalu bilang content dan backlink.

pile: apa perlu ping ke banyak ping service ?

Isnaini : nggak perlu ping ke semua service

Isnaini : @pile: blog kan ada pingnya. nah kalo postnya banyak otomatis pingnya banyak donk, bisa2 dianggap spam. gimana ngakalinya.

Bocah : baclink dari search engine dan bookmark termasuk ga ??

Isnaini : masuk juga asal nggak "nofollow", baiknya link memang dari web sejenis, karena tetangga yg nggak baik juga bikin web kita gak baik

Bocah : @dwidarta apa baclink search engine dan social bookmarking itu ga bisa mendongkrak page rank ?

dwidarta : bisa... sangat bisa.. bahkan saya radikal bilang... ngak setopik pun bisa nambah pagerank.

Bocah : kalo tadi mas cosa bilang ga ada pengaruh mas

dwidarta : pendapat orang beda2 ;)

Isnaini : kalo yg nge-link ke web kita jelek, kita ikut jelek. kalo yg nge-link ke web kita bagus, web kita ikut bagus.

pile110385 : ccording to Matt Cutts, the Google Quality/Spam team manager, those back links will now be detected and labeled by Google as “search engine spam

dwidarta : yang tau logika google ya cuman google ;))

Bocah : sekarang buat @dwidarta dan @isnaini. bagaimana link dari web2 iklan baris gratis. apa dianggap ?

dwidarta : kalo yg nge-link ke web kita jelek, kita ikut jelek. kalo yg nge-link ke web kita bagus, web kita ikut bagus.

Bocah : umpama saja www.iklanads.com dan www.iklanyuk.com dianggap ga ? bisa dijelaskan disini ?

dwidarta : kalo situs jelek ngelink ke kita ngak ada pengaruh. tapi kalo kita ngelink ke situs yang jelak. jelek. langsung kena efeknya dalam seminggu ;))

Bocah : ok2. Nah saya mau tanya mas isnaini. anda pernah bilang kalo anda tidak pernah iklan2. hanya menggunakan teknik link antar blog. apa semua blog mas isnaini itu dikelola dengan baik ? @dwidarta > apa situs FFA itu dianggap buruk oleh SE ?

oknoorap : saya mau tanya apakah selain google dan yahoo masih banyak search engine yang bisa mengoptimalkan situs web kita?

dwidarta : @oknoorap google kena banned.. yahoo masih kirim visitor kok ;)) jadi penting sekali optimasi buat semua SE..

isnaini : iyah, aku gak pernah promosi khusu, sebagian besar terurus, sebagian gak. dikelalola dengan baik? aku punya 2 orang yga aku bayar untuk ngupdate blog2 ku

Bocah : @isnaini terima kasih

dwidarta : @bocah FFA :)) ngak pernah denger ... gaptek :))

---

Itulah wawancara dari newbie untuk master dalam conference hari sabtu 12 januari kemaren. Mudah2an bermanfaat bagi temen2 yang gak sempet ikut conference. Thanx to Cosa Aranda, Mas Keke, Isnaini, Dwi Darto. Mudah2an kalian Sukses selalu pada tahun 2008 ini.

Baca selengkapnya..

SEO ala WebMaster - Bagian 1

SE adalah sumber kehidupan bagi sebagian orang. Banyak orang mengandalkan bisnisnya dari SE terutama google. Tak terkecuali guru SEO kita CosaAranda (Ada juga temen kita yang bernama bocah yang selalu memanfaatkan SEO) . Guru kita yang satu ini sudah mengajarkan bagaimana tehnik-tehnik SEO dengan benar dan mantap.

Bagi sebagian blogger dan pebisnis Online, SEO sudah tidak asing ditelinga mereka. Berkat SEO mereka menjadi popular dan mendulang dollar. Tetapi, kebanyakan dari mereka hanya mengamalkan pelajaran dasar SEO.

Setelah saya membaca dari google, saya disini akan menerangkan bagaimana SEO sesungguhnya terutama bagi webmaster (walaupun blogger Pro bisa mengamalkannya juga).

Google memberi penjelasan yang sangat gamblang tentang SEO yang benar. Berikut adalah pelajaran yang saya dapat dari OM google:

Website kita sudah siap.
Website harus wajib dimiliki setiap webmaster (walaupun sekarang blog lebih trend), jika mau di Optimisasi, tentunya website kita sudah siap, dan jika sudah siap, lakukan langkah-langkah berikut :

1. Punya link dari website lain yang berhubungan dengan web kita.
   
   Web kita harus melakukan link exchange (pertukaran link) terlebih dahulu dengan syarat web yang nge-link kita harus sama topiknya . Lalu
2. Daftarkan ke SE dalam ini google.
   Daftarkan website atau blog kita ke http://www.google.com/addurl.html
3. Mendaftarkan sitemap ke Google webmaster tools
   Untuk mendaftarkan sitemap ke google, kita harus mempunyai akun google dahulu. Google menggunakan sitemap untuk mempelajari struktur web kita. Termasuk link-link di dalamnya. (untuk sitemap saya akan mengulasnya di kemudian hari)
4. Pastikan bahwa website kita online
   Maksud saya, terkadang kita menemui website yang sedang drop servernya. Pada saat drop itulah google akan mengklaim bahwa website kita tidak online. Saya sarankan untuk membeli hosting yang terpercaya untuk urusan web anda. *selingan iklan. Tapi kita juga perlu cek halaman satu persatu, kemungkinan ada yang tidak bisa diakses.
   
5. Submit web kita di Open Directory Project dan Yahoo!
   Mensubmit website kita di open direktori seperti dmoz.org menurut saya sangatlah perlu. Terutama jika kita membuatnya dengan content bahasa inggriss. Btw, saya hampir tidak percaya, ternyata google masih bersahabat dengan kompetitornya yahoo! hehe.

Panduan mengenai design dan content

1. Buatlah website dengan hirarki dan link teks yang jelas. Setiap halaman harus bisa dijangkau dan tidak diperbolehkan dengan dinamik link. Contoh : www.iniaku.com/index.php?halaman=iniaku. Untuk pelajaran element <a atau anchor tag akan saya jelaskan kapan2 pada tutorial HTML
2. Sitemap yang kita buat harus berisi lirang 100 link. Yitu pada element <loc>URL disini<loc/>Jika ingin belajar sitemap, saya sarankan kunjungi sitemap.org.
3. Buatlah website atau blog dengan content kita sendiri atau unik. Tidak boleh mencontoh apa lagi copy paste.
4. Berpikirlah sejenak mengenai user yang akan mengunjungi situs kita. Pikirkan kata yang menarik sehingga user pada saat mencari di SE sama dengan salah satu kata di content situs kita.
5. Gunakan lebih banyak teks untuk membuat content, link. Jangan gunakan gambar!!
6. Jika menggunakan gambar, gunakan attribut TITLE dan ALT untuk menjelaskan gambar tersebut.
7. Cek halaman anda terhadap link yang rusak.
8. Di setiap halaman saya sarankan untuk tidak menggunakan link melebihi 100. Itu akan merusak citra anda pada SE.
9. Jangan gunakan dinamik link "?" ( biasanya pada CMS joomla ). Hati2, kebanyakan webbot atau spider SE tidak men-crawl URL tersebut dengan baik, dibandingkan dengan link dengan jenis statik.

Pelajarilah dulu ke 15 tips yang saya anjurkan. Semoga artikel ini bermanfaat bagi kita semua. Untuk bagian dua saya akan membahasnya dengan lebih terperinci dan mantab. :D

Baca selengkapnya..

HTML itu ibarat bahasa bayi (Belajar bahasa HTML) - bagian 2

Belajar HTML tidak lah yang sesulit kita bayangkan. Untuk itu baca postingan saya sebelumnya. Pada postingan sebelumnya saya menagajarkan bagaimana struktur HTML. Kita bisa belajar bahwa setiap tag harus ditutup. contoh: <html> harus ditutup dengan </html> , <head> harus ditutup dengan </head> dst.

Mempelajari bahasa HTML jauh berbeda dengan bahasa XHTML. Misal, HTML mengijinkan attribute tidak diberikan quote contoh : <meta name=keyword content=aa, ll, dd />. Perlu saya tambahkan disini, karena pada postingan sebelumnya saya lupa menulisnya, bahwa disetiap tag memiliki attribut.

<namatag attribut="isi atribut">Ini isi tag </namatag>

Setelah kita mengetahui struktur HTML, saatnya kita mengetahui jenis-jenis element/tag pada HTML:

(mohon diperhatikan bahasa tag dan element, biasanya tag adalah penyebutan untuk HTML sedangkan Element dipergunakan untuk XML dan XHTML, jika saya salah penyebutan mohon dimaklumi karena bahasa XHTML dan HTML hampir sama)

Head element dan strukturnya

Head Elament ( <head> ) memiliki sub element. Beberapa element dibutuhkan browser dalam merender HTML, beberapa lainnya dibutuhkan dalam SEO, dan beberapa lainnya dibutuhkan untuk tehnologi web 2.0 (baca postingan saya mengenai web2.0).

Tag yang diperbolehkan berada di bawag head element ialah :
title
base
link
meta
script
style

Title

Elemen <title> dibutuhkan untuk mengenali dokumen. Beberapa web browser menampilkan <title> di title bar mereka. Contoh:

Pemahaman

Setiap halaman web harus mempunyai judul yang unik. Juga beberapa SE ( Search Engine / Mesin pencari ) lebih menyukai Website yang memiliki judul yang unik. Tag ini hanya diperbolehkan satu saja.

Isi

Teks

Contoh

<head>
<title>Ini adalah judulku</title>
</head>

Base

Untuk memecahkan masalah relatif URL ( Uniform Resource Locator ), kebanyakan web browser akan menggunakan base URL dari tempat dimana web browser mendownload page tersebut.

Attribute

href
Berisi URL absolut. contoh: http://www.iklanku.com

Pemahaman
Jika tag base digunakan, maka semua relatif URL akan mengikuti jalur pada base tersebut.

Contoh

Website aku.com akan selalu mengambil CSS gayaku.css dari http://aku.com

<head>
<base href="http://aku.com">
<style type="text/css">@import url('gayaku.css');</style>
</head>

Dan semua dokumen yang dari luar akan selalu diambil dari basenya.

Link

Tag link Membawa informasi yang dibutuhkan untuk web browser dan SE. Link dapat dibuat banyak. Tag link hanya diperbolehkan berada di elemen/tag head.

Contoh

untuk mengambil file CSS ( dibutuhkan untuk mengatur style dan layout suatu halaman), maka :

<link rel="stylesheet" href="layoutku.css" media="print" type="text/css" />

Untuk menampilkan icon suatu website kita :

<link rel="shortcut icon" href="/ikonku.ico" />

Attribut

Dasar
href
Attribut ini berisi lokasi dari sumber web. contoh: http://www.imageku.com/a.css

Media
Berisi media apa yang digunakan untuk style. Jika kita tidak menetapkan attribut ini, maka attribut ini akan diset sebagai screen. Beberapa Jenis-jenis media yaitu : screen, tty, tv, projection, handheld, print, braille, aural dan all. Jika kita menggunakan dua atau lebih media, harap dipisahkan dengan koma.

type
Untuk bahasa stylesheet. contoh : text/css

Tingkat lanjut

rel
menjelaskan tentang hubungan dari dokumen yang sedang digunakan dengan sumber yang telah didefinisikan oleh attribut href

Meta

Lihat postingan saya Mengenal Meta tag

Script

Tag script digunakan sebagai client-side script / skrip yang dijalankan di sisi klien, seperti JavaScript. Tag ini mungkin akan muncul beberapa kali di elemen head ataupun body. Jadi tag ini dapat ditempatkan di dalam tag head dan di dalam tag body.

Di dalam tag script dapat diisi dengan script ( atau biasa disebut Embedded Script ) atau mengambil script dari luar dengan mendefinisikan attribute src.

Contoh

Embedded Script ( skrip yang ditempatkan didalam tag script )

<script type="text/javascript">
function aku {
window.onload = alert('Ini percobaan tau');
}
</script>

Atau External Script ( Skrip yang diambil dari luar dan tidak ditulis pada halaman )

<script type="text/javascript" src="aku.js"></script>

Attribut

src
Lokasi dari external script. contoh: src="scriptku.js"

type
Berisi content type. contoh: "text/javascript"

Style

Dapat diisi dengan aturan CSS ( embedded CSS) atau sebuah URL mengarah ke file CSS yang berisi aturan CSS dengan ( external CSS )

Contoh

Embedded CSS :

<head>
<style type="text/css" media="screen">
h1 {color: red; text-align: center}
</style>
</head>

External CSS:

<head>
<style type="text/css" media="screen">
@import url('screen.css');
</style>
</head>

---

Struktur head sangat penting dalam HTML, struktur head dalam HTML tidak jauh berbeda dengan XHTMl, yang membedakan adalah aturan bahasanya sendiri.

Sekian dulu pembahasan mengenai HTML. Untuk tag body dan semua elemen yang dibawahnya, akan dijelaskan pada postingan tersendiri dan diluar judul diatas.

Baca selengkapnya..

HTML itu ibarat bahasa bayi (Belajar bahasa HTML) - bagian 1

Di amerika, pembelajaran bahasa bayi cukup digemari ibu-ibu rumah tangga. Semakin banyak pula, ibu-ibu dari negeri paman sam ini bisa mahir bahasa bayi. Bayi, bagi mereka sangat penting. Hingga bahasanya pun dipelajari. Lalu apa hubungannya dengan website dan bahasa HTML ?. Ada istilah tak kenal maka tak sayang. Para ibu-ibu di amerika sayang terhadap bayinya. Seperti halnya bayi, struktur website haruslah kita kenal. Mulai dari bahasanya, sampai optimisasi. Sedangkan bahasa paling dasar untuk membangun website adalah HTML.

Webmaster sejati ibarat orang tua bagi websitenya. Bukan berarti webmaster harus mempunyai sebuah website, tetapi dalam membangun sebuah website, bahasa paling dasar yang harus dipelajari ialah bahasa HTML ( Hyper Text Markup Language ). Struktur bahasa HTML adalah relatif mudah dibandingkan temen-temennya ( meskipun bahasa XHTML / XML-HTML lebih terstruktur dan mudah ).

Bahasa HTML adalah bahasa Client, maka dari itu bahasa ini sangat dibutuhkan apabila kita mempelajari bahasa server.

Struktur bahasa html adalah sebagai berikut :

Struktur HTML

Lihat gambar diatas, saya sengaja menggunakan gambar batman agar lebih lucu (^_^) hehe. Batman disebut html, kepalanya disebut head dan badannya di sebut body.

Untuk lebih jelas, struktur sebenarnya seperti ini :

<html>
  <head>
   <body>
      content
   </body>
  </head>
</html>

Untuk bagian satu ini, saya hanya menjelaskan strukturnya saja, bersambung ke bagian dua....

Baca selengkapnya..

Menjadi Webmaster masih belum terlambat

Internet adalah media masa depan khususnya website. Dengan adanya website, informasi bisa didapat dengan cepat dan mudah. Tiap hari, tiap detik, website-website baru bermunculan tidak peduli itu blog, personal page, service dll. Bahkan, pada saat ini setiap website mempunyai ciri tersendiri dimata kita. Itu karena dunia web sudah memasuki era web 2.0.

Ada website tentu ada tukang kayunya, atau biasa disebut webmaster. Bayangkan jika jagad web tanpa ada webmaster, mungkin tidak akan seperti sekarang ini, bahkan mungkin website tidak akan menjadi media lagi. Pada masa mendatang, webmaster menjadi profesi individual seseorang yang menggeluti dibidang media, mengapa saya mengatakan demikian ? karena web sekarang ini sudah menjadi media yang sesungguhnya. Untuk itu, saya perlu membahasnya sekarang dan kedepannya.

Menurut saya, saat ini webmaster telah terbagi menjadi beberapa bagian :

• Web Designer
  Adalah seseorang yang merangcang suatu halaman web, baik tampilan ( CSS dan layout ), gaya programming, dan aksebilitas.
• Web Marketer
  Adalah seseorang yang menggeluti dunia marketing website, termasuk SEO, link exchange. Perbedaanya dengan blogger adalah jika blogger menggunakan cara umum, web marketer menggunakan cara-cara special, seperti penggunaan gaya programming tersendiri.
• Web2.0 Developer
  Karena fungsi utama dibuatnya web 2.0 adalah aksebilitas atau kecepatan serta layanan, maka seorang web2.0 developer harus menguasai tehnik-tehnik RIA ( Rich Internet Applications lihat postingan saya tentang web2.0) seperti ajax, DHTML, XFORM serta penguasaan bahasa web tingkat lanjut ( XHTML, CSS 2.0 dan Advanced ). Kemungkinan besar web2.0 developer dibutuhkan untuk masa depan.

Seorang webmaster juga harus mengupdate kemampuannya dibidang penguasaan bahasa web. Karena w3c sendiri selalu mengembangkan standar bahasa web dan membuat bahasa web yang baru, maka saya sarankan supaya selalu mengupdate ilmu di situs itu.

Pelajaran pertama ala saya

Jika anda ingin menjadi webmaster sejati, mulailah belajar web design dulu. Untuk itu saya menganjurkan agar melakukan poin-poin berikut :

• Punya komputer
  Web dibuat dengan komputer, tanpa komputer semuanya sia-sia. Bahkan internetpun hidup berkat adanya komputer. Saya sarankan agar mempunyai komputer sekelas pentium III atau keatas.
  
• Punya software web server
  Software web server sangat penting untuk melatih kemampuan kita agar terbiasa dengan keadaan Jagad web saat online. Banyak software atau aplikasi open source bertaburan diinternet. Saya biasa menggunakan Apache untuk membuat web. Anda lebih baik mempunyai software server yang mencakup kebutuhan semua, termasuk pengolahan database, web server dll. Saya menggunakan Wampserver, bukan hanya lengkap tapi juga tidak banyak menghabiskan resource komputer. Menurut saya, WampServer lebih baik daripada PHPtriad yang populer itu.
  
• Punya Software editor
  Software editor adalah software untuk membuat semua yang berhubungan dengan web, mulai HTML editor, CSS editor, Script editor. Software editor terbagi atas dua yaitu GUI dan text. Untuk menulis bahasa web / scripting ( client: HTML, XHTML, XML, CSS, javascript dll server: PHP, ASP, Perl, JSP dll ) saya biasa menggunakan Notepad2.0 (^_^). Atau bisa juga pnotepad. Untuk software GUI, saya biasa menggunakan software AStyle untuk CSS dan Microsoft Frontpage / Dreamwaver untuk HTML dan sejenisnya.
  
• Punya Software Image Editor
  Untuk menjadi webmaster zaman sekarang, software image editor seperti Photoshop dan ImageReady untuk gif adalah penting. Apalagi web2.0 adalah surga graphic. Jadi kita harus pintar-pintar membuat graphic yang enak dipandang mata.
  
• Penguasaan bahasa web.
  Tak kenal maka tak sayang. Jika kita ingin mengenal seseorang, kita harus berkenalan dengan seserang itu menggunakan bahasa. Dalam dunia webpun kita harus mengenal bahasa web. Bahasa web dibagi menjadi dua yaitu client dan server. Untuk client, bahasa yang pertama harus dipelajari adalah HTML dan CSS, kita bisa belajar di w3c. Untuk server, kita bisa mempelajari PHP atau ASP.

Setelah kita mengetahui apa saja yang perlu dipersiapkan sebelum menjadi drunken master webmaster, marilah kita berdoa sebeum belajar. He..he.. he.. Untuk postingan selanjutnya, saya akan memberikan tutorial-tutorial mengenai bahasa web.

Baca selengkapnya..

Mengenal Meta Tag

Dalam dunia website atau blogging, saya rasa kita telah mengenal istilah SEO ( Search Engine Optimization ). SEO sangat bermanfaat bagi kita semua, khususnya bagi para webmaster dan blogger untuk mengenalkan website atau blog kepada mesin pencari ( Search Engine ). Selain untuk mengenalkan kepada mesin pencari agar website atau blog kita dicrawl, SEO juga bermanfaat untuk kegiatan marketing bisnis dunia maya yang sekarang sedang populer. Disini saya tidak akan membahas tehnik SEO secara rinci. Jika anda ingin belajar SEO tempatnya bukan disini, karena sudah ada Guru / Master kita di indonesia, siapa lagi kalau bukan si culun CosaAranda ( ^_^) bcanda mas, kaburrrr.

Dalam SEO ( Search Engine Optimization / Optimaisasi Mesin Pencari ), mengenal Meta Tag adalah salah satu faktor untuk belajar SEO. Karena Meta Tag tidak kalah pentingnya dengan content yang kita tulis di blog kita atau website kita, maka mengenal kita harus belajar mengenal yang namanya Meta Tag.

Pada dasarnya, Meta Tag adalah informasi tambahan atau metadata pada webpage dan digunakan oleh sebagian Search Engine untuk mecari informasi suatu website. Meta tag terletak diantara tag head ( <head> ) dan ditulis sebagai berikut:

<meta name="..." content="..." />

Attribute
Dasar
name
adalah nama meta, attribute ini dibutuhkan.
content
adalah nilai dari attribute name

Tingkat Lanjut
http-equiv
attribute ini menempati attribute name, Web server menggunakan attribute ini digunakan untuk mengambil informasi pada protokol HTTP untuk merespon pesan header.
scheme
attribute ini jarang digunakan, biasanya digunakan oleh webmaster professional

Macam-macam Meta Tag

Dalam blog resmi Google khusus untuk webmaster, ada beberapa jenis meta tag yang digunakan untuk mendngkrak kepopuleran kita di mesin Pencari.

<meta name="description" content="Deskripsi tentang situs anda">

Digunakan untuk menampilkan penjelasan / deskripsi singkat tentang situs atau blog anda. Informasi pada attribute content akan ditampilkan di halaman search result / hasil pencarian google.

<meta name="keywords" content="artikel, blog, pelajaran SEO">

Meta keyword berisi tentang kata kunci untuk website atau blog kita. Dipisahkan dengan koma. Keyword juga berperan penting pada SEO. Pemberian meta keyword ini sangat efektif jika anda ingin situs atau blog anda terpampang pada 10 besar hasil pencarian.

<meta name="robots" content="…, …">
<meta name="googlebot" content="…, …">

Kedua meta tersebut mengontrol bagaimana SE ( Search Engine / Mesin pencari ) meng- crawl dan mengindex halaman kita. Meta robots digunakan hampir di semua SE, sedangkan meta googlebot dikhusuhkan hanya untuk mengontrol SE Google.

Adapun attribute content pada robots memiliki dua parameter yang dapat diisi dengan :
index, noindex, follow, nofollow
Contoh :

<meta name="robots" content="noindex, follow">
<meta name="robots" content="index, nofollow">
<meta name="robots" content="noindex, nofollow">

ket:
index = memiliki fungsi supaya SE mengindex halaman tersebut
noindex = kebalikan dari index
follow = supaya SE mengikuti semua link yang berada di halaman tersebut
nofollow = kebalikan dari follow
Parameter diatas juga dapat diterapkan di googlebot

Adapun parameter tambahan untuk googlebot sebagai berikut:
noarchive, nosnippet, noodp, NONE ( sama dengan "noindex, nofollow) untuk lebih lengkapnya, anda bisa lihat disini

<meta name="google" value="notranslate">

Meta di atas berfungsi agar google tidak bisa mentranslate content kita.

<meta name="verify-v1" content="…">

Meta verivy-1 adalah layanan google sitemap for webmaster. Attribute content diisi dengan kode yang telah diberikan google. Layanan ini mengharuskan anda untuk mempunyai google account. Fungsi layanan ini digunakan agar situs atau blog kita cepat terindex google.

<meta http-equiv="Content-Type" content="…; charset=…">

Untuk pendefinisian content-type suatu halaman. Meta ini biasa dipakai oleh webmaster pro.

<meta http-equiv="refresh" content="…;url=…">

Meta tersebut merupakan fungsi redirect suatu halman. Pada attribute content, parameter pertama di isi dengan waktu dalam detik. contoh: 0, 1; parameter url diisi dengan alamat url tujuan redirect kita.

Meta sangatlah penting bagi kita seorang webmaster, untuk itu pelajaran meta tag bukan sampai disini saja. Lain kali, saya akan membahasnya secara detil. See u next time...

Baca selengkapnya..

Cara menampilkan Yahoo! Online Status

Yahoo! Online Status ( Jika di official sitenya di sebut dengan Online Presence ) atau saya sebut dengan OPI merupakan salah satu fasilitas yahoo messenger untuk mengetahui apakah kita sedang online atau offline. Dengan menampilkan OPI di web ato blog kita, para pengunjung web atau blog bisa mengetahui status YM ( Yahoo Messenger ) kita. Cara ini sangat efektif untuk membentuk komunitas atau sebagai online support ( Bantuan Online ) bagi para penjual jasa di Internet.

Ada beberapa cara untuk menampilkan OPI, yaitu dengan cara copas ( copy paste ) kode html berikut ini :

<a href="ymsgr:sendIM?isnainidotcom">
<img src="http://opi.yahoo.com/yahooonline&u=efraim0net&m=g&t=2&l=us&opi.jpg" border="0" /></a>

Dalam kode tersebut terdapat beberapa parameter yang harus diubah :

• Pada tag <a href parameter setelah karakter ? harus diubah menjadi ID YM anda, contoh : ?oknorap.
• Pada tag &alt;img terdapat parameter u yang merupakan userID anda, ganti parameter u sesuai denga ID atau username anda. contoh: u=userku
  
• Pada tag &alt;img terdapat parameter tampilan yaitu pada parameter t, parameter t merupakan parameter untuk tampilan gambar status anda.

parameter t dapat diubah dengan angka 0-9. Berikut ini adalah tampilan gambar-gambarnya :
(ket: sisi kiri adalah gambar disaat kita offline, sedangkan yang kanan disaat kita online )


t=0


t=1


t=2



t=3


t=4


t=5


t=6







t=7








t=8






t=9






Adapun parameter pada <img yang belum bisa diubah adalah parameter l. Mungkin parameter ini adalah parameter untuk bahasa.

Jika kitaingin menampilkan Yahoo! Online status kita atau OPI kita, cukup copy paste kode di atas, bagi pengguna blogger, caranya cukup mudah, yaitu masuk ke Template > Page Element > Add Element > HTML / javascript > lalu paste kode diatas.

Mungkin pembelajaran di atas bisa memudahkan kita dalam membuat online support atau sekedar penghias blog belaka.

Baca selengkapnya..

Web 2.0, Apakah itu ?

Internet merupakan media baru sejak era 1990an. Saat itu, website masih berupa tulisan saja dan minim dengan graphic atau anda bisa membandingkan persamaannya dengan command prompt yang ada di windows. Lambat laun, website sudah bisa menampilkan gambar dan image dengan sempurna tapi tanpa didukung dengan CSS atau bahasa HTML yang berstruktur. Mungkin anda bisa menyebut saat itu adalah era web 1.0.

Saat ini, era web sudah memasuki masa web 2.0 ( cara baca: web two point o ). Peralihan masa web1.0 ke web 2.0 juga di karenakan perkembangan di bidang IT sendiri. Mulai dari perangkat komputernya yang memiliki spesifikasi yang tinggi dan mampu merender gambar secara cepat, sampai dengan kecepatan internet yang sangat cepat atau bisa dikatakan 100x lipat dari kecepatan akses internet masa era web 1, tapi juga yang tidak kalah pentingnya adalah web browser itu sendiri yang selalu update mengikuti perkembangan bahasa web.

Web 2.0 merupakan revolusi web masa kini. Banyak pemain besar seperti google, yahoo, alibaba.com, wikipedia dll ( website terkenal lainnya ) sudah mencicipi kecanggihannya. Bukan hanya kecanggihanya dalam berinteraksi dengan client, tetapi juga di tandai dengan tehnologi-tehnologi baru dalam dunia website.

Ciri-ciri adanya tehnologi web2.0 adalah adanya istilah Rich Internet applications, XML and RSS, dan Web API.

Rich Internet Applications

Rich Internet Aplications atau disingkat RIA merupakan suatu tehnologi baru dalam dunia web, baik untuk developer atau webmaster tetapi juga untuk client ( Internet Surfer ). Anda bisa merasakannya sendiri pada saat anda membuka gmail anda atau Yahoo! Beta anda. Ketika mengambil data email, anda tidak perlu muluk-muluk menunggu waktu untuk merefresh atau meload halaman. Tetapi hanya mengambil data yang dibutuhkan yang berada di server. Kebanyakan website yang RIA mengadopsi tehnologi AJAX ( Asynchronous JavaScript and XML ). Meskipun dalam RIA kita juga mengenal berbagai tekhnologi OpenLaszlo, JavaFX, Java Applet, penggunaan ActiveX Cntrol. Bahkan, ketika saya posting dan mengedit layout di Blogger.com ini, saya sudah dapat merasakan tehnologi AJAX.

Perhatikan tanda merah dipojok, dengan menggunakan AJAX, kini kita tidak perlu repot-repot menunggu waktu load halaman.

Dalam Web2.0 Adapun tehnik-tehnik dan pengembangan bahasa HTML sudah mengalami perubahan. HTML sudah berada pada versi 5.0 atau sekarang juga dikenal istilah XHTML 1.0 dan XHTML 2.0 yaitu bahasa HTML dan XML yang disatukan membentuk bahasa scripting web yang lebih simple, sederhana dan mudah digunakan.

Berikut ini adalah daftar website-website populer yang menggunakan Web 2.0 khususnya RIA :

• Gmail
• Wikipedia
• Yahoo! Mail Beta
• Alibaba
• Blogger
• Autoghraph Maker
• Masih banyak yang tidak saya sebutkan karena nanti memakan tempat.
  

Sekian dulu penjelasan tentang web 2.0, post selanjutnya mungkin mengenai tehnik-tehnik tentang web 2.0 mulai tutorial bahasa XHTML, pembuatan AJAX juga tentang web2.0 design yang di kenal karena simplicity serta keindahaanya. See you...

Baca selengkapnya..