Tampilkan postingan dengan label Online. Tampilkan semua postingan
Tampilkan postingan dengan label Online. Tampilkan semua postingan

Jumat, 21 September 2018

Tips Supaya Posting Cepat Terindeks Oleh Search Engine

Semua blogger pasti menginginkan agar postingannya segera terindeks oleh search engine, saya pun juga seperti itu. Ada beberapa tips jika sobat ingin agar posting atau artikel sobat cepat terindeks oleh search engine, tentunya dengan memperhatikan faktor-faktor seo seperti penggunaan meta tag.

Sebelum melakukan tips ini, ada baiknya jika sobat mengetahui apa itu seo agar posting atau artikel sobat semakin cepat terindeks oleh search engine seprti google dan yahoo!. Klik disini untuk mengetahui gambaran singkat tentang seo.
  1. Yang paling penting agar cepat terindeks oleh search engine adalah konten atau isi. Tulislah konten atau isi yang original, search engine memiliki metode tertentu untuk mengetahui apakah isi dari suatu blog adalah asli atau copy paste. Jika search engine menganggap blog sobat adalah blog spam seperti dummy blog maka search engine tidak akan pernah kembali lagi dan akan menempatkan blog sobat pada urutan terakhir.
  2. Perhatikan keywords yang sobat gunakan dalam postingan sobat, semakin padat keyword sobat, semakin cepat terindeks oleh search engine.
  3. Perhatikan meta deskripsi karena deskripsi menggambarkan secara umum tentang blog sobat.
  4. Link ke blog yang mempunyai page rank tinggi. Search engine menyukai web atau blog dengan page rank tinggi dan ini bisa membantu artikel atau post kita cepat terindeks oleh seacrh engine.
  5. Agar semakin cepat terindeks, segeralah submit artikel ke blog direktori yang mempunyai page rank tinggi seperti digg, technorati, dll.
  6. Lakukan ping setelah mem-publish artikel sobat. Ping secara sederhana artinya adalah memberitahu ke search engine bahwa blog sobat sudah update.
Itulah tips sederhana bagaimana supaya posting atau artikel sobat segera terindeks oleh search engine. Walaupun sederhana, saya sering mempraktekannya pada blog sederhana saya ini dan hasilnya memang manjur. Semoga bermanfaat.
Read More »

Menggunakan Meta Tag (SEO Friendly)

Apakah sobat sedang mecari artikel tentang meta tag jika iya, disini saya akan menjelaskan tentang bagaimana menggunakan meta tag agar seo friendly, saya yakin sobat pasti sudah mengetahui tentang seo, selain dengan menggunakan backlink, meta tag, yang walaupun sering dianggap sebagai cara yang kuno, berperan penting terhadap web atau blog sobat supaya mudah terdeteksi oleh search engine.

Ada banyak artikel tentang meta tag, mungkin ada sedikit perbedaan tapi intinya semua sama, tentang search engine optimazion dan metode dari search engine itu sendiri benar-benar menjadi misteri karena pihak search engine seperti google ataupun yahoo! tidak pernah memberitahu dengan jelas bagaimana metode yang digunakan oleh robot mereka untuk mengindeks web atau blog kita.

Penggunaan meta tag sebenarnya ada beberapa macam, akan tetapi, meta tag yang paling penting hanyalah 3, yaitu description , keywords, dan verifikasi dari search engine. Berikut ini bagaimana menggunakan meta tag dengan baik sehingga menjadi seo friendly :
  • Meta Tag Verifikasi
    <meta content='KrAhq9D2VgykWZ5bl0BueHvuOB8zlxWoLRJmFLhWGPQ' name='google-site-verification'/>
  • Meta Tag Description
    <meta content='Informasi sederhana yang mungkin bermanfaat bagi anda' name='desription'/>
  • Meta Tag Keywords
    <meta content='informasi update, blogging, seo, tips dan trik' name='keywords'/>
Tulisan yang berwarna merah sobat ganti saja sesuai web atau blog sobat.
Pengoptimalan yang lain bisa sobat lihat disini. Jika sobat ingin melihat meta tag pada blog saya ini silahkan saja dengan cara klik kanan > lihat sumber kode halaman pada browser sobat. Untuk mengecek meta tag supaya lebih optimal sobat bisa cek disini atau disini.

Semoga bermanfaat.
Read More »

Perbedaan Web atau Blog Dofollow dan Nofollow

