• Tanuljon SEO-t

Mi a mobil optimalizálás

  • Felix Rose-Collins
  • 3 min read

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.

Felix Rose-Collins

Felix Rose-Collins

Co-founder

is the Co-founder of Ranktracker, With over 10 years SEO Experience. He's in charge of all content on the SEO Guide & Blog, you will also find him managing the support chat on the Ranktracker App.

Kezdje el használni a Ranktracker-t... Ingyen!

Tudja meg, hogy mi akadályozza a weboldalát a rangsorolásban.

Ingyenes fiók létrehozása

Vagy Jelentkezzen be a hitelesítő adatokkal

Different views of Ranktracker app