Tutorial web kita kali ini adalah mengenai manfaat tag-tag HTML untuk optimasi web site. Seringkali pembuat web site tidak mempedulikan persoalan ini dan bahkan menganggap remeh tag HTML yang sangat sederhana tersebut tetapi mengedepankan Script PHP maupun Java Script. Ketika saya mencari sebuah lowongan pekerjaan di Jakarta melalui situs penyedia lapangan pekerjaan, terdapat sebuah perusahaan yang menawarkan posisi sebagai web developer. Ketika saya telusuri alamat web site perusahaan tersebut ternyata tidak memperhatikan manual bagaimana membuat web yang baik.
Bagaimana saya bisa mengetahuinya? Caranya sangat mudah, dan Anda pun bisa melakukannya. [disini ada more] Dari halaman browser Anda, misal internet explorer, klik menu View kemudian pilih Source. Dari hasil tersebut, pada halaman utama (halaman index) saya temukan script HTML yang digunakan adalah seperti dibawah ini, namun untuk menjaga nama perusahaan tersebut saya tidak bisa mencantumkan alamat url secara terbuka di sini.
<HTML><HEAD>
<META NAME=”description” CONTENT=”…….com”>
<META NAME=”keywords” CONTENT=”">
</HEAD>
<FRAMESET border=0 rows=”100%,*” frameborder=”no” marginleft=0 margintop=0 marginright=0 marginbottom=0>
<frame src=”http://www.asiainternetcourse.com]” scrolling=auto frameborder=”no” border=0 noresize>
<frame src=”/pop-src-page.script” topmargin=”0″ marginwidth=0 scrolling=no marginheight=0 frameborder=”no” border=0 noresize>
</FRAMESET>
</HTML>
<META NAME=”description” CONTENT=”…….com”>
<META NAME=”keywords” CONTENT=”">
</HEAD>
<FRAMESET border=0 rows=”100%,*” frameborder=”no” marginleft=0 margintop=0 marginright=0 marginbottom=0>
<frame src=”http://www.asiainternetcourse.com]” scrolling=auto frameborder=”no” border=0 noresize>
<frame src=”/pop-src-page.script” topmargin=”0″ marginwidth=0 scrolling=no marginheight=0 frameborder=”no” border=0 noresize>
</FRAMESET>
</HTML>
Benar-benar script yang sangat sederhana. Apakah Anda tahu kekurangan script website tersebut terletak di mana? Mungkin saya hanya bisa memberitahukan beberapa.
1. Web tersebut tidak memiliki title <title> Judul web </title>,
2. Pada <META NAME=”description” CONTENT=”www……com”> seharusnya diberikan deskripsi dari perusahaan,
3. Yang terakhir merupakan kekurangan yang paling fatal pada web tersebut adalah tidak memiliki keyword.
1. Web tersebut tidak memiliki title <title> Judul web </title>,
2. Pada <META NAME=”description” CONTENT=”www……com”> seharusnya diberikan deskripsi dari perusahaan,
3. Yang terakhir merupakan kekurangan yang paling fatal pada web tersebut adalah tidak memiliki keyword.
Lalu apa permasalahannya? Permasalahannya adalah bagaimana Search Engine (google, yahoo, altavista dll) mendiskripsikan web site tersebut pada Search Engine mereka jika Title dan Keyword-nya tidak ada?
1. <title> Judul web </title> sangat diperlukan, karena bisa menjadi keyword sebuah web. Analogi keyword adalah seperti ketika Anda mencari sebuah web di google.com, sebagai contoh Anda mengetik di bagian search nama saya: Budi Dian, tekan Enter. Semoga saja yang muncul adalah website milik saya. Jika memang web site milik saya, silahkan Anda lihat source code HTML nya, pasti akan Anda temukan tag yang menyebutkan nama: budi dian.
2. <META NAME=”description” CONTENT=”www……com”>, sebenarnya tag ini tidak begitu diperhatikan oleh search engine, tetapi mari kita misalkan saja kita mencari sebuah web site di search engine, kemudian kita menemukan sebuah web tetapi tidak memberitahukan web tersebut membicarakan tentang apa didalamnya. Sangat tidak menarik bukan?
3. Web tersebut tidak memiliki keyword, dengan demikian cara satu-satunya untuk mencari web tersebut di search engine adalah dengan mengetikkan tepat nama web site-nyaatau nama perusahaannya. Sangat tidak optimal. Untuk itu, perlu ditambahkan <meta name=”keywords” content=” keyword1, keyword2,keyword3 dst” />
1. <title> Judul web </title> sangat diperlukan, karena bisa menjadi keyword sebuah web. Analogi keyword adalah seperti ketika Anda mencari sebuah web di google.com, sebagai contoh Anda mengetik di bagian search nama saya: Budi Dian, tekan Enter. Semoga saja yang muncul adalah website milik saya. Jika memang web site milik saya, silahkan Anda lihat source code HTML nya, pasti akan Anda temukan tag yang menyebutkan nama: budi dian.
2. <META NAME=”description” CONTENT=”www……com”>, sebenarnya tag ini tidak begitu diperhatikan oleh search engine, tetapi mari kita misalkan saja kita mencari sebuah web site di search engine, kemudian kita menemukan sebuah web tetapi tidak memberitahukan web tersebut membicarakan tentang apa didalamnya. Sangat tidak menarik bukan?
3. Web tersebut tidak memiliki keyword, dengan demikian cara satu-satunya untuk mencari web tersebut di search engine adalah dengan mengetikkan tepat nama web site-nyaatau nama perusahaannya. Sangat tidak optimal. Untuk itu, perlu ditambahkan <meta name=”keywords” content=” keyword1, keyword2,keyword3 dst” />
Atau sebagai contoh perubahan yang harus dilakuakan adalah sebagai berikut : kita misalkan nama web tersebut Asia Internet Course, yang menyediakan kursus web site.
<HTML><HEAD>
<Title>Asia Internet Course – Kursus web programmer terpercaya di Asia</title>
<META NAME=”description” CONTENT=”Asia Internet Course – Kursus web programmer terpercaya di Asia. Kami menyediakan program kursus terbaik di bidan web site, satu kali membayar maka Anda bisa kursus sampai bisa. Dijamin..!”>
<META NAME=”keywords” CONTENT=”kursus web, kursur programmer, programming course, best web course”>
</HEAD>
<FRAMESET border=0 rows=”100%,*” frameborder=”no” marginleft=0 margintop=0 marginright=0 marginbottom=0>
<frame src=”http://………com]” scrolling=auto frameborder=”no” border=0 noresize>
<frame src=”/pop-src-page.script” topmargin=”0″ marginwidth=0 scrolling=no marginheight=0 frameborder=”no” border=0 noresize>
</FRAMESET>
</HTML>
<Title>Asia Internet Course – Kursus web programmer terpercaya di Asia</title>
<META NAME=”description” CONTENT=”Asia Internet Course – Kursus web programmer terpercaya di Asia. Kami menyediakan program kursus terbaik di bidan web site, satu kali membayar maka Anda bisa kursus sampai bisa. Dijamin..!”>
<META NAME=”keywords” CONTENT=”kursus web, kursur programmer, programming course, best web course”>
</HEAD>
<FRAMESET border=0 rows=”100%,*” frameborder=”no” marginleft=0 margintop=0 marginright=0 marginbottom=0>
<frame src=”http://………com]” scrolling=auto frameborder=”no” border=0 noresize>
<frame src=”/pop-src-page.script” topmargin=”0″ marginwidth=0 scrolling=no marginheight=0 frameborder=”no” border=0 noresize>
</FRAMESET>
</HTML>
Sebagai tambahan, untuk aplikasi CMS pada wordpress terkadang pada templatenya Anda harus meng-edit sendiri pada file index.php. Sedangkan pada CMS Joomla dan Mambo, Anda bisa mengeditnya pada login Administrator pada menu Global Configuration.
tugas tik xi ia 2
SMAN 1 INDRALAYA UTARA
http://budidian.com/manfaat-tag-tag-html-dalam-optimasi-web-672009.html
tugas tik xi ia 2
SMAN 1 INDRALAYA UTARA
http://budidian.com/manfaat-tag-tag-html-dalam-optimasi-web-672009.html
.jpg)
.jpg)
.jpg)
0 komentar: