Google Webmaster Tools

Go ogle Web Toolkit (GWT) adalah toolkit pembangunan gedung dan mengoptimalkan aplikasi browser berbasis kompleks. Its goal is to enable productive development of high-performance web applications without the developer having to be an expert in browser quirks, XMLHttpRequest, and JavaScript. Tujuannya adalah untuk memungkinkan pembangunan yang produktif kinerja aplikasi web-tinggi tanpa pengembang harus menjadi ahli di browser quirks, XMLHttpRequest, dan JavaScript. GWT is used by many products at Google, including Google Wave and the new version of AdWords. GWT digunakan oleh banyak produk di Google, termasuk Google Wave dan versi baru AdWords. It’s open source, completely free, and used by thousands of developers around the world. Ini open source, gratis, dan digunakan oleh ribuan pengembang di seluruh dunia.

bagi saya cukup penting, karena menampilkan data-data yang jarang terdapat pada webstatistik lainnya dan dapat meningkatkan indexing di Google Search Engine. Pertama saya login dulu ke ‘http://www.google.com/webmaster‘ kemudian pilih ‘Add a site‘ kemudian isikan ‘nama domain‘ dan ‘continue‘. Sebelumnya kita harus memiliki akun google (Gmail).

Kemudian ada 3 opsi motode verifikasi, menggunakan verifikasi meta tag, upload html file, atau add DNS record. Saya cenderung memilih opsi pertama yaitu verifikasi meta tag. Caranya cukup mudah, copy code yang tertampil pada header blog anda diantara code

 ....

.

Bagi pengguna hosting wordpress gratis jangan khawatir, code tersebut bisa dicopy pada melalui custom header pada option themes, plugins SEO yang tersedia seperti All In SEO Pack, atau memverifikasi dengan menggunakan upload html file dengan membuat postingan yang urlnya sama dengan nama html tersebut dan isi postingan berupa code yang terdapat pada file tersebut.

Selanjutnya kembali ke Dasboard Google Webmaster Tools dan verifikasi website dan selesai. Kemudian kita submit sitemap blog di ‘Site Configuration’ . Tunggu beberapa hari, Google akan mengcrawl situs dan menyajikan data mengenai website atau blog kita.

Pemrograman ajax

Ajax merupakan teknologi web terbaru yang memungkinkan interaksi pengguna dan web lebih aktraktif dan juga lebih efisien dalam tranfer data Kenapa? Karena dengan ajax kita dapat me-refresh atau me-load sebagian konten yang perlu diupdate.dengan demikian bagian web lainnya seperti header, footer, sidebar, dan bagian lainnya tidak perlu di load ulang. Kita hanya meload konten yang berubah saja. Dengan demikian akan lebih efisien dalam transfer data, aplikasi lebih responsif, dan pengguna lebih mudah berinteraksi dengan web layaknya aplikasi desktop. Pada teknologi web sebelum ajax untuk menampilkan konten yang berubah kita harus meload halaman web secara keseluruhan tanpa peduli bahwa ada bagian web yang kontennya tidak berubah. Namun ada beberapa kekurangan teknologi ajax yang untuk dapat bekerja harus menggunakan browser dengan fungsi javascript yang di aktifkan. Tanpa javascript, ajax tidak akan berjalan. Kekurangan teknologi ajax tersebut adalah:

• Konten yang ditampilkan dengan ajax tidak dapat dibaca oleh search engine. Hal ini karena javascript hanya aktif di browser, bot search engine tidak dapat menjalankan javascript. Padahal kebanyakan web memperoleh pengunjung baru dari search engine. Akibatnya konten kita tidak dindex di search engine dan sulit untuk dicari dari search engine.
• Hanya dapat berjalan di browser terbaru. Dulu saya membuat aplikasi dengan fitur ajax untuk digunakan internal di kantor saya bekerja. Ternyata banyak komputer kantor masih menggunakan Windows XP tanpa service pack 2. Hasilnya dengan Internet Explorer 6 yang belum mendukung ajax maka aplikasi saya tidak dapat digunakan di beberapa komputer. Melakukan instalasi service pack 2 atau firefox terbaru bukanlah pekerjaan mudah dengan jumlah komputer yang sangat banyak mencapai ratusan.
• Web yang menggunakan ajax akan kesulitan untuk ditampilkan di perangkat mobile. Ada banyak pengguna internet menggunakan handphone untuk mengakses internet saat sedang santai. Browser handphone hampir 80% tidak mendukung javascript yang artinya ajax tidak dapat berfungsi bila ditampilkan pada browser handphone.

