Page Title — 50

`` tags katika `` hutoa metadata kuhusu ukurasa — kodini ya herufi, tabia ya viewport, maelezo ya SEO, na onyesho la awali kwa ajili ya kugawana katika mitandao ya kijamii. Hazifichujwa lakini zinasomwa na vivinjari, injini za kutafuta, na jukwaa la kijamii. ## Mbili muhimu ```html ``` - **`charset`** inahakikisha kwamba maandishi (hasa yasiyo-ASCII) yanabofushwa kwa usahihi. Iweke kwanza. - **`viewport`** ndiyo kinachofanya ukurasa kuwa **jibu** kwenye rununu — bila hiyo, simu za mahali zinaonyesha kwa upana wa bandia wa 980px na kupunguzwa, inayokamatia CSS yako inayofanya mazao. ## Meta ya SEO ```html Page Title — 50–60 chars ``` `` na `description` ndiyo yanayoonekana katika matokeo ya Google, kwa hiyo yanaendesha klikizo. `canonical` inasema injini za kutafuta ni URL gani ya kuanzisha. ## Open Graph — onyesho la awali kwa ajili ya kugawana katika mitandao ya kijamii ```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" /> ``` Hizi zinakuza kadi inayoonekana wakati kiungo chako kinagawanywa kwenye Facebook, LinkedIn, Slack, X, nk. — bila hizo unakupokea muonekano wa mapema au tupu. ## Kwa nini ni muhimu `charset` na `viewport` haziwezi kubishaniwa kwa onyesho sahihi na jibu la rununu; `title`/`description`/`canonical` zinaendesha SEO; meta tags za Open Graph kuza jinsi kiungo chako kinavyoonekana wakati kinagawanywa. Kakamano wanakuwa safu ya metadata inayofanya ukurasa ufichujwe kwa usahihi, kwa kukamatia, na kugawana vizuri.</article></body></html>

HTML maswali