M
C D D L PE
L A
T IH
A
B
D A
B
PE
B
G
E
M
B A
B
G
A
B
W
E
B SIT E
D ni
ver
s
i
t as Pad j
ad j
ar
an
D ire ktorat P e re ncanaan D an S iste m Informasi
P e n
ge n
a
l
a
n
W
e b si
te
1.D e finisi W e b site
S e b uah we b site , atau dike nal juga de ngan situs we b , adalah se kumpulan halaman we b yang
ditampilkan dalam se b uah domain. W e b site disimpan di dalam se rve r hosting yang dapat
diakse s le wat jaringan se pe rti jaringan Inte rne t atau le wat jaringan are a lokal le wat alamat
Inte rne t yang juga dike nal de ngan nama U niform Re source L ocator (U RL ). W e b site yang dapat
diakse s te rse b ut se cara kole ktif dise b ut W orld W ide W e b (W W W ).
H alaman we b me rupakan dokume n b e risi te ks yang ditulis (paling se de rhana) dalam format
H ype r Te xt M arkup L anguage (H TM L ). H alaman we b dapat me manggil e le me n-e le me n lain yang
b iasa ditampilkan dalam se b uah we b , se pe rti e le me n gamb ar, vide o, dan se b againya.
2.B agaimana S e b uah W e b site D apat D iakse s
W e b site diakse s me lalui H ype r Te xt Transfe r P rotocol (H TTP ) atau me lalui H TTP S e cure (H TTP S )
yang me rupakan jalur te re nkripsi untuk me mb e rikan ke amanan dan privasi b agi konte n
we b site . P e ramb an (b rowse r) adalah alat yang digunakan pe ngguna untuk me ngakse s halaman
we b yang disimpan di se rve r hosting.
Ke tika pe ngguna me ngakse s inte rne t me lalui b rowse r, b rowse r te rse b ut akan me ngirimkan
se b uah H TTP re que st. Re que st te rse b ut te rhub ung ke we b se rve r me lalui Inte rne t S e rvice
P rovide r (jasa pe nye diaan akse s inte rne t). B e b e rapa IS P yang dike nal di Indone sia di antaranya
adalah Te lkom S pe e dy, Te lkomse l, Indosat, dan lain-lain.
B e rb e da de ngan me ngakse s laman, untuk me ngakse s file yang te rdapat di we b se rve r, protokol
yang digunakan adalah File Transfe r P rotocol (FTP ).
3.Je nis W e b site
A .S tatis
W e b site statis me rupakan we b site yang halamannya harus die dit se cara manual untuk
statis me mb e rikan informasi yang sama ke pada se mua pe ngunjung we b . S ama halnya
se pe rti b rosur atau pamfle t, we b site statis me mb e rikan informasi yang konsiste n dan
standar untuk pe riode yang lama
B .D inamis
W e b site dinamis adalah we b site yang se cara spe sifik dirancang agar konte n dan laman
yang te rdapat dalam we b site te rse b ut dapat dipe rb arui atau diub ah se cara b e rkala,
mudah, dan otomatis.
Format laman we b dinamis ditulis dalam b ahasa skrip, diantaranya adalah P H P , A S P , dan
lainya. S e lain itu, konte n we b site tidak disimpan langsung di laman we b nya, akan te tapi
disimpan di se b uah se rve r b asis data (datab ase ). D ata te rse b ut ditampikan dalam laman
we b dinamis de ngan me nggunakan b ahasa skrip.
4.Kapan W e b site H arus D igunakan
D i jaman te knologi informasi se pe rti se karang, distrib usi informasi me rupakan hal yang sangat
pe nting b agi ke b e rlangsungan se b uah le mb aga. Jika le mb aga A nda b e rhub ungan de ngan pub lik
dan sangat pe nting b agi le mb aga te rse b ut untuk me mb e ri informasi se cara langsung, maka di
saat itulah we b site pe rlu digunakan.
Kare na informasi me miliki b e rb agai macam b e ntuk dan kapasitas, maka pe nggunaan we b site
harus se suai de ngan tujuannya te rle b ih dahulu. Targe t pe ngunjung pun pe nting se b agai
pe rtimb angan akan dib uat se pe rti apa we b site te rse b ut.
5.Tujuan P e ngadaan W e b site
H al yang pe rlu dite ntukan se b e lum ke langkah pe mb angunan we b site adalah tujuan yang je las
untuk apa we b site itu dib uat. Kare na ke b e ragaman fungsi we b site , maka se tiap tujuan pasti ada
te knik pe mb uatan yang b e rb e da, walaupun pada ke nyataanya b isa saja pe mb uatan we b site
me miliki b e b e rapa tujuan.
A .C ompany P rofile
Ke tika se b uah institusi ingin dipe rke nalkan ke pada pub lik, maka je nis we b site yang paling
te pat adalah pe mb uatanwe b site companyprofile .W e b site companyprofile b e risi
informasi me nye luruh te ntang institusi te rse b ut, mulai dari se jarah le mb aga, kontak, visi
dan misi, ide ntitas, se rta struktur institusi. Ke b anyakan laman dari we b site ini b e rje nis
B .P ortal B e rita
W e b site yang b e rtujuan se b agai portal b e rita b iasanya me miliki sirkulasi konte n yang
sangat dinamis. D i laman de pan we b site ini langsung te rlihat kumpulan b e rita yang
te rkate gorikan dan me nu navigasi, se hingga me mudahkan pe ngunjung untuk me ne ntukan
C .C omme rce
W e b site e -comme rce b e rtujuan untuk ke pe ntingan kome rsial se pe rti me njual produk, b aik
produk hardware maupun software . C iri paling je las we b te rse b ut adalah adanya gale ri
produk yang akan dijual se rta prose s pe mb ayaran yang dapat langsung diprose s se cara
online .
D .B log
W e b log atau b iasa dise b ut b log me rupakan we b site yang b e risi tulisan (b iasanya b e rb e ntuk
tulisan naratif) yang disusun se cara kronologis diurutkan dari artike l yang paling b aru. B log
b iasanya le b ih b e rsifat prib adi yang diisi ole h se se orang. Kare na konte n utama dari b log
adalah tulisan naratif te rse b ut, b iasanya laman de pan b log langsung b e risi konte n te rse b ut,
E. A plikasi b e rb asis we b
W e b site yang b e rupa aplikasi adalah we b site yang b e rtujuan khusus untuk me ngolah data
atau ke b utuhan spe sifik lainnya. C ontoh dari aplikasi b e rb asis we b adalah layanan e mail
P e n
ge m
b a
n
ga
n
W
e b si
te
1.H osting
A .L ocal H osting
S e b e lum we b dipub likasikan ke luar, se b aiknya dalam tahap awal we b yang se dang
dike mb angkan tidak disimpan di se rve r yang te rsamb ung ke inte rne t. M aka, solusinya
adalah me mb uat kompute r prib adi kita se b agai se rve r lokal. U ntuk dapat me mb uat
kompute r me njadi se b uah se rve r lokal dib utuhkan aplikasi se pe rti XA M P P (untuk W indows)
atau M A M P (untuk M ac).
S e te lah prose s instalasi XA M P P , jalankan dua se rvice yang dipe rlukan se b uah we b site , yaitu
se rvice A pache dan M yS Q L . A pache me rupakan aplikasi yang b e rjalan se cara b ackground
(atau dise b ut juga se rvice ) di dalam siste m ope rasi se b agai se rve r untuk ke pe rluan local
hosting, se dangkan M yS Q L adalah se rvice yang b e rjalan untuk ke pe rluan datab ase .
L okasi folde r hosting ada di folde r b e rnama ‘htdocs’, atau se cara se ttingan instalasi de fault
ada di c:\xampp\htdocs. D i folde r itulah kita akan me nyimpan file we b .
B .W e b H osting
Jika we b yang b e rada di local hosting sudah siap dipub likasikan ke inte rne t, file we b yang
ada di folde r ‘htdocs’ dapat diunggah ke we b hosting. W e b hosting me manfaatkan se b uah
hosting, pe ngguna harus me miliki akse s C P ane l (laman konfigurasi se rve r), akse s FTP , dan
akse s datab ase .
U ntuk dapat me ngakse s we b hosting, pe rlu aplikasi FTP clie nt. FTP clie nt yang paling umum
dipakai adalah File Zilla.
U ntuk me namb ahkan situs yang dike lola, pe rtama-tama tuju me nu File > S ite M anage r.
S e te lah itu, pilih N e w S ite kare na kita akan me mb uat situs b aru. Isikan host, use rname dan
password FTP , ke mudian pilih C onne ct. A pab ila se mua data te rse b ut diisi de ngan b e nar,
maka A nda akan b e rhasil masuk ke we b se rve r.
Te rdapat dua windows di dalam tampilan utama File Zilla, yang pe rtama yaitu L ocal site di
se b e lah kiri dan Re mote site di se b e lah kanan. W indow L ocal site me nampilkan data yang
te rdapat di kompute r yang se dang digunakan,se dangkanwindow Re mote site
me nampilkan data yang ada pada se rve r yang se dang te rkone ksi. U ntuk me mindahkan file
dari L ocal site ke Re mote site , se cara se de rhana cukup drag and drop saja.
2.D atab ase
D atab ase atau b asis data me rupakan kumpulan data yang te rstruktur dan b e rre lasi yang
disimpan di dalam se b uah kompute r atau se rve r. D alam pe mb angunan we b site yang dinamis,
tidakcukuphanya me manfaatkanlamanwe b b e rtipe H TM L saja.D ipe rlukanadanya
te rse b ut b isa b e rb agai macam, namun ke b anyakan data yang disimpan di datab ase me rupakan
data b e rb e ntuk string/te ks.
U ntuk me mb uat datab ase di dalam se b uah hosting, b iasanya se rve r hosting te lah me nye diakan
aplikasi untuk me nge lola datab ase b e rnama P H P M yA dmin. A plikasi te rse b ut b isa diakse s di
http://[yourdomain]/phpmyadmin.
3.Ele me n D asar W e b
A .H e ade r
H e ade r di dalam laman we b site se b e narnya me rujuk ke pada dua hal yang b e rb e da. H e ade r
yang pe rtama adalah he ade r laman we b site (use r inte rface ) dan yang ke dua adalah he ade r
dokume n we b .
H e ade r laman we b site me rupakan b agian paling atas se b uah laman we b yang b e risi judul
we b site , logo, dan navigasi. D alam se b uah we b site , se cara statis he ade r se lalu ada di tiap
Jika dilihat dari kode H TM L -nya, b e b e rapa me tadata te rle tak di dalam b agian he ade r
dokume n <H EA D >, yaitu
a.<title > Judul laman
b .<me ta name =”de scription”> Rangkuman te ntang isi dokume n
c. <me ta name =”ke yword”> Kata kunci yang ada dalam dokume n
d.<me ta charse t=”U TF-8”> C haracte r Encoding S tandard atau C haracte r S e t
e .<link re l=”style she e t> A lamat dokume n style she e t (C S S )
f. <me ta name =”vie wport”> M e nge ce k ukuran layar yang digunakan
B .C onte nt S e ction
C onte nt se ction me nampung isi utama dari laman yang dib uka. M isalnya, jika di laman
awal (inde x) se b uah we b site , conte nt se ction akan b e risi daftar artike l yang te rse dia di
we b site te rse b ut. A kan te tapi, b ila laman artike l/post yang dib uka, conte nt se ction akan
me nampilkan isi dari se b uah artike l. P ada umumnya, conte nt se ction b e risi judul artike l,
C .S ide b ar
S ide b ar adalah kolom se kunde r yang ada di laman we b se lain kolom konte n utama.
B iasanya posisi side b ar ada di samping conte nt se ction. D alam se b uah laman we b , side b ar
b isa b e rada satu hingga dua, b isa di ke dua sisi atau salah satu sisi. D i dalam side b ar kita
D .Foote r
Foote r adalah b agian akhir dari laman we b dan te rle tak di paling b awah. S ama halnya
se pe rti he ade r, foote r b e rsifat statis; se tiap laman me miliki foote r yang sama. H al-hal
umum yang ada di dalam foote r adalah ke te rangan hak cipta dan alamat organisasi.
4.B ahasa P e mrograman W e b
A .H ype r Te xt M arkup L anguage (H TM L )
H TM L adalah se b uah b ahasa markup standar yang digunakan untuk me mb uat laman we b .
H TM L b e risi e le me n-e le me n yang b e rb e ntuk tags ditutupi ole h tanda kurung siku-siku.
U mumnya tag te rse b ut b e rpasangan, se pe rti <h1> dan </h1>, namun ada juga yang tidak
b e rpasangan, se pe rti <img>.
S truktur standar se b uah laman we b dapat dijab arkan se pe rti di b awah ini:
<html>
<he ad>
<title >Judul L aman</title >
</he ad>
<b ody>
<h1>H e ading 1</h1>
<p>P aragraf</p>
</b ody>
H ingga kini, pe rke mb angan H TM L sudah me ncapai H TM L 5. B e b e rapa fitur pe nting yang
te rdapat dalam H TML 5 adalah adanya dukungan untuk pe mutar vide o dan audio.
B .P H P
P H P me rupakan b ahasa pe mrograman serve r-side yang digunakan untuk pe nge mb angan
aplikasi we b . P H P b iasanya digunakan b e rsama-sama de ngan H TM L . U ntuk me njalankan
P H P , se b uah se rve r harus dipasang se b uah P H P Inte rpre te r.
C ontoh skrip P H P :
<html>
<he ad>
<title >P H P Te st</title >
</he ad>
<b ody>
<?php e cho '<p>H e llo W orld</p>'; ?>
</b ody>
</html>
C .Javascript
Javascript me rupakanb ahasa pe mrogramanclie nt-side yang diprose s di pe ramb an.
Javascript dapat b e rinte raksilangsung de nganpe ngguna,me nge ndalikanpe ramb an,
hingga me ngub ah dokume n yang tampil di pe ramb an.
C ontoh Javascript:
<script type ="te xt/javascript">
ale rt("H e llo W orld!");
</script>
5.P e rle ngkapan untuk P e mb uatan W e b site
P e rle ngkapan e se nsial untuk me mb uat se b uah we b site se b e narnya cukup e ditor te ks dan
tamb ahan,se pe rtifitur untukme lihat hasilcoding se pe rti yang ada di dalam aplikasi
D re amwe ave r.
B e b e rapa e ditor te ks yang umum digunakan di antaranya:
g.S ub lime Te xt
h.N ote pad++
i. P H P Edit
S e dangkan pe ngolah grafis yang umum digunakan di antaranya:
a.A dob e P hotoshop
b .A dob e Illustrator
c. C ore l D raw
d.GIM P
6.P e milihan C M S
C onte nt M anage me nt S yste m atau yang b iasa disingkat C M S adalah program we b site yang
me nginjinkan pe ngguna untuk me mpub likasikan, me nge dit dan me modifikasi conte nt we b site
dan dapat me ngatur mainte nance dari pusat antar muka se b uah we b site . B iasanya C M S ini
digunakan dalam tipe conte nt we b site portal, b log, shop, dan je nis tipe conte nt lainnya.
A da b anyak C M S script yang digunakan dalam me mb uat suatu we b site . N amun dalam me milih
se b uah C M S te rdapat b e b e rapa hal yang harus dipe rhatikan se pe rti:
A pakah C M S yang akan digunakan se suai de ngan ke b utuhan
A pa yang A nda harapkan dari we b site yang A nda b uat? H anya untuk me nulis saja atau
dib utuhkan pula kolom widge t yang b e ragam. A pakah C M S te rse b ut cocok untuk ne ws portal,
b logging, atau online shopping.
A pakah we b hosting yang akan digunakan me ndukung C M S te rse b ut
P e rlu dipe rhatikan apakah we b hosting yang A nda gunakan me ndukung datab ase M yS Q L ?
A pakah ve rsi P H P yang digunakan me me nuhi C M S script yang A nda gunakan? A pakah
Gd-L ib rary me ndukung image manipulation, dan lain-lain.
A pakah C M S yang akan digunakan se suai de ngan kone ksi inte rne t Anda
Jika A nda me nggunakan C M S yang me miliki b anyak fasilitas (me nggunakan A jax se hingga le b ih
mirip de ngan aplikasi de sktop) se hingga waktu loadingnya lama. P e rlu dipe rhatikan apakah
A pakah C M S yang akan digunakan me ndukung S EF (S e arch Engine Frie ndly)
S EF ini sangat dib utuhkan agar situs pe ncarian se pe rti google me nginde ks we b site A nda.
A pakah C M S yang akan digunakan me ndukung RS S (Rich S ite S ummary)
S aat ini RS S sudah me njadi me nu wajib , tidak hanya di kalangan we b site popule r tapi juga di
kalangan we b site b log. U mumnya RS S digunakan se cara luas untuk me nye b ar ringkasan tulisan
te rb aru, kadang-kadang juga me nye rtakan artike l le ngkap dan b ahkan gamb ar dan suara.
A pakah C M S yang akan digunakan me ndukung pe mb agian kate gori
A gar pe ngunjung we b site A nda mudah me mb aca isi we b site yang A nda b uat, le b ih mudah jika
me mb aca tulisan yang dikate gorikan de ngan b aik daripada te rcamput me njadi satu.
A pakah C M S yang akan digunakan me ndukung site map dan Google site map
S ite map se b e narnya me mpe rmudah pe ngunjung untuk me ne lusuri we b site A nda, akan te tapi
site map ini juga me mpe rmudah google b ot dalam me nginde ks we b site A nda. A pab ila C M S kita
me ndukung Google site map, maka hal te rse b ut akan sangat me mb antu.
B e rikut re vie w dari b e b e rapa C M S yang sangat popule r digunakan se pe rti W ordpre ss, Joomla,
a.W ordpre ss
W e b site : http://www.wordpre ss.org
P opularitas: 140 juta pe ngguna
B iaya: Gratis
Te ma gratis yang te rse dia: 2.000+
P lugin gratis yang te rse dia: 27.000+
O ne click installation availib ility: Ya
S EF: Ya
W aktu yang dib utuhkan untuk instalasi manual: 5 me nit
C ocok digunakan untuk: b logs, corporate we b site s, small-me dium size d we b site s
W e b site popule r yang me nggunakan W ordpre ss: forb e s, C N N , S ony
b .Joomla
W e b site : http://www.joomla.org
P opularitas: 30 juta pe ngguna
B iaya: Gratis
Te ma gratis yang te rse dia: 900+
P lugin gratis yang te rse dia: 7.000+
O ne click installation availib ility: Ya
S EF: Ya
W aktu yang dib utuhkan untuk instalasi manual: 10 me nit
C ocok digunakan untuk: e -comme rce , social ne twork site s
W e b site popule r yang me nggunakan Joomla: H arvard U nive rsity, The H ill
c. D rupal
W e b site : http://www.drupal.org
P opularitas: 15 juta pe ngguna
B iaya: Gratis
Te ma gratis yang te rse dia: 1.800+
P lugin gratis yang te rse dia: 24.000+
O ne click installation availib ility: Ya
S EF: Ya
W aktu yang dib utuhkan untuk instalasi manual: 10 me nit
C ocok digunakan untuk: one size fits all
we b site popule r yang me nggunakan D rupal: L inux, The W hite H ouse W ashington,
7.Instalasi W ordP re ss
B e rikut adalah langkah-langkah untuk instalasi W ordP re ss di we b hosting
1.U nduh file instalasi W ordP re ss te rb aru di http://wordpre ss.org.
2.Ekstrak file zip yang te lah diunduh.
3.U nggah file yang te lah die kstrak ke we b hosting.
a. Jika A nda ingin W ordP re ss dipasang di root domain (misalnya http://yourdomain.com),
maka upload ke dire ktori root we b hosting.
b .Jika A nda ingin W ordP re ss dipasang di dire ktori lain (misalnya
http://yourdomain.com/b log), maka upload ke dire ktori ‘b log’ te rse b ut.
4.B uat datab ase untuk ke pe rluan we b me lalui P H P M yA dmin. D alam contoh ini misalnya
nama datab ase yang kita b uat adalah ‘b asisdata_cms’ de ngan nama use r ‘we b use rdb 1’ dan
password ‘we b passdb 1’
5.U ntuk me njalankan instalasi W ordP re ss, akse s U RL we b nya me nggunakan pe ramb an. U RL
te rse b ut adalah U RL te mpat A nda me ngunggah file W ordP re ss. Jika b e rhasil, se harusnya
we b me nampilkan tampilan se pe rti ini:
6.Isi ke te rangan kone ksi datab ase se suai de ngan yang te lah dib uat.
8.Isi ke te rangan umum we b site , ke mudian ‘Install W ordP re ss’
P e n
ge l
o
l
a
a
n
da
n
P e ra
w
a
ta
n
W
e b si
te
Tahap b e rikut se te lah pe mb uatan adalah pe nge lolaan dan pe rawatan we b site . P e rlu dike tahui
b ahwa pe nge lolaan dan pe rawatan me rupakan prose s paling sulit dan paling panjang, kare na
me lib atkan b anyak orang dan ke mampuan.
1.M anaje me n Konte n
D alam se b uah we b site , apalagi se b uah portal b e rita, pe rlu adanya manaje me n konte n yang
b aik. Tujuan dari manaje me n te rse b ut adalah agar konte n mudah dicari de ngan me nggunakan
pe rangkat navigasi we b site dan te rstruktur de ngan rapi.
A .P e ne ntuan P e nggunaan P ost dan P age
D alam W ordP re ss, konte n dapat dib agi ke dalam dua b e ntuk: P ost dan P age . P ost adalah
konte n yang b e rsifat dinamis dan se lalu dipe rb arui de ngan ce pat, misalnya konte n b e rita.
P ost b e rsifat kronologis (te rikat de ngan waktu) kare na sifat ke te rb aruannya.
S e dangkan P age adalah konte n yang tidak te rikat ole h waktu, maka dise b ut juga konte n
statis. P age tidak me miliki kate gori atau pun tag. N amun, P age dapat me miliki sub page .
B e rikut adalah contoh struktur laman we b :
B .Kate gorisasi
U ntuk me nge lola konte nt P ost, gunakanlah siste m kate gori. Kate gorisasi b e rguna untuk
me nge lompokkan b e b e rapa P ost atau me mb e ri tahu te ntang apa P ost te rse b ut ke pada
pe mb aca.P ost dapat dimasukkanke dalam se b uah (ataub e b e rapa)kate gori dan
C .Tag
Tag adalah kata kunci yang ada di dalam konte n. P e nggunaan tag mirip fungsi kata kunci
yang ada dalam ab strak karya tulis. Tag b e rfungsi agar pe ncarian konte n b e rb asis kata
kunci le b ih mudah digunakan. Tag pun b e rsifat S EO frie ndly, yang b e rarti kata kunci yang
ada di artike l akan me njadi kata kunci yang digunakan ole h me sin pe ncari juga.
2.M anaje me n P e nge lola
P e nge lolaan we b site me mb utuhkan b e b e rapa orang yang te rb agi dalam minimal tiga posisi
utama, yaitu W e b D e signe r, A dministrator, dan C onte nt Editor.
W e b D e signe r b e rtugas untuk me rancang visualisasi we b site dan b iasanya me rangkap
se b agai de saine r grafis untuk konte n.
A dministrator b e rtugas untuk me ngurus hosting dan ke pe rluan administrasi we b se pe rti
pe namb ahan use r dan pe namb ahan fitur.
C onte nt Editor b e rtugas untuk me nge lola konte n.
D i dalam situs yang me miliki sirkulasi konte n yang sangat dinamis, tugas C onte nt Editor te rb agi
lagi ke dalam b e b e rapa b agian, yaitu:
a.Editor: se se orang yang b e rwe nang untuk me mpub likasikan dan me ngatur artike l-artike l
te rmasuk artike l yang ditulis ole h use r lain.
b .A uthor: se se orang yang dapat me mpub likasikan dan me ngatur artike l yang dia tulis
se ndiri.
c.C ontrib utor: se se orang yang dapat me nulis dan me ngatur tulisannya se ndiri namun
tidak sampai me mpub likasikannya (hanya sampai tahap draft).
L e ve l-le ve l pe nge lola A dministrator dan C onte nt Editor dapat diatur di dalam W ordP re ss
3.P lugin
P lugin me rupakan aplikasi tamb ahan yang dapat dipasangkan di W ordP re ss. Ke b anyakan plugin
dike mb angkan ole h pe nge mb ang third-party. A lasan me ngapa dipe rlukan plugin adalah kare na
fitur awal yang dise diakan ole h W ordP re ss tidak me ncukupi ke b utuhan dan pe rmintaan use r.
B e rikut adalah b e b e rapa plugin e se nsial yang b iasanya dipe rlukan dalam se b uah we b site .
A .S tatistik S itus
S e b uah we b site me mb utuhkan statistik situs untuk me mb e rikan laporan te ntang se b e rapa
b anyak we b site . U mumnya plugin statistik juga me mb e rikan laporan te ntang artike l mana
saja yang paling b anyak dikunjungi, b e rapa pe ngunjung pe rhari, pe rb ulan, atau pe rtahun.
P lugin yang se ring digunakan adalah Je tP ack dan S ite S tats. Google A nalytics pun dapat
digunakan, namun b ukan se b agai plugin W ordP re ss.
B .Ke amanan
S e b agai C M S yang paling b anyak digunakan di se luruh dunia, W ordP re ss sangat re ntan
de ngan se rangan hacke r dan spam. B e b e rapa me tode yang dapat digunakan se b agai
langkah pe ngamanan adalah me matikan form kome ntar (apab ila se b e narnya tidak te rlalu
dipe rlukan). S e lain itu, dapat juga me nggunakan C A P TC H A untuk me nge ce k apakah yang
me mb e ri kome ntar itu se se orang atau se b uah b ot. A lte rnatif lainnya adalah me nggunakan
siste m kome ntar yang dise diakan ole h pihak third-party se pe rti D isqus yang akan dije laskan
di b agian se lanjutnya.
S e rangan lazim yang se ring te rjadi se lain spam adalah script inje ction. C e lah script inje ction
te rb uka salah satunya kare na pe nggunaan te mplate atau plugin b ajakan atau yang out of
date. U ntuk me nge ce k apakah se b uah we b site te rke na script inje ction, gunakan plugin
W ordfe nce yang dapat me mindai se tiap file yang ada di we b .
4.Te ma
V isualisasi dari apa yang kita lihat di dalam laman de pan we b kita dihasilkan dari te ma yang kita
te rapkandidalam W ordP re ss.Te ma W ordP re ss me ngatur tampilanantarmuka,layout,
se kaligus fitur apa yang dapat digunakan, kare na se b agian te ma me miliki fitur yang te rte mpe l.
B e b e rapa hal yang pe rlu dipe rtimb angkan dalam pe milihan te ma akan dije laskan di b awah ini.
A .W arna
W arna sangat b e rhub ungan de ngan ide ntitas yang dire pre se ntasikan le wat we b . B e b e rapa
C omple me ntation: b agaimana ke cocokan antara tiap satu warna de ngan warna yang
lain
C ontrast: tingkat kontras (pe rb e daan warna) yang te pat akan me mb antu ke mudahan
me mb aca (readab ility), te rutama pe rb e daan warna latar b e lakang de ngan te ks.
V ib rancy: Tingkat ke ce rahan dan ke kuataan warna b e rpe ngaruh ke pada rasa apa yang
ingin ditawarkan ke tika me mb uka laman we b . W arna ce rah dan kontras me nunjukkan
se mangat dan b iasanya digunakan di dalam we b site yang me muat b e rita te ntang
re maja. S e dangkan warna-warna yang kurang kontras b iasa digunakan ole h we b
korporat.
B e b e rapa industri me nye diakan ske ma warna yang te lah db uat ole h para de saine r, antara
lain layanan A dob e Kule r dan C olourlove rs.com.
B .L ayout
L ayout standar se b uah we b b e risi he ade r, conte nt se ction, side rb ar, dan foote r. B e b e rapa
aspe k yang pe rlu dipe rhatikan dalam me milih layout adalah:
B e rapa kolom yang dib utuh, apakah dua kolom (conte nt-side b ar) atau tiga kolom
(side b ar-conte nt-side b ar) atau b ukan di antaranya.
L ayout yang me miliki le b ar me ngikuti layar (fluid) atau yang me miliki le b ar yang te tap
(fixe d).
D ukungan re sponsive layout, yaitu layout yang me ngikuti b e sar layar, apakah layar
de sktop, mob ile , atau tab .
C .H uruf
H uruf pun me mb awa fee l te rte ntu; apakah ingin formal se pe rti Time s atau ingin yang le b ih
minimalis se pe rti O pe n S ans atau H e lve tica. H uruf sangat b e rdampak b e sar te rhadap use r
e xpe rie nce , kare na konte n utama se b uah we b site te ntunya adalah artike l.Yang pe rlu
dipe rhatikan ke tika me milih huruf adalah:
Tingkat ke te rb acaan (re adab ility), kare na ada b e b e rapa je nis huruf yang sulit untuk
dib aca.
S pacing, b aik itu antar huruf maupun antar b aris.
U kuran huruf, harus me miliki pe rb e daan antara H e ading 1, H e ading 2, P aragraf, Q uote ,
Emphasize , dan lainnya.
P e nggunaan layanan online we b font. Kare na tidak se mua kompute r me miliki font
yang harus digunakan di laman we b , maka alte rnatifnya adalah me nggunakan layanan
5.B ackup W e b site
A lasan we b site harus dib ackup?
A da 5 asalan me ngapa we b site A nda harus dib ackup:
1.M e mb ackup we b site b ukan me rupakan tanggung jawab we b hosting
B e b e rapa layanan we b hosting tidak se pe nuhnya me layani b ackup we b site , b iasanya untuk
me ndapatkan layanan b ackup we b site A nda harus me namb ah se jumlah fe e pada we b
hosting yang A nda gunakan.
2.M e nyimpan we b site A nda di localhost b e lum cukup!
Jika A nda te rb iasa me nggunakan me nge mb angkan we b site di localhost, A nda mungkin
b e rpikir hal te rse b ut sudah cukup. N amun se iring b e rjalannya waktu, we b site nya yang
A nda pub lish di we b se rve r akan te rdapat pe rub ahan. H al ini yang me mb uat A nda harus
me mb ackup tidak hanya file script we b site tapi juga isi konte n we b site A nda.
3.S iap b e re aksi de ngan ce pat
B ayangkan jika we b site A nda yang usianya sudah panjang, me miliki kualitas S EO yang b aik,
pe ndapatan yang te rus me ngalir tib a-tib a te rke na hack, se dangkan A nda tidak me miliki
b ackup-an we b site ? Te ntu hal te rse b ut akan sangat me rugikan A nda.
4.M e mb uat pe milik we b site me rasa te nang
S e pe rti pada alasan se b e lumnya, jika A nda sudah me mb ackup we b site A nda tidak pe rlu lagi
me nce maskan we b site A nda yang te rke na hack. Jika hal te rse b ut te rjadi A nda hanya pe rlu
me re store data we b site yang sudah A nda b ackup.
5.M e lindungi we b site A nda dari se rangan virus
B e b e rapa layanan we b hosting sudah me miliki antivirus yang siap me lakukan scanne r
te rhadap we b site clie nt. N amun tidak se mua we b host me lakukan scanne r te rhadap virus
dan malware se cara proaktif. O le h kare na itu, se b aiknya anda me mb ackup we b site agar
6.Tips
B e rikut adalah tips-tips yang dapat digunakan dalam me maksimalkan kine rja we b site A nda
A .Format P ostingan W e b site yang B aik
Format postingan me rupakan isu pe nting dalam de sain we b site . H al ini me nyangkut aspe k
scannab ility dan re adab ility. B agaimana format postingan we b site yang b aik? S alah satunya
adalah me nggunakan rata kiri (text align left)!
P e rhatikan tampilan postingan we b site A nda. A pakah tampilan te ksnya rata kiri ataukah
rata kiri-kanan (justify)? Jika rata kiri-kanan (justify), se hingga tampilannya se pe rti format
te ks tulisan di koran, b uku, atau surat re smi, itu artinya we b site A nda me nganut ‘aliran
re smi-formal’ dan ‘kaku’.
Tampilan posting rata kiri-kanan alias full-justifie d tidak lazim. S e lain me mb uat kaku,
me mpe rlamb at use r untuk me mb acanya, tampilan te ks justify ini juga akan tampak b uruk
jika ada di kolom se mpit.
S e b aliknya, tampilan posting atau te ks rata kiri (align-left), akan le b ih mudah dib aca, le b ih
e nak dilihat (dipindai/scanne d),dan iniartinya me me nuhi aspe k ‘re adab ilitynaskah
online ’.
B .Rata Kiri (Te xt A lign L e ft) atau Rata Kanan Kiri (Justify)
Faktor Readab le & S cannab le me rupakan masalah pe nting,te rkait ke nyamanan
use r/pe ngunjung, juga te rkait U X (U ser Experience ) dalam me mb aca tulisan (te ks) di situs
we b site .
A da tiga alasan utama me ngapa naskah posting (tulisan) di we b site harus rata kiri (align
le ft), b ukan rata kiri-kanan (justify, justifie d).
1.This make s it e asie r to re ad.
N askah rata kiri le b ih mudah dib aca. L e b ih nyaman di mata. L e b ih me nge sankan rile ks,
santai, dan tidak kaku!
2.Justifie d A lignme nt is actually non-standard for the we b .
Rata kiri-kanan (justify) b ukan standar we b site . Ia standar surat-me nyurat, tulisan
3.B awaannya Rile ks!
Rata kiri-kanan (justify) me nunjukkan formal, kaku, tidak rile ks. Rata kiri (align le ft)
akan me nyisakan ‘ruang putih’ (white space ) le b ih b anyak untuk ‘istirahat mata’.
S e lain itu, justify b iasanya me munculkan jarak antar kata yang tidak kompak alias acak
-acakan. L ihat contohnya b e rikut ini. Rata kiri le b ih e nak dib aca (readab le ) alias dipindai
(scannab le ).
C .D isqus S e b agai A lte rnatif Kolom Kome ntar
A pa itu D isqus?
D isqus me rupakan layanan siste m kome ntar b e rjaringan di dunia maya, b anyak dari
b e rb agai situs popule r yang me nginte grasikande ngandisqus de ngantujuanuntuk
me ndukung diskusi de ngan pe ngguna di dunia maya.
D ari se gi fasilitas dapat dikatakan sangat le ngkap dan mudah untuk digunakan, tidak he ran
b e rb agai situs popule r me nganggap diskusi me lalui dunia maya juga harus dipe rhitungkan
kare na me dia te rse b ut dapat dikatakansangat inte raktif inte rne t munculuntuk
me nawarkan komunikasi satu arah.
B e rikut alasan me ngapa D isqus dapat me njadi salah satu alte rnatif layanan kome ntar yang
1.A nda b isa me nye susaikan mode l kome ntar b e rjalur (thre aded comment) atau yang tipe
rata (flat) de ngan te tap me nye rtakan alur diskusi de ngan rapi. B ahkan b isa me maksa
me sin b log yang tidak me ndukung galur kome ntar untuk me nampilkan kome ntar
b e rgalur.
2.M e ningkatkan inte raksi sosial antara pe mb e ri tanggapan, kare na tidak me nutup diri
komunikasi antara pe nulis dan pe ngunjung saja.
3.D apat me mb e rikan tanggapande nganme nggunakanakun je jaring sosial se pe rti
face b ook, twitter, yahoo dan O penID . Jadi tidak hanya narab log yang b isa b e rinte raksi
de ngan me mb uka pote nsi je jaring sosial yang dimiliki se orang pe ngguna inte rne t.
4.A tau hanya me mb e ri tanggapan se b agai tamu, masukkan nama & sure l, maka itu
sudah cukup. N amun jika A nda me miliki b log/we b site , b isa tamb ahkan se b agai kolom
isian pilihan (optional) – tidak ditampilkan se cara langsung.
5.A nda b isa me ne mukan, di mana saja se se orang me ninggalkan tanggapan, te rmasuk
b log yang lainnya. S e hingga me ne mukan topik-topik yang mungkin A nda dan orang
te rse b ut me miliki ke miripan untuk didiskusikan (similar interest).
6.B agi pe milik profil disqus, A nda b isa me lanjutkan komunikasi, b e rtukar tanggapan,
hanya me lalui sure l. S e hingga tidak pe rlu me ngunjungi b log & tulisan te rkait lagi,
pe rcakapan b isa b e rlanjut se pe rti b alas me mb alas surat, namun te tap te rdokume ntasi
de ngan b aik di b log te rse b ut se b agai tanggapan yang saling b e rsahutan. Te ntu saja ini
b e rarti pe milik b log juga tidak pe rlu b ulak-b alik me mb uka halaman b lognya untuk
me mb alas kome ntar, cukup via sure l dan me mb alas se tiap tanggapan yang ingin
dib alas, b ahkan b isa dilakukan samb il A nda potong ramb ut di salon de ngan push email
di ponse l anda!
7.M e ndukung se b agian b e sar pe nanda H TM L se pe rti code , pre , a, sup, strong, e m, dan
lain se b againya, walau b e b e rapa tidak didukung se pe rti misalnya de l (lha, me ngapa
juga me ncore t kalau b isa dihapus?).
8.S iste m ke amanan yang unik, me miliki siste m ke amanan te rse ndiri untuk se rangan
spam, dan juga dukungan komunitas untuk me nandai tanggapan-tanggapan yang tidak
santun/se suai de ngan tata krama. Tidak me me rlukan C A P TC H A , jadi b agi yang tidak
suka C A P TC H A tidak pe rlu khawatir. D apat diinte grasikan de ngan akisme t langsung di
dashb oard disqus. D an jika A nda suka de ngan antispam lain, me ngapa tidak? – saya
masih me nggunakan A ntispam B e e di b log ini.
9.P e masangannya mudah dan se de rhana, inte grasi ke dalam b log tidak me me rlukan
ke te rampilan se b agaimana se orang ahli markah. C ukup sonte k caranya dari halaman
M e masang D isqus di W e b site
1.H alpe rtama yang harus A nda lakukan jika b e lum me milikiakun disqus adalah
me ndaftar di we b site http://www.disqus.com
2.S e te lah A nda te rdaftar, silahkan klik A dd D isqus to Your S ite yang te rle tak di me nu
se tting pojok kanan atas.
3.Isikan form se suai site profile A nda, lalu klik Finish Re gistration.
4.S e lanjutnya A nda pilih platform W ordpre ss. Jika A nda me nggunakan platform lain
5.S e lanjutnya A nda akan masuk ke halaman Install Instruction. D ihalaman ini te rdapat
instruksiyang harus kamulakukanse b e lum me ngklikInstall,yaituA nda harus
me nginstall plugin disqus di W ordpre ss te rle b ih dahulu. S ilahkan L ogin ke D ashb oard,
pilih me nu P lugins > A dd N e w > S e arch me nggunakan ke yword D isqus atau D isqus
C omme nt S yste m
6.S e te lah A nda me nginstall dan me ngaktifkan plugin D isqus, klik C onfigure di me nu
7.S e lanjut klik U pgrade . M asukkan use rname dan password D isqus A nda.
8.P ilih we b site yang tadi A nda b uat di D isqus, klik N e xt
9.S e lanjutnya klik C ontinue to the mode ration dashb oard.
D .H indari P e nggunaan A L L C A P S pada Judul P ost dan P age
P e nggunaan A ll C aps pada Judul P ost atau P age me mang tidak salah, tapi sangat tidak
dianjurkan pe nggunaannya ole h pakar usab ility dan visib ility we b site . B e rikut contoh
halaman we b site yang me nggunakan A ll C aps dan tidak me nggunakan A ll C aps.
Te rlihat je las pe rb e daannya. Judul yang me nggunakan format C apitalize (tidak all caps)
le b ih scannab le, re adab le , dan visib le se hingga le b ih use r frie ndly, mudah dib aca, nyaman
di mata dan mudah dice rna.
A dapun alasan utama A nda harus me nghindari pe nggunaan A ll C aps pada Judul P ost dan
P age adalah:
1.A ll C aps sulit dipindai ole h mata (scan), sulit dib aca se hingga tidak use r frie ndly.
2.A ll C aps dalam dunia tulis-me nulis b e rarti ‘b e rte riak’. A ll C aps me ans S houting!
Kode e tikme nulis e mailme larang pe nggunaanA llC aps.W ikipe dia juga me larang
E.H indari P e nggunaan U se rname ‘A dmin’
P e nggunaan use rname ‘admin’ sudah te rlalu umum digunakan. O le h kare na itu, se b agai
salah satu upaya me ningkatkan ke amanan we b site , se b aiknya ganti de ngan use rname yang
tidak mudah dike tahui ole h orang lain.
F.H indari P e nggunaan P re fix ‘wp_’ pada Tab le D atab ase
A lasan me nghindari pe nggunaan pre fix ‘wp_’ pada tab le datab ase adalah se b agai salah
upaya me ningkatkan ke amanaan we b site A nda. P e rlu dike tahui de fault pre fix datab ase
yang digunakan dalam prose s instalasi W ordpre ss adalah ‘wp_’. Ganti pre fix te rse b ut