Mengelola isi halaman web
This presentation is the property of its rightful owner.
Sponsored Links
1 / 48

Mengelola isi halaman web PowerPoint PPT Presentation


  • 389 Views
  • Uploaded on
  • Presentation posted in: General

Mengelola isi halaman web. Menguji dan memastikan perubahan perubahan. Menguji dan memastikan perubahan perubahan. Menguji dan memastikan perubahan-perubahan

Download Presentation

Mengelola isi halaman web

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Mengelola isi halaman web

Mengelola isi halaman web

Menguji dan memastikan perubahan perubahan.


Menguji dan memastikan perubahan perubahan

Menguji dan memastikan perubahan perubahan

Mengujidanmemastikanperubahan-perubahan

Pengujian yang dilakukanterhadapsituswebtidaksamadenganpengujiansebuah program aplikasiwalaupunsituswebjugadapatdibuatdenganweb programming.

Secaraumum, hal-hal yang harusdiujiadalahsebagaiberikut

  • Code Quality

  • Compatibility

  • Navigasii

  • User Interaction

  • Usability and Accessbility

  • Scalability

  • Reliability


Menguji dan memastikan perubahan perubahan1

Menguji dan memastikan perubahan perubahan

  • Code Quality

    Pengujianterhadapcode qualitymaksudnyaadalahpengujianterhadapkualitaskode HTML yang digunakanuntukmembangunhalaman-halamansitusweb.

    Yang termasukkedalamkategoriiniadalahsebagaiberikut :

  • Validasi HTML

  • ValidasiGambardanhuruf yang digunakan


Menguji dan memastikan perubahan perubahan2

Menguji dan memastikan perubahan perubahan

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


Menguji dan memastikan perubahan perubahan3

Menguji dan memastikan perubahan perubahan

  • Navigasi

    Pengujiannavigasidilakukanuntukmengujikemampuansituswebdalammenyajikan link-link yang adadalamseluruhhalamansitusweb.

    Pengujianinidilakukankarenapentingnyaaspek navigator dalamsitusweb

    Yang termasukpengujianuntuknavigasisituswebadalah :

  • link,

  • frame,

  • organisasisitus.


Menguji dan memastikan perubahan perubahan4

Menguji dan memastikan perubahan perubahan

  • User Interaction

    Pengujianuser interactionmaksudnyaadalahbahwasituswebdiujisejauhmanadapatberinteraksidenganpengunjung yang mengunjungisitusweb.

    Yang termasukkedalamuserinteractionadalah :

  • pengujianpadafasilitas form,

  • validasi CGI script,

  • validasiproses,

  • interface,

  • cookies,

  • session

  • dll


Menguji dan memastikan perubahan perubahan5

Menguji dan memastikan perubahan perubahan

5. Usability and Accessbility

Pengujianusabilitydanaccesbilitysituswebadalahpengujian yang dilakukanterhadapsituswebgunamelihatsejauhmanasitusdapatmemenuhikeinginanpengunjungatau target penggunasitusweb.

Contohpertanyaanberikutdapatdigunakanuntukmengujitingkatusabilitydanaccesbilitysitusweb :

  • Halaman web yang menggunakan script atauapletharustetapdapatditampilkanpada browser yang tidakmendukungfungsiapletdan script tersebut.

  • Jikamenggunakan image maps, makaseharusnyahalamansitusjugamenyediakan link yang digunakansebagaialternatif

  • Situs web seharusnyajugadapatdipahamiketikadibukamenggunakan browser berbasisteks


Menguji dan memastikan perubahan perubahan6

Menguji dan memastikan perubahan perubahan

6. Performance

Pengujianterhadapperformance atauperformasituswebmaksudnyaadalahpengujian yang dilakukanterhadapsituswebuntukmelihatsejauhmanakinerjasitus webdalamberbagaikeadaan.

Contohstandar yang harusdimilikiolehsebuahsitus yang memilikikinerja yang baik :

  • 95% halamanwebdapatdidownload kurangdari 10 detikpada modem 28,8 kbps

  • Prosespemesanandapatdilakukandalamwaktu 2 menit

  • Konfirmasisuatutransaksidikirimkanpadauser dalam 30 detik


Menguji dan memastikan perubahan perubahan7

Menguji dan memastikan perubahan perubahan

7. Scalability

