Cara menggunakan purpose of html tag

IntelliJ IDEA is aware of all standard HTML tags, and reports all unknown tags in your markup. If you use a framework that relies on custom HTML tags, such tags will be also reported as unknown, which would be a false positive in that case.

Halaman ini menjelaskan apa yang dimaksud dengan tag meta, atribut HTML dan tag meta yang didukung Google untuk mengontrol pengindeksan, serta poin penting lain yang perlu diperhatikan saat menerapkan tag meta di situs Anda.

Tag meta

Tag meta adalah tag HTML yang digunakan untuk memberikan informasi tambahan tentang suatu halaman ke mesin telusur dan klien lainnya. Klien memproses tag meta yang didukung dan mengabaikan yang tidak didukung. Tag meta ditambahkan ke bagian <head> di halaman HTML Anda dan umumnya tampak seperti ini:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="description" content="Author: A.N. Author, Illustrator: P. Picture, Category: Books, Price:  £9.24, Length: 784 pages">
    <meta name="google-site-verification" content="+nxGUDJ4QpAZ5l9Bsjdi102tLVC21AIh5d1Nl23908vVuFHs34=">
    <title>Example Books - high-quality used books for children</title>
    <meta name="robots" content="noindex,nofollow">
  </head>
</html>

Google mendukung tag meta berikut:

Jika menggunakan CMS, seperti Wix, WordPress, atau Blogger, mungkin Anda tidak dapat mengedit HTML secara langsung, atau mungkin Anda memilih untuk tidak melakukannya. Sebagai gantinya, CMS Anda mungkin memiliki halaman setelan mesin telusur atau mekanisme tertentu lainnya untuk memberi tahu mesin telusur tentang tag meta.

Jika ingin menambahkan tag meta ke situs Anda, telusuri petunjuk tentang mengubah <head> halaman di CMS (misalnya, telusuri "menambahkan tag meta wix").

Daftar tag meta yang didukung Googlemeta4Gunakan tag ini untuk memberikan deskripsi singkat mengenai halaman. Dalam beberapa situasi, deskripsi ini digunakan dalam cuplikan yang ditampilkan di hasil penelusuran.meta5

Tag meta ini mengontrol perilaku pengindeksan dan crawling mesin telusur.

Tag meta7 berlaku untuk semua mesin telusur, sedangkan tag meta8 hanya berlaku untuk Google.

Jika ada tag meta meta0 (atau meta1) yang bertentangan, tag yang lebih ketat akan diterapkan. Misalnya, jika halaman memiliki tag meta2 dan meta3, tag meta3 akan diterapkan.

Nilai defaultnya adalah meta5 dan tidak perlu ditentukan. Untuk melihat daftar nilai lengkap yang didukung Google, buka .

Anda juga dapat mencantumkan informasi ini dalam header halaman menggunakan perintah header HTTP "X-Robots-Tag". Tindakan ini sangat bermanfaat terutama jika Anda ingin membatasi pengindeksan file non-HTML seperti grafik atau jenis dokumen lainnya. Informasi selengkapnya tentang tag meta robots.

meta7Saat pengguna menelusuri situs Anda, hasil Google Penelusuran terkadang menampilkan kotak penelusuran khusus untuk situs Anda, beserta link langsung lainnya ke situs Anda. Tag ini memberi tahu Google agar tidak menampilkan kotak penelusuran sitelink. Pelajari kotak penelusuran sitelink lebih lanjut.meta8Saat Google menyadari bahwa konten halaman tidak menggunakan bahasa yang mungkin ingin dibaca oleh pengguna, Google dapat menyediakan cuplikan dan link judul yang diterjemahkan di hasil penelusuran. Jika pengguna mengklik link judul yang diterjemahkan, semua interaksi selanjutnya dari pengguna dengan halaman tersebut akan melalui Google Terjemahan, yang akan otomatis menerjemahkan link berikutnya. Secara umum, hal ini memberi Anda peluang untuk membuat konten yang unik dan menarik bagi kelompok pengguna yang lebih luas. Namun demikian, mungkin akan terjadi situasi saat hal ini tidak diinginkan. Tag meta ini memberi tahu Google bahwa Anda tidak ingin kami menerjemahkan halaman ini.meta0Mencegah berbagai layanan Google text-to-speech membacakan halaman web dengan keras menggunakan text-to-speech (TTS).meta1Anda dapat menggunakan tag ini di halaman tingkat teratas di situs Anda guna memverifikasi kepemilikan untuk Search Console. Perlu diperhatikan bahwa meski nilai atribut meta2 dan meta3 harus sama persis dengan nilai yang diberikan kepada Anda (termasuk huruf besar dan huruf kecilnya), tidak masalah apabila Anda mengubah tag dari XHTML ke HTML, atau jika format tag cocok dengan format halaman Anda.meta4
meta5Tag meta ini mendefinisikan jenis konten dan himpunan karakter halaman. Pastikan Anda mengurung nilai atribut konten dengan tanda petik—jika tidak, atribut charset dapat keliru ditafsirkan. Sebaiknya gunakan Unicode/UTF-8 jika memungkinkan. .meta6Tag ini, yang biasa disebut meta-refresh, mengarahkan pengguna ke URL baru setelah periode waktu tertentu, dan terkadang digunakan sebagai bentuk pengalihan sederhana. Namun, . Sebagai gantinya, sebaiknya gunakan pengalihan meta7 sisi server.meta8Tag ini memberi tahu browser cara merender halaman di perangkat seluler. Kehadiran tag ini menunjukkan kepada Google bahwa halaman tersebut mobile-friendly.

