5 HAL YANG PERLU DIKETAHUI DARI HTML META TAG

601
5 HAL YANG PERLU DIKETAHUI DARI HTML META TAG

5 HAL YANG PERLU DIKETAHUI DARI HTML META TAG

Meta Tag <meta> adalah sebuah potongan informasi pada halaman website. Meta tag tidak akan diperlihatkan namun, dipakai untuk memberikan informasi kepada setiap mesin pencari. Elemen Meta umumnya digunakan untuk menentukan deskripsi halaman, serta kata kunci, penulis dokumen, dan  update, atau metadata lainnya.

Namun yang perlu anda ketahui yaitu, ada sejumlah meta tag yang mempunyai fungsi lebih dari sekedar meletakkan informasi atau keyword. Pada artikel ini saya akan menunjukkan anda 5 fitur meta tag yang kemungkinan belum anda ketahui :

  1. MENGONTROL CACHE BROWSER

Ketika anda mengunjungi website, browser akan secara otomatis menyimpan halaman web tersebut dalam cache agar ketika dimuat kembli menjadi lebih cepat. Anda mungkin juga menemukan sebuah halaman tidak diperbarui dengan perubahan yang di buat. Hal ini terjadi karena dikarenakan browser masih menyimpan file cache halaman terssebut. Untuk mencegah masalah itu, Anda bisa menonaktifkan cache browser melalui meta tag. Sehingga semua pengunjung bisa melihat perubahan yang dilakukan pada website tersebut. Untuk menonaktifkan cache browser, Anda bisa menggunakan:

<meta http-equiv=”Cache-Control” content=”no-store” />

Meta tag ini juga berlaku di browser Firefox, Chrome atau Internet Explorer.

Anda juga bisa mengatur tanggal kadaluarsanya untuk bisa memastikan bahwa browser akan menampilkan file baru dari server yang diakses, daripada dari file cache.

<meta http-equiv=”expires” content=”Fri, 18 Jul 2014 1:00:00 GMT” />

Meta data yang ada diatas berarti, dokumen dianggap berakhir setelah waktu tertentu. Jika Anda menetapkan ke “0”, browser akan segera memeriksa dokumen baru yang diupdate pada setiap terjadi kunjungan.

  1. PENGATURAN COOKIES

Serupa dengan masalah cache, cookies juga adalah bagian kecil dari data yang disimpan pada browser dari kunjungan website. Website bisa memakai kembali cookies untuk menyesuaikan atau memjalankan beberapa fungsi situs yang tadi dikunjungi. Sebuah contoh nyata yaitu ketika Anda berbelanja pada sebuah toko online di internet. Jika Anda telah menambahkan sebuah item ke dalam keranjang, item akan tetap ada di dalam keranjang meskipun Anda sudah meninggalkan browser dalam waktu yang lama.

<meta http-equiv=”Set-Cookie” content=”name=data; path=path; expires=Day, DD-MMM-YY HH:MM:SS ZONE”>

Untuk dapat mengatur cookie pada file meta-tag Anda bisa memakai:

name = Data merupakan nama dari cookie yang akan menentukan nilai yang ditetapkan padanya. path itu merupakan jalur dokumen. Sedangkan, nilai kadaluarsa adalah waktu serta tanggal ketika cookie akan dihapus dari komputer Anda secara otomatis. Jika Anda meninggalkan tanggal kadaluarsa dalam keadaan kosong, cookie akan segera dihapus ketika Anda keluar dari browser itu.

  1. REFRESHING WEB PAGES

Anda bisa mengatur situs anda untuk dapat melakukan refresh dengan otomatis dalam jangka waktu tertentu dengan menggunakan meta http-equiv = “refresh” . Meta-tag yang ada dibawah ini akan membuat browser otomatis me-refresh halaman setiap waktu 10 detik.

<meta http-equiv=”refresh” content=”5″>

  1. REDIRECT

Kita juga dapat menggunakan tag meta refresh untuk bisa mengarahkan halaman untuk tujuan tertentu. Pada contoh kali ini, setelah 5 detik akan secara otomatis halaman diredirect ke laman xxxx.com

<meta http-equiv=”refresh” content=”5; url=http://xxxx.com/”>

Untuk dapat meredirect halaman secara langsung, set ke 0.

  1. PAGE TRANSISI

Anda juga bisa menerapkan transisi ke dalam halaman web Anda dengan memakai meta-tag dengan cara yang hampir serupa dengan MS PowerPoint. Sintaks halaman transisi dengan menggunakan meta tag terlihat seperti yang ada di bawah ini:

<meta http-equiv=”page-enter” content=”revealtrans(duration=seconds,transition=num)” />

<meta http-equiv=”page-exit” content=”revealtrans(duration=seconds,transition=num)” />

Catatan : ini hanya bekerja pada versi Internet Explorer yang lama, sejak page-enter serta page-exit menjadi proprietary spesifikasi meta tag Microsoft. Anda bisa menentukan berapa lama waktu transisi akan dijalankan dengan menggunakan durasi. Transisi harus diisi dengan integer antara 0-23 yang akan mengacu pada jenis transisi yang disediakan oleh pihak Microsoft.

 

Baca juga: CARA MENGGANTI LOGO WORDPRESS PADA ADMIN WORDPRESS

0
0%
like
0
0%
love
0
0%
haha
0
0%
wow
0
0%
sad
0
0%
angry