Menguji dan memastikan

perubahan perubahan.
 Menguji dan memastikan
perubahan perubahan
Menguji dan memastikan perubahan-perubahan

Pengujian yang dilakukan terhadap situs web tidak sama dengan pengujian
sebuah program aplikasi walaupun situs web juga dapat dibuat dengan web
programming.
Secara umum, hal-hal yang harus diuji adalah sebagai berikut
1. Code Quality
2. Compatibility
3. Navigasii
4. User Interaction
5. Usability and Accessbility
6. Scalability
7. Reliability

Hal.: 2 Isikan Judul Halaman

 Menguji dan memastikan
perubahan perubahan
1. Code Quality
Pengujian terhadap code quality maksudnya adalah pengujian terhadap
kualitas kode HTML yang digunakan untuk membangun halaman-
halaman situs web.

Yang termasuk kedalam kategori ini adalah sebagai berikut :

1. Validasi HTML
2. Validasi Gambar dan huruf yang digunakan

Hal.: 3 Isikan Judul Halaman

 Menguji dan memastikan
perubahan perubahan
2. Compatibility
Pengujian terhadap compatibility situs web maksudnya adalah
pengujian yang dilakukan terhadap situs web tentang seberapa
kompatibel dengan berbagai macam sistem operasi, browser dan
hardware.
Pengujian dengan sistem operasi akan membuktikan bagaimana
kemampuan pada berbagai sistem operasi yang digunakan,
misalnya Windows, Unix, OS/2, Macintos.

Hal.: 4 Isikan Judul Halaman

 Menguji dan memastikan
perubahan perubahan
3. Navigasi
Pengujian navigasi dilakukan untuk menguji kemampuan situs web dalam
menyajikan link-link yang ada dalam seluruh halaman situs web.
Pengujian ini dilakukan karena pentingnya aspek navigator dalam situs
web
Yang termasuk pengujian untuk navigasi situs web adalah :
1. link,
2. frame,
3. organisasi situs.

Hal.: 5 Isikan Judul Halaman

 Menguji dan memastikan
perubahan perubahan
4. User Interaction
Pengujian user interaction maksudnya adalah bahwa situs web diuji sejauh
mana dapat berinteraksi dengan pengunjung yang mengunjungi situs
web.
Yang termasuk kedalam user interaction adalah :
1. pengujian pada fasilitas form,
2. validasi CGI script,
3. validasi proses,
4. interface,
5. cookies,
6. session
7. dll
Hal.: 6 Isikan Judul Halaman
 Menguji dan memastikan
perubahan perubahan
5. Usability and Accessbility
Pengujian usability dan accesbility situs web adalah pengujian yang dilakukan
terhadap situs web guna melihat sejauh mana situs dapat memenuhi
keinginan pengunjung atau target pengguna situs web.
Contoh pertanyaan berikut dapat digunakan untuk menguji tingkat usability dan
accesbility situs web :
1. Halaman web yang menggunakan script atau aplet harus tetap dapat
ditampilkan pada browser yang tidak mendukung fungsi aplet dan script
tersebut.
2. Jika menggunakan image maps, maka seharusnya halaman situs juga
menyediakan link yang digunakan sebagai alternatif
3. Situs web seharusnya juga dapat dipahami ketika dibuka menggunakan browser
berbasis teks

Hal.: 7 Isikan Judul Halaman

 Menguji dan memastikan
perubahan perubahan
6. Performance
Pengujian terhadap performance atau performa situs web maksudnya
adalah pengujian yang dilakukan terhadap situs web untuk melihat
sejauh mana kinerja situs web dalam berbagai keadaan.

Contoh standar yang harus dimiliki oleh sebuah situs yang memiliki
kinerja yang baik :
1. 95% halaman web dapat di download kurang dari 10 detik pada modem
28,8 kbps
2. Proses pemesanan dapat dilakukan dalam waktu 2 menit
3. Konfirmasi suatu transaksi dikirimkan pada user dalam 30 detik