Bagi blogger, blog Dofollow adalah blog yang sering dicari-cari, apalagi jika blog tersebut mempunyai page rank yang tinggi, ya seperti blog saya ini wkwkwkwk semakin kecil semakin tinggi mah kalo blog saya :p

Pada dasarnya blog dibagi 2, yaitu Dofollow dan Nofollow, sedangkan defaultnya blog sobat adalah Nofollow. Ada beberapa kelebihan dan kekurangan dari masing2 tipe blog baik Dofollow atau Nofollow.

Setelah jalan-jalan, akhirnya saya bisa menyimpulkan definisi dari Dofollow dan Nofollow, berikut ini maksud dari istilah tersebut :
  • Dofollow artinya link yang dimasukkan pada saat memberikan komentar pada postingan sebuah blog akan ditelusuri lebih lanjut oleh search engine (mesin pencari), dalam artian mendapatkan backlink dari blog yang di komentari tersebut.
  • Nofollow adalah kebalikan dari dofollow, link yang dimasukkan pada saat memberikan komentar pada postingan sebuah blog tidak akan ditelusuri lebih lanjut oleh search engine (mesin pencari), dalam artian kita tidak mendapatkan backlink dari blog yang dikomentari tersebut. Sementara kita tahu backlink merupakan salah satu unsur penting dalam meningkatkan page rank (PR).
Jika blog sobat bersifat Dofollow, biasanya akan banyak komentar di blog sobat, hal dikarenakan bloger2 yang berkomentar sekalian ingin mendapatkan backlink dari komentarnya, tetapi efeknya blog sobat bisa di jauhi oleh search engine, alasannya adalah terlalu banyak outbound link alias link yang keluar jika dibandingkan inbound link.

Sebaliknya, jika blog sobat bersifat Nofollow maka akan sedikit sekali yang berkomentar di blog sobat, tetapi ketika blogger tersebut berkomentar itu dikarenakan isi blog sobat yang memang berkualitas. Kelebihannya blog sobat akan terlihat normal di mata search engine dan lebih disukai oleh search engine.

Kalau ane pribadi sih lebih pilih Dofollow :D karena memang saya pgn nambah temen ajah gt, selain itu untuk jaga2 supaya tidak di spam, sobat bisa set comment2 yang ada dengan verifikasi sebelum submit comment, ga perlu moderasi lah, biar ga ngerasa gmna gt :)

Cara untuk merubah settingan blog menjadi Dofollow pada blogspot adalah sebagai berikut :
  • Biasa login dulu ke blogger.com
  • Pilih rancangan.
  • Kemudian pilih Edit HTML dan centang Expand Template Widget.
  • Cari kode <a expr:href='data:comment.authorUrl' rel='nofollow'> supaya lebih cepat bisa menggunakan ctrl+f.
  • Hapus kode rel='nofollow'.
  • Jika ingin merubah ke Nofollow tinggal tambahkan kode rel='nofollow' lagi
Semoga bermanfaat.
Read More »

Cara Mendaftarkan Blog pada Search Engine Yahoo! dan Bing

Salah satu optimasi SEO On Page bagi web atau blog adalah dengan mendaftar pada webmaster search engine. Search engine yang tidak kalah penting selain google adalah yahoo!. Bagi sobat yang ingin agar blog nya juga terindeks oleh search engine yahoo! bisa mendaftarkan blog sobat pada yahoo! webmaster, tetapi setelah saya mencoba mendaftarkan blog sederhana saya ini, ternyata webmaster yahoo! sudah digabung dengan webmaster bing.

Ada beberapa cara untuk memverifikasi blog sobat, tapi biar lebih mudah lebih baik pakai metode meta tag saja, untuk lebih jelasnya, langkah-langkah mendaftar pada bing webmaster adalah sebagai berikut :
  1. Masuk ke Bing Webmaster Tools.
  2. Jika belum memiliki account silahkan sobat buat dulu.
  3. Lakukan verifikasi melalui email sobat yang sudah di daftarkan.
  4. Kembali ke Bing Webmaster Tools, dan pilih add sites.
  5. Jika sobat memilik beberapa web atau blog masukkan saja langsung dengan satu account tadi.
  6. Klik atau pilih salah satu blog yang sudah ditambahkan tadi, jika sobat belum verifikasi blog tersebut akan terlihat keterangannya, pilih verify blog sobat.
  7. Kalau sobat menggunakan blogspot yang gratisan pilih metode meta tag.
  8. Login ke blogspot, pilih Rancangan, dan Edit HTML.
  9. Copast saja meta tag yang sudah didapatkan tadi dan letakkan setelah <head>.
  10. Kembali ke Bing dan klik verify. Blog sobat sudah terdaftar pada search engine yahoo! dan bing sekaligus
