Vai mana tīmekļa vietne ir labi redzama tālrunī?

Lielākā daļa apmeklētāju apskata Jūsu tīmekļa vietni no tālruņa. To pašu dara arī Google: Google izmanto Jūsu lapu mobilo versiju, lai tās indeksētu un sarindotu. Ja kaut kas Jūsu tālrunī lapā nav redzams, Google to arī neredz. Šajā rakstā lasiet, kā pats pārbaudīt, vai Jūsu vietne labi darbojas mazā ekrānā.

Viewport noteikums

Tālrunis automātiski nezina, ka Jūsu lapa ir veidota mazam ekrānam. Bez norādījuma pārlūkprogramma izliekas, ka ekrāns ir daudz platāks, un samazina visu lapu. Tad rodas pavisam sīks teksts, kurā nepieciešams tuvināt attēlu. Risinājums ir viena rinda katras lapas sadaļā <head>:

<meta name="viewport" content="width=device-width, initial-scale=1">

• Nelietojiet fiksētu platumu, piemēram, width=1024: tad tālrunis atkal izliksies, ka ekrāns ir plats.
• Neliedziet tālināšanu: neizmantojiet user-scalable=no un maximum-scale=1. Cilvēkiem ar redzes traucējumiem jāspēj tekstu palielināt.

MI Bouwer, WordPress tēmas un lielākā daļa citu tīmekļa vietņu veidotāju šo rindu paši ievieto katrā lapā. Pašrocīgi veidotas vai vecas vietnes gadījumā ir vērts pārbaudīt: atveriet lapu, noklikšķiniet ar peles labo pogu, izvēlieties Skatīt lapas avotu (vai Ctrl+U) un meklējiet ar Ctrl+F vārdu viewport.

Pārbaude paša spēkiem

1. Atveriet savu vietni savā tālrunī un izejiet cauri svarīgākajām lapām.
2. Vai datorā: atveriet savu vietni Chrome vai Firefox pārlūkā, nospiediet F12 un noklikšķiniet uz tālruņa un planšetes ikonas. Izvēlieties šauru ierīci.
3. Pievērsiet uzmanību tekstam, kas iziet ārpus redzamās daļas, lapai, kas jāritina sāniski, pogām, kas ir pārāk mazas vai pārklājas, un daļām, kas mobilajā versijā trūkst.
4. Pēc tam veiciet testu rīkā PageSpeed Insights cilnē Mobilā versija. Kā lasīt šo atskaiti, aprakstīts rakstā PageSpeed Insights lasīšana: Core Web Vitals vienkāršā valodā.

Atsevišķais Google mobilās draudzīguma pārbaudes rīks un pārskats Mobilā lietojamība pakalpojumā Search Console kopš 2023. gada 1. decembra vairs nepastāv. Ja uzejat tos kādā vecā rakstā, izmantojiet iepriekš minētos soļus.

Vienāds saturs mobilajā un darbvirsmas versijā

Ja vietne ir responsīva (viena adrese un viena lapa, kas pielāgojas ekrāna platumam), saturs automātiski ir vienāds. Google iesaka šādu pieeju. Ja Jums ir atsevišķa mobilā vietne, piemēram, m.example.com, vai sistēma, kas tālruņiem sūta citas lapas, pārbaudiet šādas lietas:

• vai teksts ir vienāds, arī tad, ja mobilajā versijā tas atrodas izvēršamā blokā;
• vai virsraksts un apraksts ir vienādi;
• vai attēli ir vienādi ar vienādiem alt tekstiem;
• vai nav satura, kas ielādējas tikai tad, kad apmeklētājs pavelk, noklikšķina vai ieraksta tekstu: Google to nedara.

Lasiet tālāk

• Google: ieteicamā prakse mobile-first indeksēšanai (angļu valodā)
• MDN: viewport noteikums (angļu valodā)