Hal.: 8 Isikan Judul Halaman

 Menguji dan memastikan
perubahan perubahan
7. Scalability
Pengujian scalability maksudnya adalah pengujian terhadap sejauh
mana situs web/system yang dibangun dapat dikembangkan sebagai
antisipasi terhadap perubahan teknologi di masa yang mendatang.

Evaluasi scalability dapat dilakukan dengan menguji sejauhmana situs

web dalam :
1. Jumlah maksimal transaksi/detik yang masih dalam batas response-
time-requirement
2. Jumlah rata-rata transaksi pada saat normal
3. Jumlah memori yang diperlukan untuk setiap transaksi

Hal.: 9 Isikan Judul Halaman

 Menguji dan memastikan
perubahan perubahan
8. Reliability
Pengujian reliability situs web maksudnya menguji sejauh mana situs
web masih dapat melakukan tugasnya dalam kondisi yang berat.

Yang termasuk ke dalam pengujian ini adalah:

1. Low-resource testing : apakah aplikasi masih dapat berjalan pada
reduced system resources.
2. Endurance testing : menguji tingkat stress system dalam waktu yang
cukup lama
3. Volume testing : menguji unjuk kerja sistem dengan data yang besar
4. Peak testing : menguji sistem pada saat yang paling sibuk

Hal.: 10 Isikan Judul Halaman

Mempengaruhi Halaman Web
Mengakses Halaman Web Secara Cepat

1.Perhatikan jam akses. Biasanya kecepatan

akses komputer Siang hari, kira-kira pukul
09.00 s/d 15.00, jalur komunikasi telepon
sangat sibuk. Hal ini tentu saja akan sangat
berpengaruh terhadap kecepatan akses di
mana dalam satu jalur yang sempit, dimasuki
oleh banyak data (bottleneck). Akan lebih
baik jika mengakses internet pada malam
hari atau bahkan dini hari, sewaktu banyak
orang sedang beristirahat
Mengakses Halaman Web Secara Cepat

2. Disable auto load image. Untuk anda yang hanya ingin

membaca berita atau sekedar menulis dan mengirim email,
akan lebih bijaksana jika fasilitas Auto Load Image - atau
Auto Load Multimedia untuk IE 4 - dinonaktifkan. Hal ini
penting sebab bukan rahasia lagi bahwa yang paling
domiman mempengaruhi lambatnya akses internet adalah
banyaknya grafik (gambar) dalam suatu homepage.
Mengakses Halaman Web Secara Cepat

3. Perhatikan indikator. Terkadang suatu website akan tampak

lama sekali untuk diakses. Ada dua sebab yang membuatnya
demikian. Pertama, mungkin saja jalur komunikasi telah
penuh sehingga menyebabkan antri data, atau data yang
telah dikirim dan akan diterima "hilang" di tengah jalan.
Solusinya, akan lebih baik jika anda menekan tombol
"reload" (atau "refresh") agar data dimuat kembali.
Mengakses Halaman Web Secara Cepat

4. Buka beberapa jendela browser. Pada saat kita menunggu

suatu website selesai dimuat seluruhnya, akan lebih
bijaksana jika kita membuka jendela browser yang baru dan
mengakses alamat website yang baru pula. Membuka satu
per satu alamat website pada satu jendela browser adalah
tidak bijaksana dan tidak efisien.
Mengakses Halaman Web Secara Cepat

5. Tutup jendela yang tidak perlu. Ini adalah kebalikan dari point
di atas. Ada kalanya, kita terlalu bersemangat sehingga
jendela browser yang kita buka sangat banyak, sehingga
alamat web yang kita akses pun tak kalah banyaknya. Tentu
saja hal ini sangat mempengaruhi kecepatan akses internet,
karena banyaknya data yang harus dikirim dan diterima.
Untuk itu, tutuplah jendela browser yang tidak perlu.
Tips Menampilkan Tulisan di halaman Web

