Koje važne meta oznake trebaju biti u head dijelu dokumenta?

Question

Accepted Answer

`` oznake u `` pružaju metapodatke o stranici — kodiranje znakova, ponašanje viewport-a, SEO opise i društvene pretpreglede. Nisu prikazane, ali ih čitaju preglednici, tražilice i društvene platforme. ## Zašto je ovo važno ```html ``` - **`charset`** osigurava da se tekst (pogotovo ne-ASCII) dekodira ispravno. Stavite ga prvo. - **`viewport`** je ono što čini web stranicu **responsive** na mobilu — bez njega, telefoni prikazuju na lažnoj širini od 980px i zumiraju van, razaraju vašu responsive CSS. ## SEO meta ```html Page Title — 50–60 chars ``` `` i `description` su ono što se pojavljuje u rezultatima Google-a, pa pokretaju kliknutost. `canonical` govori tražilicama autoritetni URL. ## Open Graph — pretpregledi društvenog dijeljenja ```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" /> ``` Ovi kontroliraju karticu koja se pojavljuje kada se vaša poveznica dijeli na Facebook-u, LinkedIn-u, Slack-u, X-u, itd. — bez njih dobijate ružan ili prazan pretpregled. ## Zašto je ovo važno `charset` i `viewport` su neizostavni za ispravan prikaz i mobilni odgovor; `title`/`description`/`canonical` pokretaju SEO; Open Graph oznake kontroliraju kako vaše veze izgledaju kada se dijele. Zajedno su metapodatak sloj koji čini stranicu ispravno prikazanom, rangiranom i dobro dijelanom.