Intro
A mobiloptimalizálás az a technika, amely biztosítja, hogy a mobiltelefonokról érkező látogatók egy, az eszközükre optimalizált weboldallal találkozzanak.
Az emberek évről évre egyre több napi órát szentelnek a mobiltelefon-használatnak. Sok webhelyet nem úgy fejlesztettek ki, hogy figyelembe vegyék a különböző képernyőméreteket és betöltési időket. A mobil SEO általában felülvizsgálja a weboldal elrendezését, a weboldal összetételét, a weboldalak betöltési sebességét, és igyekszik mindezeket kiegyenlíteni, hogy biztosítsa, hogy a mobil olvasókat nem kapcsolja ki a tervezéssel...
Top SEO taktikák: Mobil optimalizálás
Abban az esetben, ha a webhelye szépen optimalizált a keresőmotorok, mint a Yahoo, találhat még néhány elemet, amit szeretne gondolni, amikor optimalizálja a mobil...
Weboldal sebesség
A komponensek és az online csatlakozási nehézségek miatt az oldal sebessége az asztali felhasználókhoz képest még fontosabb a mobil ügyfelek számára. A fényképek optimalizálásán kívül a kód minifikálása, a webböngésző gyorsítótárazás kezelése, valamint az átirányítások számának csökkentése érdekében. .
Mobil alapú CSS, JavaScript vagy képek
Néhány évvel ezelőtt számos mobiltelefon nem támogatta az ilyen típusú alkatrészeket. Ezért a webtervezők blokkolták az egyes elemeket. Ez már nem igaz okostelefon technológia, mint a GoogleBot szeretné megtekinteni és részt tartalom kategorizálni azt hasonló formátumban, mint a felhasználók. Ezek az elemek segítenek a Google-nek megérteni a webhelyét, és azt, hogy az reszponzív-e vagy sem. .
Responsive Design
A CSS3 webhelyek a reszponzív funkciót használják a tartalom mobil és asztali számítógépek számára történő kiszolgálására. A reszponzív dizájnok különböző médiakereséseket adnak, így a mobil képernyőkön és táblagépeken lévő felhasználók úgy tekinthetik meg a webhelyet, ahogyan azt tervezték. .
Internetes oldal tervezése és stílusa mobilra
Úgy tűnik, hogy a mobiltelefonok technológiája egyszerre egyszerűsíti és forradalmasítja a tényleges technikákat, amelyekből a weboldalak készülnek, és ezek az elképzelések, mint például a "hajtás felett", már nem rendelkeznek jelentőséggel. A webhelyeknek rugalmas, médiakérdéseket használó kialakítással és a felhasználói képernyőkhöz alkalmazkodó, reszponzív kialakítással kell rendelkezniük. Például: A CSS lehetővé teszi a böngészők számára, hogy a tartalmat 420 vagy annál kisebb pixel széles képernyőn jelenítsék meg.
@media screen and (max-width: 420px) { .class { [styles class here] } }
Más irányelvek hozzáadásához ehhez a kódhoz vagy stíluslaphoz kövesse az alábbi kódot:
<link href="mobile.css" type="text/css" media="screen and (max-device-width: 480px)" rel="stylesheet"/>
Ne használjon Flash-t
A bővítmény nem biztos, hogy minden felhasználó telefonján elérhető, így olyan információkat tervezhet, amelyekről a felhasználók lemaradnak. A különleges mellékhatások fejlesztéséhez használjon inkább HTML5-öt.
Kerülje gyakran a felugró ablakokat
Nehéz és bosszantó lehet megpróbálni ezeket a helyeket egy kisebb hordozható egységből kiküszöbölni. Ez magas visszalépési arányt válthat ki.
Minta a felesleges zsíros kézhez
Az érintőképernyős navigáció véletlenszerű egérkattintásokat okozhat, ha a gombok túl nagyok, túl kicsik, vagy esetleg a görgetett oldal útvonalán belül vannak.
Optimalizált címek és Meta leírások
Ne felejtsük el, hogy sokkal kevesebb képernyőterületet használunk minden alkalommal, amikor valaki mobileszközzel keres. Ahhoz, hogy a legjobb munkáját mutassa be a SERP-kben, legyen a lehető legrövidebb (anélkül, hogy csökkentené az információ minőségét), amikor címeket, webcímeket és meta leírásokat talál ki.
Schema.org adatok felhasználása
A korlátozott megjelenítési terület miatt a gazdag snippetekkel ellátott keresési eredmények szinte biztosan jobban feltűnnek, mint egy asztali gépen.
Optimalizálja a helyi keresőeszközöket
Ha a szervezet rendelkezik helyi tényezővel, győződjön meg róla, hogy optimalizálja jelenlegi mobil információit, hogy azok tartalmazzák a helyi keresési keresési lehetőségeket. Egységesítenie kell címét és nevét, hogy biztosítsa a város és az állam feltüntetését.
Cellahely építése
A mobilra optimalizált weboldal indításakor az egyik alapvető döntés a konfiguráció típusának kiválasztása. Mindkét lehetőség rendelkezik előnyökkel és hátrányokkal. A reszponzívan tervezett weboldalak CSS3 médiakérdésekkel dolgoznak, hogy ugyanazt vagy hasonló tartalmat kínáljanak a mobiltelefonos és az asztali végfelhasználóknak egyaránt.
Külön mobil URL
Önálló mobil webhely építése az asztali webhely mobil nézők számára történő optimalizálásának alternatívájaként. Ennek a kiegészítő webhelynek a megépítése lehetővé teszi a vállalat számára, hogy különálló és teljesen más élményt nyújtson a mobilfelhasználók számára. A mobiloldalaknak is van egy aldomainje, amelyet az URL-ben szereplő "m" betű jelöl. A párhuzamos oldalaknak csökkenteniük kell a több platformmal járó zavart, de a látogatók még így is rossz helyre kerülhetnek.
Aktív ajánlat
Ha nincsenek meg az adott erőforrások egy teljes internetes oldal frissítéséhez, de szeretne külön oldalakat mutatni a mobil- és asztali felhasználóknak, akkor válasszon egy URL-t, amely a HTML és a CSS különböző modelljeit mutatja a vendég által használt készülék típusa szerint (más néven felhasználói ügynökök feltárása).
Mit szólna egy kérés felhasználásához?
Egy telefonos alkalmazás kifejlesztése jó módja annak, hogy ezt a mobil vendégek számára testre szabja. Még így is használható a köztes weboldal a mobilfelhasználók számára figyelmeztetésként. A SERP-pókok megtalálására szolgáló blokkként is funkcionálhat.