Web seperti sebuah brosur atau resume dari pada

laporan yang ditulis secara lengkap dan terperinci. Maka,
untuk menampilkan tulisan pada halaman Web haruslah
mudah dan cepat untuk di scan dengan panduan hyperlink
untuk mengarahkan pengunjung. Maka anda harus memiliki
tujuan:
Tips Menampilkan Tulisan di halaman Web

 Tulis karangan seperti sebuah piramid

Tulislah hal-hal yang menjadi pokok pemikiran terlebih
dahulu pada tulisan tersebut.

 Kurangi jumlah kata

Tulisan yang pendek dan tajam lebih mudah dibaca dari pada
halaman yang panjang
Tips Menampilkan Tulisan di halaman Web

 Gunakan satu pokok pikiran per paragraf

Ide yang “terkubur” dalam paragraf-paragraf yang banyak
seringkali tidak dapat dicerna dengan baik.

 Gunakan bullet list, teks tebal, dan heading untuk

menandakan bagian-bagian penting.
Tips Menampilkan Tulisan di halaman Web

 Gunakan kata/title pada hyperlink yang mudah dimengerti

Hyperlink harus mudah dimengerti dan memberikan
gambaran seperti apa tujuan dari halaman setelah ia
mengklik hyperlink tersebut.

 Hindari Kekacauan
Halaman Web yang penuh sesak dapat menciptakan
“kebisingan visual”
Tips Menampilkan Tulisan di halaman Web

Kunci utamanya adalah pengunjung kurang sabaran

untuk membaca tiap baris pada tulisan Anda, jadi halaman
web haruslah di desain untuk memberikan panduan kepada
mata pengunjung menuju informasi yang terpenting dalam
tulisan tersebut
RANGKING Search Engine

Memiliki halaman web yang enak dipandang mata,

belum tentu
memberikan hasil yang baik pada search engine. Ada hal-hal
yang
harus anda perhatikan untuk optimasi ini. Anda perlu
mengetahui
bagaimana cara mengoptimalkan halaman web dengan tag-
tag HTML
khusus, dan hal-hal apa saja yang mempengaruhi rangking
pada
Search Engine.
RANGKING Search Engine

1. Keyword pada domain name

Jika Anda memiliki website yang
berisi koleksi lagu-lagu mp3 atau jika situs
anda menjual buku-buku alangkah baiknya jika
menggunakan nama yang mengandung kata ebook. Cara ini
masih terbilang
efektif untuk saat ini.
RANGKING Search Engine

2. Keyword pada nama file

Misalnya Anda memiliki halaman
web yang berisi informasi mengenai cara promosi
online,sebaiknya disimpan dengan nama promosi.html atau
marketing.html, ini juga akan mempengaruhi rangking.
RANGKING Search Engine

3. Keyword pada page title

Tag <title> pada halaman HTML sangat penting untuk
dioptimalkan. Usahakan agar title yang digunakan
mengandung keyword yang relevan dengan isi halaman
web.
RANGKING Search Engine

4. Keyword pada headline

Bagi Anda yang sudah menguasai HTML tentu mengenal tag
<H1>,<H2>, dst. Tag headline sangat baik dipakai untuk
judul sebuah paragraf, misalnya : <H1>TokoBuku
Online</H1>. Headline sangat diperhitungkan oleh Search
Engine.
RANGKING Search Engine

5. Keyword yang relevan pada meta tag

Janganlah menggunakan keyword yang sama sekali tidak
ada hubungannya
dengan isi halaman web anda. Hal ini bisa dideteksi oleh
search engine dan akan dianggap spamming
RANGKING Search Engine

6. Keyword pada page content

keyword yang diharapkan harus terdapat pada isi halaman
web. Gunakan juga frase atau kata-kata lain yang
berhubungan dengan keyword utama.
RANGKING Search Engine