Selain 2 search engine diatas, sobat bisa melakukan submit blog sobat ke beberapa search engine sekaligus melalui 1 web seperti http://www.submitstart.com/ atau  http://www.submitexpress.com/free-submission.html

Semoga bermanfaat.
Label: ,
Read More »

Cara Mencari dan Mendapatkan RSS Feeds Blog atau Web

Postingan kali ini berkaitan dengan postingan saya sebelumnya yang berjudul "apa sih auto blog itu?" dimana disana berkaitan dengan rss feed blog atau web yang sering dijadikan konten pada autoblog. Apa sih maksud dan fungsi dari rss feeds? RSS adalah singkatan dari Rich Site Sumarry. Dengan menggunakan RSS Feeds, kita bisa menikmati isi suatu blog/web tanpa harus mengunjungi blog yang bersangkutan.

Untuk mencari rss suatu blog kita bisa menggunakan beberapa tool antara lain :

Search 4 RSS
Search4RSS.com membantuk anda menjelajah berbagai feeds dengan memanfaatkan kata kunci. Fitur auto-complete dropdown akan membantu anda menggunakan kata kunci tertentu. ANda dapat meng-klik pada URL dari website di hasil pencarian atau secara langsung klik pada link RSS feed untuk berlangganan. Link abu-abu digunakan untuk menampilkan preview konten feed dari website . Search4RSS.com sebenarnya adalah campuran berbagai mesin pencari yang tersedia dalam sebuah kotak pencarian.

Plazoo
Nama Plazoo berasal dari bahasa Belanda yang artinya sesuatu yang serupa 'sebuah tempat untuk mencari'. Plazoo adalah mesin pencari RSS yang mencari berita-berita dan informasi di ribuan RSS-Feeds. Anda dapat mencari melalui kategori seperti blog, berita perusahaan, informasi lowongan kerja, berita, media dan banyak lagi. Hasil pencarian dapat diurutkan berdasarkan relevansi atau tanggal. Fitur advanced filter dapat menampilkan hasil pencarian lebih spesifik. Sebagai contoh, anda dapat mengatur tanggal terlama untuk hasil pencarian. Anda dapat membatasi pencarian berdasarkan bahasa dan tipe media. Anda dapat menggunakan ClipBox untuk menyimpan hasil pencarian.

RSSoogle
Cukup jelas, nama dari mesin pencari feed ini berasal dari RSS dan Google. Anda dapat menggunakan ini untuk mesin pencari umumnya atau menggunakannya untuk mencari RSS feed dengan mengklik salah satu tombol dari dua tombol yang tersedia. RSSoogle.com juga menampilkan tanggal dari feed, jadi anda dapat menuju pada hasil yang terkini. Apabila anda ingin menambahkan search tool pada daftar mesin pencari anda di browser, klik pada link yang tersedia di bagian atas.

RSS Micro
RSSMicro.com adalah mesin pencari feed spesifik yang mengambil hingga 12.000 index sumber berita. Layanan ini juga menggunakan teknologi feed ranking untuk meningkatkan kualitas hasil pencarian. Sewaktu menggunakan pencarian feed, anda juga dapat melakukan pencarian web, video dan gambar. Sebelum berlangganan pada feed anda dapat melihat preview dan lainnya, termasuk postingannya.

Jamesoo
Jamesoo menyediakan hasil pencarian berita terbaru dalam bentuk layout surat kabar dengan intro serta link ke halaman inti. Mesin pencari ini mengambil semua berita dari RSS feeds yang dipublikasikan. Anda juga dapat menggunakan crawler dalam pilihan 15 bahasa. Walaupun belum sempurna, karena masih ada postingan lama pada hasil pencarian.

Artikel ini ditulis dari berbagai sumber. Nah apakah sobat sudah siap untuk mencari dan mendapatkan rss feeds blog atau web? Selamat berburu rss :)
Read More »

Optimasi Tag Heading H1 Pada Judul Artikel Blog (SEO Friendly)

