Tag <meta> dalam <head> menyediakan metadata tentang halaman — pengekodan aksara, gelagat viewport, perihalan SEO, dan pratonton perkongsian sosial. Ia tidak dirender tetapi dibaca oleh pelayar, enjin carian, dan platform sosial.
charset memastikan teks (terutamanya bukan ASCII) dinyahkod dengan betul. Letakkan ia dahulu.viewport ialah perkara yang menjadikan sesebuah laman responsif pada peranti mudah alih — tanpanya, telefon merender pada lebar palsu 980px dan zum keluar, lalu merosakkan CSS responsif anda.<title>Page Title — 50–60 chars</title>
<meta name="description" content="Summary shown in search results, ~150 chars" />
<link rel="canonical" href="https://site.com/page" /> <!-- avoid duplicate-content penalties -->
<title> dan description ialah perkara yang muncul dalam hasil carian Google, jadi ia mendorong kadar klik lalu. canonical memberitahu enjin carian URL yang berwibawa.
<meta property="og:title" content="Shareable title" />
<meta property="og:description" content="Shown when shared" />
<meta property="og:image" content="https://site.com/preview.jpg" />
<meta property="og:url" content="https://site.com/page" />
<meta name="twitter:card" content="summary_large_image" />
Tag ini mengawal kad yang muncul apabila pautan anda dikongsi di Facebook, LinkedIn, Slack, X, dll. — tanpanya anda mendapat pratonton yang hodoh atau kosong.
charset dan viewport tidak boleh dirunding untuk rendering yang betul dan keresponsifan mudah alih; title/description/canonical mendorong SEO; tag Open Graph mengawal rupa pautan anda apabila dikongsi.
Bersama-sama, ia merupakan lapisan metadata yang menjadikan sesebuah halaman dirender dengan betul, mendapat kedudukan baik, dan dikongsi dengan baik.