Meta tag penting apa sing kudu ana ing document head?

Question

Accepted Answer

`` tags ing `` nyedhiyaké metadata babagan kaca — character encoding, viewport behavior, deskripsi SEO, lan preview kanggo sharing sosial. Dheweke ora dirender nanging dibaca dening browser, search engine, lan platform sosial. ## Rong sing essential ```html ``` - **`charset`** njistin teks (utamane non-ASCII) kodhe kanthi bener. Pasang ing ngarep. - **`viewport`** yaiku sing ngawe situs **responsive** ing mobile — tanpa iku, ponsel ngrukokake ing width 980px palsu lan zoom out, ngrusak CSS responsive mu. ## Meta SEO ```html Page Title — 50–60 chars ``` `` lan `description` yaiku kang muncul ing asil Google, dadi dheweke nyebabake click-through. `canonical` ngandhani search engine URL sing authoritative. ## Open Graph — preview sharing sosial ```html <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" /> ``` Iki ngontrol kartu sing muncul nalika link mu di-share ing Facebook, LinkedIn, Slack, X, lsp. — tanpa iku sampeyan bakal ngliliki preview sing jelek utawa kosong. ## Apa penting-pentinge `charset` lan `viewport` wajib kanggo rendering lan responsivitas mobile sing bener; `title`/`description`/`canonical` nyebabake SEO; Open Graph tags ngontrol carane link mu katon nalika di-share. Bareng-bareng dheweke yaiku layer metadata sing ngawe kaca render kanthi bener, ranking, lan sharing kanthi luwes.