meta1

meta2

Melabeli halaman sebagai mengandung konten khusus dewasa, untuk menunjukkan bahwa halaman tersebut difilter oleh hasil SafeSearch. Pelajari lebih lanjut cara melabeli halaman SafeSearch.

Atribut tag HTML

Atribut tag HTML adalah nilai tambahan tag HTML yang mengonfigurasi tag induk. Misalnya, atribut meta3 dari tag meta4 mengonfigurasi resource yang ditunjuk tag anchor ke: meta5.

Google Penelusuran mendukung atribut HTML dalam jumlah terbatas untuk tujuan pengindeksan. Atribut seperti meta6 dan meta3 digunakan untuk menemukan resource seperti gambar dan URL. Google juga mendukung berbagai atribut meta8 yang memungkinkan pemilik situs membuat link keluar memenuhi syarat.

dari tag meta0, meta1, dan meta2 memungkinkan Anda mengecualikan bagian halaman HTML dari cuplikan.

Poin penting lain yang perlu diperhatikan

  • Google dapat membaca tag meta gaya HTML dan XHTML, terlepas dari kode yang digunakan pada halaman.
  • Agar dapat dibaca oleh komputer, bagian meta4 harus berupa HTML yang valid dan semua tag induk harus tertutup untuk atribut.
  • Umumnya penggunaan huruf besar-kecil bukan hal penting dalam tag meta, kecuali untuk meta6.
  • Anda dapat menggunakan tag meta lainnya jika tag tersebut penting bagi situs Anda, tetapi Google akan mengabaikan tag meta yang tidak didukung.
  • Berhati-hatilah jika Anda ingin menggunakan JavaScript untuk memasukkan atau mengubah tag meta. Jika memungkinkan, sebaiknya hindari penggunaan JavaScript untuk memasukkan atau mengubah tag meta, dan jika memang harus menggunakannya, uji implementasi Anda secara menyeluruh.
  • Untuk memeriksa atribut dan tag meta di halaman Anda, gunakan Alat Inspeksi URL.

Atribut dan tag yang tidak didukung

Tag dan atribut berikut tidak didukung dan akan diabaikan oleh Google Penelusuran. Kami mencantumkannya di sini karena tag dan atribut berikut merupakan hal yang umum digunakan di HTML atau kami pernah mendukungnya.

Bagaimana cara penulisan tag HTML yang benar?

Tag dibuat dengan kurung siku ( <...> ), lalu di dalamnya berisi nama tag dan kadang juga ditambahkan dengan atribut. Contoh: <p> , <a> , <body> , <head> , dan sebagainya. Tag selalu ditulis berpasangan. Ada tag pembuka dan ada tag penutupnya.

Bagaimana cara penggunaan JavaScript dalam HTML?

Anda bisa langsung menambahkan JavaScript di HTML dengan menggunakan tag <script></script> yang mencakup semua kode JS yang Anda tulis. Kode JS yang bisa ditambahkan: di antara tag <head> di antara <body>

Apa fungsi dari tag HTML?

Fungsi tag HTML Digunakan untuk membuat halaman HTML yang mencakup semua konten dan elemen. Dipakai untuk membuat elemen HTML, mencakup tampilan deskripsi di hasil pencarian Google, style konten (CSS), dan lain sebagainya.

Tag apa saja yang ada di HTML?

Berikut ini daftar tag yang wajib ada di HTML:.
<! DOCTYPE html> — untuk deklarasi type dokumen;.
<html> — tag utama dalam HTML;.
<head> — untuk bagian kepala dari dokumen;.
<title> — untuk judul web;.
<body> — untuk bagian body dari dokumen..