sistemit24.com

Html Meta Data

23-January-2017 - Publish Admin

HTML memungkinkan untuk menentukan metadata, didalam metadata kita dapat menambahkan informasi penting terkait beberapa macam hal seperti.

Deskripsi,keywords,metadata images dan juga sumber url.

Metadata ini adalah salah satu informasi yang sangat penting pada mesin pencarian, karena mesin pencarian akan membaca metadata pada suatu halaman web.

Metadata didefinisikan dengan menggunakan tag <meta>. tag <meta> itu sendiri tidak memiliki tag penutup semua informasi ditambahkan dengan menggunakan atribut pada metadata.

Dengan menggunakan metadata kita dapat merangkum semua informasi yang terdapat pada suatu artikel, kita dapat memasukan informasi-informasi penting lainya.


Cara menambahkan metadata pada dokumen HTML

Kita dapat menambahkan metada pada halaman web kita dengan menempatkaan <meta> pada bagian header yang didefinisikan dengan tag <head>......</head>

Metadata tag memiliki beberapa atribut selaian atribut inti diataranya adalah sebagai berikut:

Atribut Keterangan
name Nama untuk properti. Bisa apa saja. Contohnya termasuk, kata kunci, deskripsi, penulis, direvisi, Generator dll
content spesial untuk isi dari suatu properti
scheme Menentukan skema untuk menafsirkan nilai properti (sebagaimana dinyatakan dalam atribut konten).
http-equiv Digunakan untuk header pesan respon http. Misalnya http-equiv dapat digunakan untuk me-refresh halaman atau untuk mengatur cookie, content-type dan set-cookie


Menentukan kata kuci pada metadata

Kita dapat menggunakan tag <meta> untuk menentukan keywords pada suatu dokumen yang kita buat, agar memudahkan mesin pencarian dalam menemukan dokumen yang dicari saat mengindex halaman web kita.

Berikut ini akan saya contohkan bagaimana cara membuat metadata pada suatu halaman web dan menjadikan metadata sebagai kata kunci dari suatu dokumen.


Script HTML 
 
                                    <!DOCTYPE html>
                                    <html>
                                    <head>
                                    <title>
                                        Metadata tag
                                    </title>
                                    <meta name="keywords" content="HTML,belajar metadata,meta" />
                                    </head>
                                    <body>
                                        
Hello HTML

                                    </body>
                                    </html>


Jika kita lihat maka hasil yang akan di keluarkan adalah:

OUtput

Hello HTML

Jika kita lihat hasil diatas content pada metadata tidak akan tampil pada halaman web yang kita buat, karna metadata sifatnya tersembunyi.


Membuat deskripsi pada metadata

Kita dapat menggunakan tag <meta> untuk manambahkan deskripsi pada suatu halaman web yang kita buat. Ini juga dapat digunakan oleh berbagai mesin pencari ketika mengindeks halaman web kita untuk mencari suatu dokumen.

Berikut ini akan saya contohkan bagaimana cara membuat metadata pada suatu halaman web dan menjadikan metadata sebagai gambaran singkat tentang dokumen.


Script HTML 
 
                                    <!DOCTYPE html>
                                    <html>
                                    <head>
                                    <title>
                                        Metadata tag
                                    </title>
                                    <meta name="keywords" content="HTML,belajar metadata,meta" />
                                    <meta name="description" content="Belajar html sangatlah mudah" />
                                    </head>
                                    <body>
                                        
Hello HTML

                                    </body>
                                    </html>


Jika kita lihat maka hasil yang akan di keluarkan adalah:

OUtput

Hello HTML


Membuat konten revisi pada metadata

Pada metadata kita juga dapat menggunakan tag <meta> untuk memberikan informasi tentang kapan terakhir kali dokumen itu diperbarui. Informasi ini dapat digunakan oleh berbagai web browser ketika merefresh halaman web kita.

Berikut ini akan saya contohkan bagaimana cara membuat metadata pada suatu halaman web dan menjadikan metadata sebagai informasi kapan terakhir kali konten diperbaharui.