Artikel ini berhubungan dengan artikel sebelumnya tentang seo on page dan seo off page. Seperti sudah di jelaskan sebelumnya bahwa tag H1 pada heading sebua web amatlah berperan penting dalam seo on page, maka disini saya coba jelaskan tentang bagaimana mengubah settingan default bawaan blogspot, hasil blogwalking neh :D secara sederhana, optimasi H1 pada judul posting adalah seperti ini : Ketika berada pada homepage maka H1 adalah judul blog, selain home page maka H1 adalah judul artikel atau posting. Silahkan menyimak tutorial tentang merubah template blogger / blogspot supaya seo friendly dengan optimasi tag h1 pada judul posting. cie.. kayak wong yes yak hahaha...

  • Login ke blogger, pilih rancangan, edit HTML, centang expand template widget dan jangan lupa back up dulu untuk jaga2.
  • Cari kode berikut :
    <div id="header-inner">
    <div class="titlewrapper">
    <h1 class="title">
    <b:include name="title">
    </b:include></h1>
    </div>
    <b:include name="description">
    </b:include></div>

    jika sudah ketemu, ganti dengan kode dibawah ini:
    <!--No header image -->
    <div id='header-inner'>
    <div class='titlewrapper'>
    <b:if cond='data:blog.url = = data:blog.homepageUrl'>
    <H1 class='title'>
    <b:include name='title'/>
    </H1>
    <b:else/>
    <p class='title'>
    <b:include name='title'/>
    </p>
    </b:if>
    </div>
    <b:include name='description'/>
    </div>
  • Selanjutnya kita akan merubah H1 pada judul posting. Cari kode berikut :
    <b:if cond='data:post.title'>
          <h3 class='post-title entry-title'>
          <b:if cond='data:post.link'>
            <a expr:href='data:post.link'><data:post.title/></a>
          <b:else/>
            <b:if cond='data:post.url'>
              <b:if cond='data:blog.url != data:post.url'>
                <a expr:href='data:post.url'><data:post.title/></a>
              <b:else/>
                <data:post.title/>
              </b:if>
            <b:else/>
              <data:post.title/>
            </b:if>
          </b:if>
          </h3>
        </b:if>

    Jika sudah ketemu, ganti dengan kode dibawah ini:

    <b:if cond='data:blog.url = = data:blog.homepageUrl'>
        <b:if cond='data:post.title'>
          <h3 class='post-title entry-title'>
          <b:if cond='data:post.link'>
            <a expr:href='data:post.link'><data:post.title/></a>
          <b:else/>
            <b:if cond='data:post.url'>
              <b:if cond='data:blog.url != data:post.url'>
                <a expr:href='data:post.url'><data:post.title/></a>
              <b:else/>
                <data:post.title/>
              </b:if>
            <b:else/>
              <data:post.title/>
            </b:if>
          </b:if>
          </h3>
        </b:if>
    <b:else/>
    <H1 class='post-title entry-title'>
    <b:if cond='data:post.link'>
    <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
    <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </H1>
    </b:if>
  • Selesai. Sekarang template sobat sudah seo friendly dalam hal hal tag heading H1, H2, dst.
Tapi tunggu dulu, bagi sobat yang tidak memakai gambar sebagai header blog, maka trik tersebut akan terlihat lucu, kenapa? karena tulisan judul blog sobat akan berbeda ketika di home page dan bukan home page.

Solusinya kita harus merubah template lagi, tapi terus terang saja, saya sendiri ga berhasil2 ngedit supaya judul blog tetap tampil dengan ukuran yg sama baik ketika H1 atau pun H2, akhirnya saya pun memakai gambar untuk headernya, nah gini triknya

Sobat cari kode berikut :
.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
}
tiap template berbeda, pokoknya cari yang seperti itu, itu adalah keterangan untuk H1 pada judul blog, kita tambahkan display: none sehingga menjadi
.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
  display: none;
}
Maksud dari modifikasi itu adalah, H1 tetap ada tapi "kasat mata" gitu hehehe karena kalo kita pakai header gambar maka kita tdk bisa memasukkan H1 pada judul blog.

Selanjutnya kita pergi ke kode yang menyatakan bahwa kita memakai gambar sebagai header, kode nya seperti ini :
<!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
kita tambahkan pengecekan apakah dia di home page atau tidak, kalau iya maka judul blog di rubah ke H1, seperti ini lengkapnya
<!--Show the image only-->
      <div id='header-inner'>
