4 lépés a kisvállalkozói webhely mobilkészülékre való előkészítéséhez

Tartalomjegyzék:

Anonim

A Google közelgő váltása a mobil-első indexelésre, mivel év közepén kell, hogy legyen, és itt az ideje, hogy egy mobilbarát honlap létrehozásával növelje vállalkozását. Tekintse meg a következő négy tippet a webhely optimalizálására bármelyik eszközön, hogy először a mobilra válthasson.

Ismerje meg a kapcsolót egy mobil első indexre

A Google az asztali tartalmát úgy határozza meg, hogy meghatározza webhelyének rangsorolását mind az asztali, mind a mobil számára, ami azt jelenti, hogy a rangsor most attól függ, hogy a tartalom hogyan jelenik meg az asztalon, nem pedig a mobil eszközökön. Mivel azonban egyre több ember fér hozzá az internethez mobileszközükkel, mint az asztalról, a Google hivatalosan úgy döntött, hogy mobil tartalmak alapján rangsorolja a webhelyeket. Ha az Ön webhelye nem rendelkezik érzékeny elrendezéssel, lassú betöltési sebessége vagy rosszul tervezett navigációja és tartalma, a rangsor valószínűleg csökken, ha a váltást megelőzően nem optimalizálja webhelyét mobilra.

$config[code] not found

Tesztelés és gyorsítás

A közelmúltbeli tanulmányok azt mutatják, hogy a fogyasztók 47% -a szeretné, ha a weblap két másodperc alatt vagy kevesebbet tölt be, és a nézők 40% -a hagyja el a weboldalt, ha a betöltési folyamat három másodpercet vagy hosszabb időt vesz igénybe. Ezeket a statisztikákat, valamint a Google bejelentését, hogy a mobil oldal betöltési sebessége döntő tényező lesz a rangsorolás meghatározása után, elegendőnek kell lennie ahhoz, hogy minden vállalkozás tulajdonosa kétszer ellenőrizze a webhely mobil töltési idejét. Határozza meg a webhely minden oldalának betöltési sebességét a Google Eszközök Chrome-felhasználó és az oldalsebesség-betekintés használatával.

Ha fel kell gyorsítania a betöltési sebességet, az alábbi módszerek közül a leginkább ajánlott:

  • AMP: A gyorsított mobiloldalak projektje - az AMP olyan nyílt forráskódú vállalkozás, amely a webhely oldalainak gyorsabb betöltéséhez a szabványos HTML-t használva leolvasott HTML-t használ. Ezzel együtt a Google tárolja a tartalmát a puffertárolóban, és segít javítani webhelyének töltési idejét.
  • Progresszív webalkalmazások - A PWA-k azoknak a lehetőségek, akik nem akarnak az AMP projektre költözni. A PWA-k gyorsan reagálnak a felhasználói kommunikációra és a terhelésre, így életképes alternatívát jelentenek az AMP-re.
  • PWAMP - A PWAMP az AMP, JS, CSS és HTML fejlesztésű PWA keveréke, de a PWAMP-t használó webhelyek nem igazolják, hogy az AMP oldalak igen. A PWAMP oldalak azonban még mindig gyorsak és ugyanazokat az előnyöket nyújtják, mint a PWA-k.

Tegye a Spotlight-ot a felhasználói élményre

Egy tipikus hiba, amelyet a vállalatok hajlamosak arra, hogy asztali webhelyeiket a mobilhoz igazítsák, miközben úgy viselkednek, mintha a mobil egyszerűen az asztali webhely kiegészítése lenne. A váltás után magas rangsorolás érdekében a vállalatoknak elsőbbséget kell élvezniük a mobil használatával, elsősorban a mobil felhasználók tapasztalatai alapján. Kérdezze meg magának a következő kérdéseket a mobil webhely-felhasználókkal kapcsolatban:

  • Navigáció - Mit néz ki és milyen könnyen manőverezhető? Elég egyszerű ahhoz, hogy a felhasználók navigálhassanak oda, ahol éppen most voltak?
  • Tisztaság - Mennyire könnyű fontos információkat találni? Világosak a címoldalak? Könnyen hozzáférhető az elérhetőségem?
  • Fontolja meg a pop-upokat - Könnyű-e bezárni a pop-upokat? Csökkentse a pop-upokat?
  • Betűtípus - Mekkora a betűméretem? Milyen nagy legyen?

Ezeket a megfontolásokat szem előtt tartva készen áll a webhely mobilkészülékére való előkészítésének utolsó lépésére.

A design és a tartalom optimalizálása

Miután részletesen elemezte webhelyét a fenti kérdések alapján, optimalizálja és tervezze meg a mobil tartalmát, hogy a lehető legjobb mobil felhasználói élményt hozza létre. Számos dolog, amit érdemes újratervezni a design és a tartalom tekintetében, de itt van néhány a leggyakoribb módosítás:

  • Érzékeny web design - A Google ajánlott a webes dizájn, amely egy olyan tervezési megközelítés, amelynek célja, hogy optimalizálja a webhely megjelenését és funkcionalitását különböző eszközök és képernyőméretek széles választékával.
  • A legördülő menük használata - a Google kijelentette, hogy nem fogja büntetni a webhelyeket a tartalmak árnyékolására a legördülő menük mögött, ha a tartalom az oldalhoz egyidejűleg betöltődik, ezért nyugodtan vegye fel a legördülő menüket a mobil webhely építése során.
  • Ne használja a Flash-et - A legtöbb mobil felhasználó nem látja a Flash tartalmat, ezért kerülje el teljesen, és használja a Java-t vagy a HTML-t ahelyett, hogy hozzáadná azokat a komponenseket a webhelyéhez.
  • Győződjön meg róla, hogy a tartalom könnyen olvasható - a tartalom könnyen olvasható kis képernyőkön; a linkek hosszabb részében néhány linket biztosítanak, így a felhasználók könnyen elérhetik, ahová el akarnak menni, és a fejléceket használják, hogy megoszthassák a tartalmakat, és hogy a lapjait megnéztesse.
  • Szövegméret és érintőképernyős képességek egyszerűvé tétele - Győződjön meg róla, hogy a webhelye „barátságos”, így a csap a megfelelő méretre mutat, és elegendő helyet hagy a kattintható összetevők között

Fénykép a Shutterstock-on keresztül

1 Megjegyzés ▼