Karena itu penggunaan ajax yang berlebihan dan tidak pada tempatnya akan merugikan kita para developer karena pengguna atau pengunjung web kita akan kesulitan mengakses dan menggunakan web yang kita kembangkan tersebut. Untuk itu inilah tips dan trik menggunakan ajax secara tepat pada aplikasi atau website anda:

1. Pikirkan target pengguna anda, bila sasaran anda adalah pengguna handphone misalnya untuk berjualan konten mobile maka lupakan untuk menggunakan ajax. Karena pengguna atau pengunjung anda tidak dapat mengaksesnya dengan baik. Apa gunanya anda mengembangkan aplikasi atau web anda tanpa ada pengguna.
2. Gunakan ajax hanya untuk konten yang betul-betul dinamis alias sangat sering berubah. Jangan gunakan pada konten yang jarang berubah misalnya konten pada blog. Tulisan pada blog biasanya sangat jarang diubah setelah diposting. Biasanya hanya update kecil untuk memperbaiki beberapa tulisan. Walaupun secara konsep, dengan template dan layout yang sama setiap posting maka memungkinkan penggunaan ajax namun dalam hal ini ajax merugikan anda. Karena konten blog anda tidak terbaca oleh search engine dan pengunjung akan kesulitan menemukan tulisan anda di search engine. Contoh konten yang sering berubah adalah tampilan livescore.com yang secara otomatis mereload hasil pertandingan olahraga secara berkala dalam rentang waktu tertentu. Hasilnya score dapat diupdate tanpa mereload tampilan website secara keseluruhan.
3. Penggunaan pada submit form atau upload file. Contohnya anda bisa menggunakan ajax misalnya pada pengisian komentar dan diload dengan ajax untuk menampilkan komentar yang baru anda submit. Atau upload file dengan ajax tanpa harus mereload keseluruhan website.
4. Pada aplikasi web biasanya tidak membutuhkan akses search engine, karena hanya ditujukan kepada pengguna aplikasi. Karena itu penggunaan ajax lebih flexibel. Anda dapat menggunakan ajax dimanapun pada aplikasi anda karena biasanya aplikasi web memiliki konten yang sangat dinamis. Selain itu aplikasi lebih memerlukan respon cepat dari interaksi pengguna yang bisa dilakukan dengan ajax. Namun yang perlu diingat, sebaiknya jangan melakukan load objek secara berlebihan yang kemudian kita dapat dengan mudah mengupdate kontennya dengan ajax dan menampilkannya dengan javascript seperti tulisan saya di sebelumnya mengenai gmail dan yahoo mail yang terlalu berat diakses pada akses awal. Perhatikan selalu ukuran halaman web anda, karena walaupun tampilan lebih responsif namun pada saat load awal akan memakan waktu yang cukup lama.
5. Gunakan selalu indikator loading atau status dari ajax. Ajax melakukan request atau biasa disebut callback tanpa memberikan indikator status dengan sendirinya. Programmer harus membuatnya agar mampu memberitahukan apakah request atau callback berhasil, sedang loading, atau gagal. Dengan demikian pengguna tidak melakukan klik atau request berlebihan karena tidak mengetahui apakah dia telah melakukan request atau belum dan juga pengguna tidak menunggu terlalu lama tanpa mengetahui hasilnya.

adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).

HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.

HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat teks ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: <b>TAMPIL TEBAL</b>. Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut.

Secara garis besar, terdapat 4 jenis elemen dari HTML:

• structural. tanda yang menentukan level atau tingkatan dari sebuah teks (contoh, <h1>Golf</h1> akan memerintahkan browser untuk menampilkan “Golf” sebagai teks tebal besar yang menunjukkan sebagai Heading 1
• presentational. tanda yang menentukan tampilan dari sebuah teks tidak peduli dengan level dari teks tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentational saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan teks,
• hypertext. tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a href="http://www.ilmukita.com/">IlmuKita</a> akan menampilkan IlmuKita sebagai sebuah hyperlink ke URL tertentu),
• Elemen widget yang membuat objek-objek lain seperti tombol (<button>), list (<li>), dan garis horizontal (<hr>).

Selain markup presentational , markup yang lin tidak menentukan bagaimana tampilan dari sebuah teks. Namun untuk saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan dan sebagai gantinya digunakan Cascading Style Sheets.

Contoh HTML Sederhana

<!DOCTYPE html>
<html>
  <head>
    <title>Ilmu Kita : Belajar HTML</title>
  </head>
  <body>
    <p>Belajar HTML</p>
  </body>
</html>