Úvod
Optimalizácia pre mobilné zariadenia je technika, ktorá zabezpečuje, aby sa návštevníci, ktorí vstúpia na vašu stránku z mobilných telefónov, stretli s webovou stránkou optimalizovanou pre ich zariadenie.
Každý rok ľudia venujú čoraz viac hodín denne používaniu mobilných telefónov. Mnohé stránky nie sú vytvorené tak, aby zohľadňovali rôzne veľkosti obrazoviek a časy načítania. SEO pre mobilné zariadenia zvyčajne skúma rozloženie webových stránok, zloženie webových stránok, rýchlosť načítania webových stránok a snaží sa ich všetky vyrovnať, aby ste svojím dizajnom neodradili čitateľov z mobilných zariadení...
Najlepšie taktiky SEO: Optimalizácia pre mobilné zariadenia
V prípade, že je vaša webová stránka dobre optimalizovaná pre vyhľadávače, ako je Yahoo, nájdete len niekoľko ďalších položiek, na ktoré budete chcieť myslieť pri optimalizácii pre mobilné zariadenia...
Rýchlosť webovej stránky
V dôsledku komponentov a problémov s online pripojením je rýchlosť stránky pre mobilných zákazníkov v porovnaní s používateľmi stolných počítačov ešte dôležitejšia. Okrem optimalizácie fotografií budete chcieť minifikovať kód, spravovať vyrovnávaciu pamäť webového prehliadača a tiež znížiť počet presmerovaní. .
Mobilné aplikácie CSS, JavaScript alebo obrázky
Pred niekoľkými rokmi niektoré mobilné telefóny tieto typy komponentov nepodporovali. Preto weboví dizajnéri blokovali jednotlivé prvky. To už nie je pravda, technológie smartfónov ako GoogleBot by chceli zobrazovať a zapájať obsah, aby ho kategorizovali v podobnom formáte ako používatelia. Tieto prvky pomáhajú spoločnosti Google pochopiť vašu stránku a zistiť, či je responzívna alebo nie. .
Responzívny dizajn
Stránky CSS3 používajú responzívnu funkciu na zobrazovanie obsahu na mobilných aj stolových počítačoch. Responzívne deizajny poskytujú rôzne mediálne vyhľadávania, takže používatelia na obrazovkách mobilných zariadení a tabletov môžu zobraziť stránku tak, ako bola zamýšľaná. .
Návrh a štýl internetových stránok pre mobilné zariadenia
Zdá sa, že technológia mobilných telefónov zjednodušuje a revolučne mení skutočné techniky tvorby webových stránok, a tieto myšlienky ako "above the fold" už nemajú žiadny význam. Stránky by mali mať flexibilný dizajn, ktorý využíva mediálne dotazy, a responz ívny dizajn, ktorý sa prispôsobuje obrazovkám používateľov. Napríklad: CSS umožňuje prehliadačom zobrazovať obsah na obrazovke so šírkou 420 alebo menej pixelov.
@media screen and (max-width: 420px) { .class { [styles class here] } }
Ak chcete do tohto kódu alebo súboru štýlov pridať ďalšie smernice, postupujte podľa nižšie uvedeného kódu:
<link href="mobile.css" type="text/css" media="screen and (max-device-width: 480px)" rel="stylesheet"/>
Nepoužívajte Flash
Zásuvný modul nemusí byť dostupný v telefónoch všetkých používateľov, takže by ste mohli navrhnúť informácie, ktoré by sa im neušli. Ak chcete vytvoriť špeciálne vedľajšie efekty, použite namiesto toho HTML5.
Často sa vyhýbajte vyskakovacím oknám
Pokúsiť sa odstrániť tieto priestory z menšej prenosnej jednotky by mohlo byť náročné a zdĺhavé. To by mohlo vyvolať vysokú mieru odskočenia.
Vzor pre prebytočnú tukovú ruku
Navigácia na dotykovej obrazovke môže spôsobiť náhodné kliknutia myšou, ak sú tlačidlá príliš veľké, príliš malé alebo sa nachádzajú v dráhe posúvanej stránky.
Optimalizované názvy a meta popisy
Nezabúdajte, že pri každom vyhľadávaní pomocou mobilného zariadenia využívate oveľa menej miesta na obrazovke. Ak chcete v SERP ukázať svoju najlepšiu prácu, buďte pri vymýšľaní názvov, webových adries a meta popisov čo najstručnejší (bez toho, aby ste znížili kvalitu informácií).
Využívanie údajov Schema.org
Vďaka obmedzenému zobrazovaciemu priestoru bude každý výsledok vyhľadávania s bohatými výňatkami takmer určite viditeľnejší aj v porovnaní s počítačom.
Optimalizácia nástrojov miestneho vyhľadávania
Ak má vaša organizácia lokálny faktor, uistite sa, že ste optimalizovali svoje aktuálne mobilné informácie tak, aby zahŕňali možnosti vyhľadávania v lokálnom vyhľadávaní. Budete musieť štandardizovať svoju adresu a názov a uistiť sa, že obsahuje mesto a štát.
Výstavba buniek
Jedným zo základných rozhodnutí, ktoré je potrebné urobiť pri spustení webovej stránky optimalizovanej pre mobilné zariadenia, je výber typu konfigurácie. Obe možnosti majú svoje výhody aj nevýhody. Responzívne navrhnuté webové stránky pracujú s mediálnymi dotazmi CSS3, aby ponúkli rovnaký alebo podobný obsah koncovým používateľom mobilných telefónov aj počítačov.
Samostatná mobilná adresa URL
Vytvorenie samostatnej mobilnej stránky ako alternatívy k optimalizácii stránky pre počítače pre mobilných divákov. Vybudovanie tejto dodatočnej stránky umožní spoločnosti vytvoriť samostatné a úplne odlišné prostredie pre mobilných používateľov. Mobilné stránky majú tiež subdoménu označenú písmenom "m" v adrese URL. Paralelné lokality by mali obmedziť časť zmätku spôsobeného existenciou viacerých platforiem, ale návštevníci sa stále môžu ocitnúť na nesprávnom mieste.
Aktívna ponuka
Ak nemáte konkrétne zdroje na úplnú aktualizáciu internetovej stránky, ale chceli by ste zobraziť samostatné stránky pre mobilných používateľov a používateľov stolných počítačov, potom vyberte adresu URL, ktorá zobrazí rôzne modely HTML a CSS podľa typu jednotky, ktorú hosť používa (označované aj ako odhaľovanie používateľských agentov).
Čo tak využiť žiadosť?
Vývoj aplikácie pre telefón je dobrým spôsobom, ako ju prispôsobiť mobilným hosťom. Aj napriek tomu sa môže medzititulková webová stránka použiť ako upozornenie pre mobilných používateľov. Môže fungovať aj ako blok na vyhľadávanie pavúkmi SERP.