7. Meta tags
Adalah tag-tag HTML khusus yang digunakan untuk
menggambarkan keseluruhan dari isi web anda. Meta tag
akan kita bahas secara khusus di bagian berikutnya
RANGKING Search Engine

8. Link Popularity
Adalah jumlah halaman web lain yang
memasang link ke web site anda. Beberapa search engine
utama sangat memperhatikan hal ini. Semakin besar link
popularity suatu web site, rangkingnya akan semakin tinggi.
Jika situs anda ingin muncul pada posisi atas di Google
banyak-banyaklah bertukar link dengan web lain.
Merancang Navigasi
Website
Navigasi pada sebuah website yang tertampil pada
menu dan links adalah petunjuk bagi pengunjung terhadap
halaman - halaman yang terdapat dalam website.
Pengunjung akan semakin mudah menemukan halaman -
halaman dalam website Anda jika menu - menu dan link
yang ada tampil secara terstruktur. Sudah pasti pengunjung
akan kesal apabila tidak mendapatkan halaman website
yang ia cari gara - gara navigasi yang ruwet.
Merancang Navigasi
Website
1. Rencanakan dengan Baik
Hal yang mutlak dilakukan sebelum mulai membuat sebuah
web tentunya adalah pembuatan konsep dari website itu
sendiri. Konsep tersebut akan memuat navigasi dasar dalam
bentuk “tree view” (bercabang dan beranting) dari mulai
konten yang bersifat umum hingga konten yang bersifat
mendetail. Inilah garis besar navigasi dari situs yang akan
dibuat.
Merancang Navigasi
Website
2. Dimana Navigasi diletakkan
Navigasi akan membawa pengunjung dari hal - hal yang
bersifat umum hingga hal - hal yang bersifat mendetail.
Halaman utama (index) tentu saja akan memuat menu -
menu pokok yang bersifat umum. Percabangan dari menu -
menu inti tersebut dapat di letakkan pada halaman -
halaman cabang dari index.
Alternatif lain, Anda dapat menggunakan javascript untuk
menampilkan menu dan sub-menu sekaligus.
Merancang Navigasi
Website
3.Konsisten
Sebisa mungkin jangan merubah letak menu pada setiap
halaman web sehingga pengunjung lebih mudah
menemukan menu-menu tersebut. Misalnya menu utama
berada di atas, setelah itu pada
halaman - halaman yang terdapat dalam menu utama dapat
ditampilkan sub-menu di sebelah kiri atau kanan halaman.
Merancang Navigasi
Website

4. Spotty!
Buatlah menu dengan menonjol sehingga pengunjung
mudah mengenalinya. Hal ini tentu saja harus di gabungkan
dengan unsur estetika sehingga menu - menu tersebut dapat
sejalan dengan konsep desain web yang dibuat.
Merancang Navigasi
Website

5. Singkat & Deskriptif

Kata - kata yang terdapat dalam menu harus mampu
memberikan petunjuk yang jelas dan singkat tentang
halaman website di bawah menu tersebut.
Gunakan istilah - istilah yang lazim, singkat, dan mudah
dipahami.
Merancang Navigasi
Website

6. Berikan Petunjuk pada Pengunjung

Akan lebih baik jika pada halaman website memuat strukur
singkat halaman web yang sedang di tampilkan. Misal :
Tentang Kami >> Visi & Misi >>
Merancang Navigasi
Website

7. Berikan Link ke Halaman Utama

Jangan lupa untuk memberikan link ke halaman utama atau
link ke halaman dalam “parent topic”. Ini akan memudahkan
pengunjung jika situs Anda di bangun dalam struktur menu
dan submenu yang cukup kompleks.
Merancang Navigasi
Website