<b:if cond='data:blog.url = = data:blog.homepageUrl'>
<h1>Goresan Online</h1>
</b:if>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
Nah dengan begitu, H1 pada judul blog ketika di home page tetap terdeteksi oleh search engine, sedangkan kode yang kita modif pada saat tidak memakai image (ketika merubah judul blog ke H1 ketika di home page tadi) sudah tidak berlaku lagi. Selain itu Optimasi Tag Heading H1 Pada Judul Artikel Blog yang sobat lakukan juga SEO Friendly. Kalau sudah beres coba sobat cek disini. Goresan ini di ambil dari berbagai artikel.
Semoga bermanfaat.
Label: ,
Read More »

Cara Menghilangkan Navbar Pada Blogspot

menghilangkan navbar blogspot
Navbar merupakan singakatan dari navigation bar, sesuai namanya navbar adalah frame yang terdapat pada sebuah blog atau website, umumnya Navbar terdapat pada top (diatas) sebuah web atau blog. Nah bagi sebagian blogger, penggunaan navbar dirasa kurang sedap jika dipandang, makanya banyak yang mencari cara tentang menghilangkan navbar pada blogspot.

Ada yang mengatakan, dengan menghilangkan navbar pada blogspot bisa menyebabkan blog tersebut banned, tapi sepertinya itu tidak akan terjadi jika blog tersebut tidak benar2 melakukan modifikasi ekstrem, banyak kok blog2 berplatform blogspot yang notabenya rame dan mereka menghilangkan navbar tersebut.

Oke langsung saja, cara menghilangkan navbar pada blogspot adalah seperti berikut :
  • Biasa, login ke dashboard dulu sob
  • Klik tab Design
  • Kemudian masuk ke halaman Edit HTML
  • Lalu cari kode ]]></b:skin>, cara mudahnya pencet Ctrl+F lalu ketikkan ]]></b:skin>
  • Jika sudah ketemu letakkan kode :
    #navbar-iframe {
    height:0px;
    visibility:hidden;
    display:none
    }
    tepat sebelum kode ]]></b:skin> itu tadi.
  • Jika sudah klik Save Template
Jika ingin mengembalikan navbar tersebut cukup hapus kode tadi.

Bagaiamana? mudah kan cara menghilangkan navbar pada blogspot?
Selamat mencoba sobat :) Semoga bermanfaat
Read More »

Cara Memasang Breadcrumb Navigation pada Blog (SEO Friendly)

Bagi sobat yang belum tau apa itu breadcrumb, breadcrumb itu adalah history tempat artikel kita dan biasa dipakai di forum2, misalkan sobat post artikel di parent kategori “SEO” terus ada subkategorinya “tutorial blog”, dst. Intinya, breadcrumb digunakan untuk memudahkan pembaca supaya mengetahui kategori dan sub kategori dari bacaan yang sedang dibaca.
Nah terus apa dong hubungannya dengan seo terutama seo on page? hubungan intim kah? hehehe... hubungannya dengan seo, terutama seo google adalah sesuai instruksi dari simbah google sendiri. Neh kutipannya
navigasi breadcrumb
makanya, memasang breadcrumb navigation adalah salah satu bagian dari optimasi web atau blog sobat karena memang dia disukai oleh mesin pencari (seo friendly). Selain mempercantik blog kita juga bisa menambahkan poin seo juga pada blog kita. Oke kita langsung aja ke cara memasang breadcrumb navigation pada blog.
  1. Log in ke blogger.com
  2. Pilih design atau rancangan
  3. Pilih edit html,centang expand temlate widget supaya semua kode muncul semua dan jangan lupa back up template untuk jaga jaga dengan cara mendownload full template
  4. Lalu Cari kode tag ]]></b:skin>> dan letakkan kode berikut ini diatasnya .
    breadcrumbs{border-bottom:1px dotted #999;margin:2em 0 0.5em;padding:0 0 0.5em;font-size:10px}
     
  5. Cari kode <b:includable id='main' var='top'> 
  6. Jika sudah ketemu , letakkan kode berikut ini diatas kode no.6
    <b:includable id='breadcrumbs' var='post'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    <p class='breadcrumbs'>

    <span class='post-labels'>

    <b:if cond='data:post.labels'>

    Anda Berada di&#160; :

    <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &gt;

    <b:loop values='data:post.labels' var='label'>

    <b:if cond='data:label.isLast == &quot;true&quot;'>

    <a expr:href='data:label.url' rel='tag'> <data:label.name/></a>

    </b:if>

    </b:loop>

    <b:if cond='data:post.title'>

    &gt; <b><data:post.title/></b>

    </b:if>

    </b:if>

    </span>

    </p>

    </b:if>

    </b:includable>
     
  7. Cari kode <b:loop values='data:posts' var='post'> biasanya ada lebih dari 1, tergantung templatenya, template saya saja ada 4 kode yang sama, pilih kode yang tepat dibawah letak kode kita di poin 6 tadi dan ketikkan kode berikut dibawahnya
    <b:include data='post' name='breadcrumbs'/> 
  8. Save template .
Selesai, sekarang blog sobat sudah mempunyai navigation breadcrumb yang sifatnya seo friendly. Semoga artikel tentang cara memasang breadcrumb navigation pada blog ini bermanfaat untuk sobat.
Label: ,
Read More »

Perintah dan Fungsi Tag pada HTML

Saya bukan ahli html sob, ga biasa main web, biasanya main di aplikasi dekstop kayak vb dan delphi hehe... nah ini kebetulan habis blogwakling ada artikel menarik tentang tag html dasar, ya buat koleksi pribadi sapa taw saya butuh someday.. kalo pgn taw lihat sendiri dah :)

