Kalo te përmbajtja
SEO Analyzer

Teknike

Etiketat mobile-web-app-capable

Etiketat që heqin ndërfaqen e shfletuesit kur faqja hapet nga ekrani kryesor; të vjetruara në pjesën më të madhe.

Çfarë është

<meta name="mobile-web-app-capable"> dhe varianti i saj apple-mobile-web-app-capable i thonë sistemit që faqja, kur hapet nga ekrani kryesor, të shfaqet pa shiritin e adresës dhe pa butonat e shfletuesit.

Këto etiketa i përkasin një epoke para manifestit. Sot e njëjta gjë deklarohet me fushën display te manifesti, me vlera standalone, fullscreen ose minimal-ui.

Varianti me prefiks apple- mbetet i nevojshëm për iOS në disa raste; ai pa prefiks është zyrtarisht i vjetruar.

Pse ka rëndësi

Ndikimi te kërkimi është zero.

Ka një pasojë praktike që duhet ditur para se t'i shtosh: heqja e shiritit të adresës heq edhe butonin "prapa". Nëse faqja nuk ka navigim të vetin, përdoruesi ngec. Shumë aplikacione të instaluara janë të papërdorshme pikërisht për këtë arsye.

Heq gjithashtu treguesin e sigurisë dhe adresën — pra vizitori nuk e sheh më ku ndodhet.

Për faqe informative që hapen nga kërkimi, këto etiketa nuk bëjnë asgjë, sepse ato veprojnë vetëm kur faqja hapet nga ekrani kryesor.

Pra rekomandimi i drejtë nuk është "shtoji", por: nëse ndërton një aplikacion të instalueshëm, përdor manifestin; nëse jo, lëri jashtë.

Si rregullohet

<!-- e nevojshme ende për iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
// mënyra e sotme, te manifesti
{ "display": "standalone" }

Hapat:

  • Përdor `display` te manifesti si burim kryesor.
  • Shto variantin `apple-` vetëm nëse mbështet iOS-in si aplikacion të instaluar.
  • Sigurohu që faqja ka navigim të vetin para se ta heqësh shiritin e shfletuesit.
  • Testo ecjen prapa brenda aplikacionit të instaluar; kjo është pjesa që dështon më shpesh.
  • Mos i shto te një sajt i zakonshëm informativ — nuk bëjnë asgjë dhe shtojnë rresht për t'u mbajtur.

Një shënim i fundit mbi shiritin e gjendjes: vlera apple-mobile-web-app-status-bar-style ndryshon vetëm ngjyrën e tekstit dhe të ikonave të sistemit, jo sfondin. Vlera black-translucent e shtyn përmbajtjen e faqes nën shiritin e gjendjes, prandaj kërkon që layout-i të respektojë zonat e sigurta me env(safe-area-inset-top). Pa atë kujdes, titulli i faqes fshihet nën orën e sistemit.

Si e mat ky mjet

PWAAnalyzer::analyze() (services/PWAAnalyzer.php:61) kërkon me një pyetje të vetme //meta[@name="mobile-web-app-capable" or @name="apple-mobile-web-app-capable"]. Nëse gjendet ndonjëra, shton 10 pikë nga 100 dhe vendos flamurin checks.mobile_web_app_capable (:62–65).

Asnjë konstatim nuk prodhohet.

Çfarë NUK e mat

I treti nga tri kontrollet e heshtura të këtij analizuesi: ndikon te nota pa e shpjeguar (services/PWAAnalyzer.php:61).

Vlera e atributit content nuk lexohet. Një content="no" — që e çaktivizon shprehimisht modalitetin — merr të njëjtat 10 pikë si content="yes".

Nuk kontrollohet as display te manifesti, që është mënyra e sotme dhe e vetmja e rekomanduar. Pra një sajt që e ka deklaruar saktë me manifest, dhe që nuk ka nevojë për këto etiketa të vjetruara, humb 10 pikë.

Këto pikë të fituara nuk lidhen me asnjë sjellje reale: flamuri is_pwa (:74) nuk i merr parasysh fare, sepse ai varet vetëm nga manifesti, service worker-i dhe HTTPS-ja.

Kodi që e kryen matjen

  • services/PWAAnalyzer.php:61 — mwaCapable
  • services/PWAAnalyzer.php:74 — isPwa

Standardi