Liema tags meta importanti għandhom jmorru fl-head tal-dokument?

Question

Accepted Answer

`` tags f'`` jipprovdu metadata dwar il-paġna — encoding tal-karattri, imġieba tal-viewport, deskrizzjonijiet SEO, u previews għall-kondiviżjoni soċjali. Ma jintgħarru iżda jinqraw mill-browsers, imotturi tat-tfittxija, u l-platformi soċjali. ## I-tnejn essenzjali ```html ``` - **`charset`** jiżgura li t-test (speċjalment non-ASCII) jiddekodja b'mod korrett. Poġġiha l-ewwel. - **`viewport`** hija dik li tagħmel sit **responsive** fuq il-mobile — mingħajr din, il-mowbajl jirendi b'wisa' fake ta' 980px u jzum out, u jkisser il-CSS responsive tiegħek. ## Meta għall-SEO ```html Page Title — 50–60 chars ``` Il-`` u l-`description` huma dak li jidher fi r-riżultati ta' Google, għalhekk idrivvjaw il-click-through. `canonical` jgħid lill-imotturi tat-tfittxija liema huwa l-URL awtoritattiv. ## Open Graph — previews għall-kondiviżjoni soċjali ```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" /> ``` Isthel il-kard li jidher meta l-link tiegħek jiġi kkondiviz fuq Facebook, LinkedIn, Slack, X, eċċ. — mingħajrihom ikollok preview qabih jew vojt. ## Għaliex huwa importanti `charset` u `viewport` huma non-negotiable għal rendering korrett u responsiveness fuq il-mobile; `title`/`description`/`canonical` idrivvjaw il-SEO; tags ta' Open Graph ikontrollaw kif iidher il-links tiegħek meta jiġu kkondivizi. Flimkien huma l-layer tal-metadata li jagħmel paġna tirendi b'mod korrett, taqwa, u tikkondividi tajjeb.