TagKeterangan
<!-- ... -->Digunakan untuk memberi sebuah komentar atau keterangan. Kalimat yang terletak pada kontiner ini tidak akan terlihat pada browser
<!DOCTYPE> Mendefinisikan informasi tipe dokumen 
<a>Mendefinisikan sebuah anchor, tetapi lebih tepat jika diartikan sebagai tautan dikarenakan tautan ini digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain 
<abbr>Digunakan untuk menguraikan satu ungkapan yang disingkat dan Anda dapat memberikan informasi bermanfaat kepada penelusur-penulusur page source(halaman sumber kode) / pembaca layar, sistem terjemahan dan mesin pencari yang berasal dari singkatan yang sudah diuraikan, tetapi saat di browser uraian tersebut tidak akan tampil dan hanya sebagai informasi saja
<acronym>Mendefinisikan akronim / fungsi tag ini kurang lebih sama dengan tag <abbr>
<address>Mendefinisikan informasi kontak untuk penulis/pemilik dokumen
<applet>Digunakan untuk memasukan file java kedalam dokumen HTML
<area />Mendefinisikan daerah yang dapat diklik (link) pada peta gambar
<b>Membuat teks tebal
<base />Mendefinisikan URL dasar/target untuk semua URL relatif dalam dokumen
<basefont />Membuat atribut teks default, seperti warna, ukuran, jenis font untuk semua teks dalam dokumen
<bdo>Digunakan untuk menimpa arah teks
<big>Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink>Membuat teks berkedip
<blockquote>Mendefinisikan sebuah kutipan panjang. Pada saat di browser teks akan tampil menjorok kedalam 
<body>Mendefinisikan body/isi dokumen HTML, berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan di web browsernya. Isi dokumen tersebut dapat berupa teks, gambar, animas, link dan seterusnya
<br />Memberi baris baru/pindah baris
<button>Mendefinisikan sebuah tombol diklik
<caption>Membuat caption pada tabel
<center>Untuk perataan tengah terhadap teks atau gambar 
<cite>Mendefinisikan kutipan
<code>Mendefinisikan sebuah bagian dari kode komputer
<col />Mendefinisikan nilai atribut dari satu kolom atau lebih dalam sebuah tabel
<colgroup>Menentukan kelompok dari satu kolom atau lebih dalam sebuah tabel untuk performatan
<dd>Mendefinisikan deskripsi dari item dalam daftar definisi
<del>Untuk memberi garis tengah pada teks/mencoret teks
<dfn>Mendefinisikan sebuah istilah definisi
<dir>Mendefinisikan sebuah daftar direktori
<div>Mendefinisikan sebuah section dalam dokumen 
<dl>Mendefinisikan sebuah daftar definisi
<dt>Mendefinisikan istilah (item) dalam daftar definisi
<em>Membuat teks miring. Fungsi tag ini sama dengan tag <i> tetapi tag <em> yang lebih dianjurkan/ditekankan pada penggunaan untuk teks miring
<embed>Digunakan untuk memasukkan file video atau file musik
<fieldset>Untuk mengelompokkan elemen-elemen yang terkait dalam form / membuat seperti frame-box di dalam form
<font>Mendefinisikan jenis font, warna dan ukuran untuk teks
<form>Mendefinisikan sebuah form HTML untuk input form
<frame />Mendefinisikan frame dalam fremeset
<frameset>Mendefinisikan satu set frame
<h1> to <h6>Digunakan untuk menunjukkan awal dari suatu header/judul dari dokumen HTML tersebut.
<head>Digunakan untuk memberikan informasi tentang dokumen tersebut
<hr />Membuat garis horisontal
<html>Mendefinisikan root dari suatu dokumen HTML
<i>Membuat teks miring
<iframe>Mendefinisikan sebuah inline frame
<img />Berfungsi untuk menampilkan gambar pada dokumen HTML
<input />Mendefinisikan input field pada form
<ins>Membuat teks bergaris bawah
<kbd>Mendefinisikan teks yang di input dari keyboard
<label>Mendefinisikan label untuk sebuah elemen <input>
<legend>Mendefinisikan sebuah caption untuk elemen <fieldset>
<li>Digunakan untuk menampilkan informasi dalam bentuk item daftar 
<link />Mendefinisikan hubungan antara dokumen dan sumber eksternalnya
<listing>Fungsi tag ini sama dengan tag <pre> dan dianjurkan menggunakan tag <pre> karena tag <listing> tidak layak/diprotes
<map>Mendefinisikan client-side peta gambar
<marquee> Membuat teks berjalan secara vertikal atau horisontal
<menu>Mendefinisikan sebuah daftar menu
<meta />Mendefinisikan metadata tentang sebuah dokumen HTML
<nobr>Mencegah ganti baris pada teks atau gambar
<noframes>Jika browser user tidak mendukung frame
<noscript>Jika browser user tidak mendukung client-side scripts
<object>meletakkan embed sebuah objek
<ol>Mendefinisikan daftar dalam format penomoran
<optgroup>Menampilkan beberapa pilihan yang sudah dikelompokkan dalam bentuk sebuah daftar drop-down
<option>Menampilkan beberapa pilihan yang berbentuk dalam sebuah daftar drop-down
<p>Membuat sebuah paragraf
<param />Mendefinisikan sebuah parameter untuk objek
<pre>Membuat teks dengan ukuran huruf yang sama
<q>Mendefinisikan sebuah kutipan singkat
<s>Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del> tetapi tag <s> tidak dianjurkan sebagai gantinya menggunakan tag <del>
<samp>Mendefinisikan contoh keluaran dari program komputer
<script>Mendefinisikan client-side script
<select>Membuat daftar drop-down
<small>Memperkecil ukuran teks dari ukuran defaultnya
<span>Mendefinisikan sebuah section dalam dokumen 
<strike>Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del>
<strong>Membuat teks tebal, fungsi tag ini sama dengan tag <b>
<style>Mendefinisikan informasi style untuk dokumen HTML
<sub>Memberikan efek subscript pada teks
<sup>Memberikan efek superscript pada teks
<table>Membuat tabel
<tbody>Untuk mengelompokkan isi body di dalam sebuah tabel
<td>Mendefinisikan sel di dalam sebuah tabel
<textarea>Mendefinisikan sebuah kontrol input multiline
<tfoot>Untuk mengelompokkan isi footer di dalam sebuah tabel
<th>Mendefinisikan sel header di dalam  sebuah tabel
<thead>Untuk mengelompokkan isi header di dalam sebuah tabel
<title>Membuat judul untuk dokumen HTML
<tr>Membuat baris di dalam sebuah tabel
<tt>Mendefinisikan teletype text
<u>Membuat teks bergaris bawah, fungsi tag ini sama dengan tag <ins> tetapi tag <u> tidak dianjurkan untuk kategori HTML text formatting melainkan termasuk kategori HTML Style
<ul>Mendefinisikan daftar dalam format bullet
<var>Mendefinisikan sebuah variabel
<xmp>Mendefinisikan preformatted text, fungsi tag ini sama dengan tag <pre>
Segitu ajah deh goresan berjudul perintah dan fungsi tag html. Semoga bermanfaat.
Label:
Read More »