Pengujianscalability maksudnyaadalahpengujianterhadapsejauhmanasitusweb/system yang dibangundapatdikembangkansebagaiantisipasiterhadapperubahanteknologidimasa yang mendatang.

Evaluasiscalabilitydapatdilakukandenganmengujisejauhmanasituswebdalam :

  • Jumlahmaksimaltransaksi/detik yang masihdalambatasresponse-time-requirement

  • Jumlah rata-rata transaksipadasaat normal

  • Jumlahmemori yang diperlukanuntuksetiaptransaksi


Menguji dan memastikan perubahan perubahan8

Menguji dan memastikan perubahan perubahan

8. Reliability

Pengujianreliabilitysitusweb maksudnyamengujisejauhmanasituswebmasihdapatmelakukantugasnyadalamkondisi yang berat.

Yang termasukkedalampengujianiniadalah:

  • Low-resource testing : apakahaplikasimasihdapatberjalanpadareduced system resources.

  • Endurance testing : mengujitingkatstress systemdalamwaktu yang cukup lama

  • Volume testing : mengujiunjukkerjasistemdengan data yang besar

  • Peak testing : mengujisistempadasaat yang paling sibuk


Mempengaruhi halaman web

Mempengaruhi Halaman Web

Mengakses Halaman Web Secara Cepat

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

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 cepat1

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 cepat2

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 cepat3

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

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 web1

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 kataTulisan yang pendek dan tajam lebih mudah dibaca dari pada halaman yang panjang


Tips menampilkan tulisan di halaman web2

Tips Menampilkan Tulisan di halaman Web

Gunakan satu pokok pikiran per paragrafIde 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 web3

Tips Menampilkan Tulisan di halaman Web

Gunakan kata/title pada hyperlink yang mudah dimengertiHyperlink harus mudah dimengerti dan memberikan gambaran seperti apa tujuan dari halaman setelah ia mengklik hyperlink tersebut.

Hindari KekacauanHalaman Web yang penuh sesak dapat menciptakan “kebisingan visual”


Tips menampilkan tulisan di halaman web4

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

RANGKING Search Engine

Memiliki halaman web yang enak dipandang mata, belum tentumemberikan hasil yang baik pada search engine. Ada hal-hal yangharus anda perhatikan untuk optimasi ini. Anda perlu mengetahuibagaimana cara mengoptimalkan halaman web dengan tag-tag HTMLkhusus, dan hal-hal apa saja yang mempengaruhi rangking padaSearch Engine.


Rangking search engine1

RANGKING Search Engine

1. Keyword pada domain name

Jika Anda memiliki website yangberisi koleksi lagu-lagu mp3 atau jika situsanda menjual buku-buku alangkah baiknya jika menggunakan nama yang mengandung kata ebook. Cara ini masih terbilangefektif untuk saat ini.


Rangking search engine2

RANGKING Search Engine

2. Keyword pada nama file

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


Rangking search engine3

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 engine4

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


Rangking search engine5

RANGKING Search Engine

5. Keyword yang relevan pada meta tag

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


Rangking search engine6

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 engine7

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 engine8

RANGKING Search Engine

8. Link Popularity

Adalah jumlah halaman web lain yangmemasang 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

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 website1

Merancang Navigasi Website

1.Rencanakan dengan BaikHal 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 website2

Merancang Navigasi Website

2. Dimana Navigasi diletakkanNavigasi 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 website3

Merancang Navigasi Website

3.KonsistenSebisa 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 website4

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 website5

Merancang Navigasi Website

5. Singkat & DeskriptifKata - 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 website6

Merancang Navigasi Website

6. Berikan Petunjuk pada PengunjungAkan lebih baik jika pada halaman website memuat strukur singkat halaman web yang sedang di tampilkan. Misal : Tentang Kami >> Visi & Misi >>


Merancang navigasi website7

Merancang Navigasi Website

7. Berikan Link ke Halaman UtamaJangan 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 website8

Merancang Navigasi Website

8. SitemapBuatlah 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

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 html1

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 html2

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 html3

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

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 dofollow1

CARA MERUBAH NOFOLLOW MENJADI DOFOLLOW

Cek Web/ Blog Sudah DoFollowUntuk 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 dofollow2

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 dofollow3

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 dofollow4

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 dofollow5

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


  • Login