Mengelola isi halaman web

Mengelola isi halaman web
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
Teknologi Informasi dan Komunikasi
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
Teknologi Informasi dan Komunikasi
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
Teknologi Informasi dan Komunikasi
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
Teknologi Informasi dan Komunikasi
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
Teknologi Informasi dan Komunikasi
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
Teknologi Informasi dan Komunikasi
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
Teknologi Informasi dan Komunikasi
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
Teknologi Informasi dan Komunikasi
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
Teknologi Informasi dan Komunikasi
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
Hal.: 11
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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.
Hal.: 12
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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.
Hal.: 13
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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.
Hal.: 14
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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.
Hal.: 15
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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:
Hal.: 16
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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
Hal.: 17
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
Tips Menampilkan Tulisan di halaman Web
 Gunakan satu pokok pikiran per paragraf
Ide yang “terkubur” dalam paragrafparagraf yang banyak seringkali tidak dapat
dicerna dengan baik.
 Gunakan bullet list, teks tebal, dan heading
untuk menandakan bagian-bagian penting.
Hal.: 18
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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”
Hal.: 19
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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
Hal.: 20
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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.
Hal.: 21
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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.
Hal.: 22
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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.
Hal.: 23
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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.
Hal.: 24
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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.
Hal.: 25
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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
Hal.: 26
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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.
Hal.: 27
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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
Hal.: 28
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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 banyakbanyaklah bertukar link dengan web lain.
Hal.: 29
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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.
Hal.: 30
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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.
Hal.: 31
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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.
Hal.: 32
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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.
Hal.: 33
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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.
Hal.: 34
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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.
Hal.: 35
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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 >>
Hal.: 36
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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.
Hal.: 37
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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.
Hal.: 38
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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.: 39
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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
Hal.: 40
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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>
Hal.: 41
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
Yang Tidak Berpengaruh Di HTML
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.
Hal.: 42
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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.
Hal.: 43
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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.
Hal.: 44
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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='thomsharing.blogspot.com'>thom</a>
Hal.: 45
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
CARA MERUBAH NOFOLLOW MENJADI
DOFOLLOW
Untuk blog yang menggunakan platform
wordpress, mempunyai link yang berbeda :
 <a href=”http://thomsharing.blogspot.com” rel=”external
nofollow”>thom</a>
 <a href=”http://thomsharing.blogspot.com”
rel=”external”>thom</a>
Hal.: 46
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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>
Hal.: 47
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
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 :)
Hal.: 48
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi
SMK NEGERI 2 CIKARANG BARAT
The and
Hal.: 49
Isikan Judul Halaman
Teknologi Informasi dan Komunikasi