8. Sitemap
Buatlah sitemap yang linknya berada di setiap halaman web.
Ini akan semakin memudahkan dan mempersingkat proses
pencarian halaman - halaman website oleh pengunjung.
Yang Tidak Berpengaruh
Di HTML
Pada program pembuat halaman web seperti
Frontpage, dan Dreamweaver, kode HTML bisa kita lihat
dengan cara masuk ke bagian “html view. Kode-kode HTML
bisa diedit di program notepad. Dalam mengedit kode HTML
di halaman “code view”, perlu diketahui ada cara penulisan
tertentu yang tidak berpengaruh terhadap hasilnya.
Yang Tidak Berpengaruh
Di HTML
Hal-hal yang tidak terpengaruh terhadap
tampilan di halaman web:

1.HURUF KAPITAL atau huruf kecil sama saja

<P> atau <p> hasilnya sama saja
<Br> atau <br> atau <bR> hasilnya sama saja
Yang Tidak Berpengaruh
Di HTML

2. Spasi atau tabulasi atau enter sebanyak

apapun, tidak ada artinya.
<p>bunga mawar indah </p>
<p>bunga mawar  indah</p>
Yang Tidak Berpengaruh
Di HTML
Bagaimana agar hasilnya beda? Kita harus
menggunakan kode HTML tertentu.

Kode &nbsp; Itu adalah kode HTML untuk

membuat spasi. Bila kita ingin membuat jarak 10
spasi di antara kedua kata misalnya, maka
tempatkan 10 kode di atas di antara kedua kata
tersebut.
CARA MERUBAH NOFOLLOW MENJADI DOFOLLOW

Manfaat backlink adalah untuk meningkatkan

pengunjung atau traffic. Backlink akan mempengaruhi dan
meningkatkan pagerank apabila backlink antara dua blog
atau lebih mempunyai hubungan, kaitan atau ada kemiripan
dalam segi contentnya dan backlink pada web/blog yang
sudah memiliki pagerank lebih tinggi mempunyai nilai
tersendiri plus umur dari web/blog juga mempengaruhi.
CARA MERUBAH NOFOLLOW MENJADI DOFOLLOW

Cek Web/ Blog Sudah DoFollow

Untuk mengetahui apakah suatu web atau blog sudah
dofollow sebenarnya cukup mudah. Caranya cari postingan
yang sudah mempunyai komentar. Kemudian blok salah satu
komentar dengan link nama penulisnya. Setelah itu klik
kanan pilih View Selection Source. Akan muncul jendela
DOM Source of Selection.
CARA MERUBAH NOFOLLOW MENJADI DOFOLLOW

Perhatikan pada kode html yang menyertai link komentator saja!

Anda akan mendapati dua macam kemungkinan link.

Kemungkinan link pertama

 <a href='thom-sharing.blogspot.com' rel='nofollow'>thom</a>

Kemungkinan link kedua

 <a href='thom-sharing.blogspot.com'>thom</a>
CARA MERUBAH NOFOLLOW MENJADI DOFOLLOW

Untuk blog yang menggunakan platform wordpress,

mempunyai link yang berbeda :

 <a href=”http://thom-sharing.blogspot.com” rel=”external

nofollow”>thom</a>

 <a href=”http://thom-sharing.blogspot.com”
rel=”external”>thom</a>
CARA MERUBAH NOFOLLOW MENJADI DOFOLLOW

Cara mengubah nofollow menjadi dofollow:

 Pastikan kamu sudah Log in :D
 Langsung meluncur ke Layout »» Edit HTML »» [Jangan lupa
beri tanda centang pada 'Expand Template Widget']
 Cari kode berikut :
 <a expr:href=’data:comment.authorUrl’
rel=’nofollow’><data:comment.author/></a>
CARA MERUBAH NOFOLLOW MENJADI DOFOLLOW

 Hilangkan atau hapus rel='nofollow'

 Jika kamu mau, kamu juga bisa membuat trackback-nya
menjadi 'dofollow'
 Caranya : Cari kode berikut
 <a expr:href=’data:backlink.url’
rel=’nofollow’><data:backlink.title/></a>
 Hilangkan atau hapus rel='nofollow'
 Selesai. Semoga bermanfaat :)