Script HTML 
 
                                    <!DOCTYPE html>
                                    <html>
                                    <head>
                                    <title>
                                        Metadata tag
                                    </title>
                                    <meta name="keywords" content="HTML,belajar metadata,meta" />
                                    <meta name="description" content="Belajar html sangatlah mudah" />
                                    <meta name="revised" content="infoseribucara, 23/01/2017" />
                                    </head>
                                    <body>
                                        
Hello HTML

                                    </body>
                                    </html>


Jika kita lihat maka hasil yang akan di keluarkan adalah:

OUtput

Hello HTML


Document Refreshing

Kita dapat menggunakan tag <meta> untuk menentukan durasi dan berapa lama halaman web kita akan direfresh secara otomatis.

Berikut ini akan saya contohkan bagaimana cara membuat metadata pada suatu halaman web untuk menentukan durasi dan berapa lama halaman web kita akan direfresh secara otomatis.


Script HTML 
 
                                    <!DOCTYPE html>
                                    <html>
                                    <head>
                                    <title>
                                        Metadata tag
                                    </title>
                                    <meta name="keywords" content="HTML,belajar metadata,meta" />
                                    <meta name="description" content="Belajar html sangatlah mudah" />
                                    <meta name="revised" content="infoseribucara, 23/01/2017" />
                                    <meta http-equiv="refresh" content="3" />
                                    </head>
                                    <body>
                                        
Hello HTML

                                    </body>
                                    </html>


Dengan script diatas itu berarti kita akan merefresh halaman web kita setiap 3 detik sekali. Dan jika kita lihat maka hasil yang akan di keluarkan adalah:

OUtput

Hello HTML


Meta Page Redirection

Tag <meta> juga dapat digunakan untuk mengarahkan halaman ke website/url yang lain, dan disini kita juga dapat menentukan berapa lama durasi halaman web akan kita arahkan kewebsite/url lain.

Berikut ini akan saya contohkan bagaimana cara membuat metadata pada suatu halaman web untuk mengarahkan halaman ke website/url yang lain dan berapa lama durasi yang kita gunakan.


Script HTML 
 
                                    <!DOCTYPE html>
                                    <html>
                                    <head>
                                    <title>
                                        Metadata tag
                                    </title>
                                    <meta name="keywords" content="HTML,belajar metadata,meta" />
                                    <meta name="description" content="Belajar html sangatlah mudah" />
                                    <meta name="revised" content="infoseribucara, 23/01/2017" />
                                    <meta http-equiv="refresh" content="3" url=http://www.infoseribucara.com/>
                                    </head>
                                    <body>
                                        
Hello HTML

                                    </body>
                                    </html>


Dengan script diatas itu berarti kita akan mengarahkan halaman web kita setiap 3 detik sekali. Dan jika kita lihat maka hasil yang akan di keluarkan adalah:

OUtput

Hello HTML


Meta Setting Cookie

Cookie adalah suatu data, dan disimpan dalam file teks kecil di dalam komputer kita dan sesuaikan antara web browser dan web server untuk melacak berbagai informasi berdasarkan kebutuhan aplikasi web kita.

Berikut ini akan saya contohkan bagaimana cara membuat metadata pada suatu halaman web dalam membuat suatu cookie.


Script HTML 
 
                                    <!DOCTYPE html>
                                    <html>
                                    <head>
                                    <title>
                                        Metadata tag
                                    </title>
                                    <meta name="keywords" content="HTML,belajar metadata,meta" />
                                    <meta name="description" content="Belajar html sangatlah mudah" />
                                    <meta name="revised" content="infoseribucara, 23/01/2017" />
                                    <meta http-equiv="cookie" content="userid=xyz; expires=Kemarin, 08-Aug-15 23:59:59 GMT;"/>
                                    </head>
                                    <body>
                                        
Hello HTML

                                    </body>
                                    </html>


Dengan script diatas itu berarti kita akan mengarahkan halaman web kita setiap 3 detik sekali. Dan jika kita lihat maka hasil yang akan di keluarkan adalah:

OUtput

Hello HTML

HTML TUTORIAL
;