Mengelolaisihalamanweb4 (ind)

Mengelola isi halaman web

Menguji dan memastikan
perubahan perubahan.

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 Teknologi Informasi dan Komunikasi

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


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.


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.


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


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


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


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


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

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



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.



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.



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.



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:



 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



 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.



 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”



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.



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.



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.



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.



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.



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



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.



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



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.



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.



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.



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.



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.



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.



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 >>



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.



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.



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



2. Spasi atau tabulasi atau enter
sebanyak apapun, tidak ada artinya.
<p>bunga mawar indah </p>
<p>bunga mawar indah</p>



Bagaimana agar hasilnya beda?
Kita harus menggunakan kode HTML
tertentu.

Kode   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.


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.


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>


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>


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>


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 :)


SMK NEGERI 1 TUTUR PASURUAN

The end


Mengelolaisihalamanweb4 (ind)

More Related Content

Viewers also liked

Similar to Mengelolaisihalamanweb4 (ind)

More from Sayugo

Mengelolaisihalamanweb4 (ind)