V. Online megoldások, lehetőségek

V. Online megoldások, lehetőségek

Ebben a fejezetben főleg a manapság divatos és trendi keresőoptimalizálás, linképítés és mobilbarát tartalmak fontosságának témáját járjuk körbe.

V.1. Keresőoptimalizálás – SEO

A keresőoptimalizálás (angolul Search Engine Optimization, azaz SEO) a weboldalak keresőmotorokban való organikus megjelenésének javítási folyamata. Itt arra szükséges törekedni, hogy egy adott kifejezésre minél előrébb szerepeljen weboldalunk a normál, online keresési találatok között.

Emellet a fizetett hirdetések a Google PPC (Pay-Per-Click) kategóriába tartoznak. Itt azért kell fizetni, hogy adott kifejezésekre a saját tartalmak jelenjenek meg jó helyen a hirdetések között.

A két kategória együtt alkotja a Keresőmarketinget vagyis a SEM-et (Search Engine Marketing).

A keresőoptimalizálás esetében az organikus, tehát a nem fizetett keresési eredményekre szükséges fókuszálni.

Keresőmarketing (SEM)

Keresőoptimalizálás (SEO)

Ingyenes, hosszantartó, lassú lefolyású

Pay-Per-Click (PPC)

Fizetős, átmeneti, gyors lefolyású

Keresőmarketing két részre osztható, az ábra forrása: https://thepitch.hu/

V.1.1. A SEO alapjai

Azt, hogy weboldalunkat a Google a keresés során hányadik helyen hozza a találati listában, természetesen sok tényező befolyásolja. Ezek közül az alábbi három kategória számít a legfontosabbaknak:

1. Mennyire jól van felépítve technikailag az oldal? (technikai SEO)

2. Hány egyéb weboldal hivatkozik arra a honlapra,

illetve tartalomra, mint hiteles forrásra? (off-page SEO)

3. Mennyire van jól megírva adott kulcsszóra és témára a tartalom a weboldalon? (onpage, tartalmi SEO)

Ezeken kívül persze számos egyéb tényező szerepet játszik vagy játszhat a Google rangsorolásánál (pl. a domain életkora, a Google algoritmusa stb.), de ez a három kategória határozza meg alapvetően egy oldal helyét.

Technikai SEO Mennyire jól van felépítve technikailag az oldal?

On-page SEO

Mennyire van jól megírva adott kulcsszóra és témára a tartalom a weboldalon?

Off-page SEO

Hány egyéb weboldal hivatkozik arra a honlapra, illetve tartalomra, mint hiteles forrásra?

A keresőoptimalizálás három kategóriája, az ábra forrása: https://thepitch.hu/

V.1.2. A fő SEO elemek V.1.2.1. Technikai SEO

Vannak, akik a technikai SEO-t és az onpage SEO-t egy kategóriába szokták sorolni. Ez nem hiba, de ezeket sokkal szerencsésebb külön kezelni. Vagyis a technikai SEO az alap, arra kell felépíteni az on-page SEO-t,

és azt követően jön az off-page SEO. A tech SEO egy külön szakterület. Ha ellenőrizni akarjuk, hogy mennyire jó az oldalunk technikai felépítése, akkor használjuk a Google PageSpeed Insights szolgáltatását: https://developers.google.com/speed/ pagespeed/insights/

Ez az elemző oldal megmutatja, hogy:

� �

�

mennyire gyors mennyire jó a felhasználói élmény (UX) mennyire mobilbarát a honlap

Ma már alapkövetelmény, hogy egy oldal mobilbarát legyen, ez a SEO szempontjából se utolsó faktor. A mobilbarát weboldalakkal kapcsolatban egy későbbi fejezetben írunk bővebben.

V.1.2.2. On-Page (tartalmi) SEO

Az on-page SEO, a saját weboldalunk tartalmára és annak optimalizáltságára vonatkozik.

Egy

honlap

esetében

ezeknek

az

elemeknek

az

tökéletesítésére

kell

törekedni:

� elsődleges kulcsszó (primary keyword) � oldal címe (title) � weboldal URL-je � címsorok (H1, H2) � meta leírás (meta description) � képek címe (image title) � maga a tartalom (paragrafusok, bekezdések, szövegek)

V.1.2.3. Off-Page SEO

Az off-page SEO azokat a tevékenységeket és SEO faktorokat tartalmazza, amelyek az oldalunkon kívül történnek, de a mi oldalunkra vannak hatással. Ide tartoznak az alábbi elemek:

�

�

�

�

Mennyi link mutat a weboldalunkra? Ezek a linkek mennyire hiteles oldalakról jönnek? Milyen a hivatkozás szövege az adott linknél? Mennyire hatékony linképítés?

Általánosan elmondható, hogy minél több hiteles és releváns hivatkozásunk van más oldalaktól, annál jobb helyezést fogunk elérni a Google rangsorában.

Ha tehát van egy oldal, aminek egy linkje van egy gyenge weboldalról, és van egy másik, aminek tizenkét linkje van, akkor az utóbbi fog jobban szerepelni a találatok között.

A fenti elemeket egy audit keretében

érdemes

bizonyos

időközönként

leellenőrizni.

Magyarországon igaz, hogy sokszor már tartalmi keresőoptimalizálás és SEO elemzés segítségével a keresők első oldalára kerülhetünk.

V.2. Vállalkozásod megjelenése a Google Térképen

V.2.1 Local SEO: a helyi keresőoptimalizálás alapjai

A helyi keresőoptimalizálás egy rendkívül erős és hatékony online marketing megoldás, amelyet a hazai vállalkozások csak ritka esetben használnak ki. Pedig nem igényel nagy beavatkozást vagy erőforrást.

V.2.2. Miért fontos a SEO?

2014-ben egy amerikai kutatás szerint a cégek 55%-a tartja a SEO-t a leghatékonyabb forgalmat generáló online marketing eszköznek.

Egyéni vállalkozók, KKV-k számára különösen fontos a megfelelő csatorna kiválasztása, ugyanis náluk egyrészt nincs óriási költségvetés és másrészt kevés az erőforrás.

Ezért jól meg kell választani, hogy milyen csatornához nyúlnak hozzá. A SEO azért az egyik legnépszerűbb forgalomszerzési csatorna, mert nem rövid, hanem közép- és hosszú távon is jelentős forgalomforrást jelenthet. A kezdeti lépéseket meg kell fizetni ugyan, de ettől kezdve költséghatékony forrást jelent a cég számára.

Amikor keresünk valamit, akkor a legtöbb esetben valamilyen internetes keresőn keresztül tesszük.

Ezek közül itthon a Google az egyeduralkodó, a keresések több mint 90%-a ezen az online keresőportálon keresztül történik. Nem véletlen, hogy sok cég szeretne jól szerepelni a találati listában, amikor egy átlag felhasználó egy adott kifejezésre rákeres. Sokan viszont nem fognak bele egyáltalán a keresőoptimalizálásba, mert attól félnek, hogy a nagy márkákkal szemben nem tudnak egyáltalán labdába rúgni. Ezen (is) segít a hely alapú keresőoptimalizálás előtérbe kerülése, vagyis a local SEO. Ennek köszönhetően egy kis cég is hatékonyan igénybe tudja venni a keresőoptimalizálást.

Miért jó a local SEO? Mert ennek köszönhetően a találati lista egy országra, régióra vagy akár egy településre is szűkülhet.

Ha

például

Pécsen

vagyunk,

és

okostelefonon akarunk egy éttermet

keresni, akkor a pozíciónk alapján a

Google már csak pécsi vagy Pécs közeli

éttermeket

fog

javasolni.

Ha

egy

szolgáltatást akarunk igénybe venni,

akkor is a helyileg közelebbi cégeket

fogja előnyben részesíteni. Ez óriási

előrelépés a kis cégek számára, és

ebben a Google is partner. Évről évre

tökéletesíti az algoritmust, hogy a

releváns

helyi

találatok

előnyt

élvezzenek

a

globális

találatokhoz

képest.

De ahhoz, hogy a Google segíteni tudjon rajtunk, nekünk is, mint vállalkozónak lépéseket kell tennünk, hogy pozitívan befolyásoljuk a saját a helyi SEO-nkat.

V.2.3. Helyre szabott tartalmi keresőoptimalizálás

A mai napig igaz, hogy a tartalmi keresőoptimalizálás (on-page SEO) komoly szerepet játszik a keresők pozíciólistájának kialakításában. Ez ugyanúgy igaz a local SEO-ra is.

Itt ugyebár arra törekszünk, hogy valós, releváns és megbízható információval töltsük fel az oldalunkat. Ezt pedig a tartalomíráson keresztül tudjuk megtenni. Ez nem jelent mást, mint szövegírást, képek, videók, fájlok és design elemek elhelyezését a weboldalon. A cél itt az, hogy a lehető legjobban optimalizáljuk mindezt a keresők és a felhasználók számára. Azt azonban érdemes tudni, hogy a képekre írt szövegeket még mindig nem tudja (elég jól) azonosítani a Google algoritmusa, így ha tehetjük, szövegesen is jelenítsük meg egy-egy kép tartalmát.

A helyi keresőoptimalizálás fő tartalmi elemei:

�

Jelenjen meg a város / régió + a releváns kulcsszó a weboldal nevében (title tag)

�

�

�

�

Jelenjen meg a város / régió + a releváns kulcsszó a weboldal egy címsorában (H1 tag) Jelenjen meg a város / régió + a releváns kulcsszó a weboldal tartalmában (content) Jelenjen meg a város / régió + a releváns kulcsszó a képek magyarázó, alternatív szövegében (alt text) Legyen egy Google Maps térkép beágyazva a weboldalba, rajta megjelölve a cég pontos helyét

Ha maradunk az eredeti példánál, akkor hasonló szövegkombinációkban érdemes gondolkodni az „étterem” + „Pécs” kulcsszavakra:

� � � � �

XY étterem Pécs szívében Pécs egyik legrégebbi étterme XY Étterem (Pécs) XY Étterem – Pécs XY Étterem | Pécs

V.2.4. Név, Cím, Telefonszám (NCT)

Angolul a N.A.P. (Name, Address, Phone Number) kombináció magyarul NCT-re fordítható. Vagyis itt figyelnünk kell arra, hogy a weboldalon megjelenjen a cég:

� � �

neve címe telefonszáma

Nagyon fontos, hogy ezeket mindig ugyanabban a formátumban adjuk

meg mindenhol a weboldalon. Minden egyes aloldalon, és lehetőleg ezeket együtt szerepeltessük, ne pedig különkülön.

V.2.5. Google Cégem regisztráció

A Google My Business szolgáltatása magyarul Google Cégem néven érhető el itt:

https://www.google.com/intl/hu_hu/bu siness/

Ennek segítségével regisztrálhatjuk cégünket a Google adatbázisában. Az adatok megadása után a címünket hitelesíteni kell („verification”). Magyarországon jellemzően úgy működik az azonosítás, hogy a megadott címre a Google küld egy képeslapot az aktiválási kóddal. Ezt a kódot be kell írni a regisztrációs felületen, és onnantól kezdve válik élessé a regisztráció. Ez a képeslapküldési folyamat beletelhet pár napba, úgyhogy érdemes erre időt szánni.

Amire a regisztráció során érdemes figyelni:

�

Válasszunk

a

tevékenységünknek

megfelelő

kategóriát.

�

Ne csak egy fotót töltsünk fel.

Akár 8-10 kép feltöltésére is

lehetőséget ad a felület.

�

Ezek legyenek jó minőségűek és

jellemezzék

a

cégünket,

termékünket

vagy

szolgáltatásunkat.

�

Jó minőségű profilképet és

borítófotó(ka)t töltsünk fel.

�

Adjunk

meg

egy

hosszú,

részletes leírást cégünkről. Ezt

formázzuk, és tartalmazzon egy

hivatkozást a saját honlapunkra.

Sőt, az egyes szolgáltatásokra is

akár.

�

Adjunk

meg

egy

helyi,

körzetszámos

telefonszámot,

illetve mobilszámot is.

�

Ugyanazt a címet adjuk meg,

mint ami a weboldalunkon is

szerepel. Karakterre pontosan!

�

Adjuk meg a pontos

nyitvatartási időt.

�

Szerezzünk értékelést a

felhasználóinktól, vásárlóinktól.

Ezeknek az információknak a nagy része meg fog akkor is jelenni, ha valaki konkrétan a mi cégünkre, boltunkra, éttermünkre keres. Épp ezért fontos, hogyha valami változik, azt mindig frissítsük.

Ha például Pécsen a Korhely étterembe szeretnénk elmenni, akkor jobb oldalon található az étteremről sok hasznos információ:

� � � � � �

pontos cím, térképpel fénykép értékelés telefonszám nyitvatartási idő népszerű időszakok

V.2.6. Értékelések szerzése

Az értékeléseknek nagyon fontos szerepe van abban, hogy egy adott hely, weboldal hitelességét milyennek ítéli meg a Google. Amelyik helynek több pozitív visszajelzése van, azokat jellemzően előbbre fogja rangsorolni.

Emiatt fontos, hogy szerezzünk minél több pozitív visszajelzést oldalunk kapcsán. Akár Google-ön vagy Facebook-on keresztül.

Érdemes tehát ösztönözni az elégedett fogyasztókat, vásárlókat, hogy adjanak értékelést a cégünk oldalára. Az erre való felkérést meg lehet tenni egy hírlevélben is akár, és jutalmazni is lehet őket kitöltés után (extra desszert, kedvezmény a következő vásárlásnál stb.).

Hasznos lehet elsőként például csak azokat az ügyfeleket e-mailben értesíteni, akik már évek óta visszatérő vásárlók, vagy például legalább 3x vásároltak nálunk. Így ugyanis jobb értékeléseket fogunk átlagosan kapni, mert az elégedett ügyfelek magasabb pontokat szoktak adni egy-egy ilyen felkérésnél. Legelső lépésnek persze be lehet vonni a család segítségét is.

V.2.7. Linképítés és hivatkozások szerzése

A tartalmi keresőoptimalizálás mellett a linképítésnek és linkszerzésnek is fontos szerepe van a végső rangsor kialakításában. A local SEO esetében is szükség van linkekre más weboldalakról. Itt viszont sokkal inkább arra érdemes törekedni, hogy az adott fizikai környezetben tevékenykedő, helyi cégek, weboldalak hivatkozzanak ránk.

Ha tehát egy pécsi éttermet vezetünk, akkor a pécsi cégek, hír- és weboldalak hivatkozzanak ránk. Ugyanez igaz a cégadatbázisokra is.

Itt figyeljünk arra, hogy ahol lehet a név, cím, telefonszám (NCT) hármas helyesen és pontosan szerepeljen mindenhol. Amennyiben nem így van, vegyük a fáradtságot, és próbáljuk korrigálni.

Jó tudni, hogy abban az esetben, hogyha az NCT helyesen szerepel egy másik weboldalon, akkor még a mi oldalunkra mutató hivatkozásra sincs szükség a kapcsolat azonosításához.

Itt van néhány egyszerű tipp, amit minden cég meg tud csinálni, hogyha hivatkozásokat akar szerezni:

�

�

Ha megjelenik rólunk egy cikk a helyi online sajtóban, akkor gondoskodjunk róla, hogy a cég adatai, weboldala szerepeljenek a cikkben. Ellenőrizzük, hogy szerepelünke különböző cégadatbázisokban, cég- és telefonkönyv tudakozóban. Ha itt elavult, régi információ található róluk, akkor azt mindenképp frissítsük. (Azt viszont nem javasoljuk senkinek, hogy fizessen egy ilyen cégadatbázisba való bekerülésért. Az ilyen oldalakat érdemes kerülni.)

Ilyen linkeket úgy is szerezhetünk, ha:

�

indulunk helyi versenyeken

�

PR cikk jelenik meg rólunk

�

online álláshirdetéseket adunk

fel

�

ösztöndíjprogramot hirdetünk

�

interjú készül a cég vezetőjével,

tulajdonosával,

egyik

alkalmazottjával

�

előadást

tartunk

a

helyi

középiskolában,

főiskolán,

egyetemen

�

megnézzük,

hogy

a

versenytársak hol szerepelnek,

és

megpróbálunk

mi

is

be/felkerülni oda

�

Ha vannak üzleti partnereink és beszállítóink, akkor kérjük meg őket, hogy helyezzék el a cégünk információját a weboldalukon.

A lehetőségek tárháza szinte végtelen. Arra kell törekedni, hogy folyamatosan pozitív impulzusokkal próbáljunk meg megjelenni, ez ugyanis jótékony hatással lesz a helyezésünkre egy-egy általunk választott kifejezésre.

V.3. LinképítésV.3.1. Mit jelent a linképítés?

Az off-page, vagy más néven off-site keresőoptimalizálás azokat a tevékenységeket és SEO faktorokat tartalmazza, amelyek az oldalunkon kívül történnek. Ebbe a kategóriába tartozik a linképítés is, amikor egy adott weboldalra minél több és erősebb külső linket próbálunk meg szerezni.

Link jelentése: más oldalra juttató összeköttetés, kommunikációs kapcsolat.

Anchor szöveg, vagy anchor jelentése: horgonyszöveg. Az a szövegrész, amire a link el van helyezve a szövegben.

Ezeknek a linkeknek az a fő célja, hogy forgalmat tereljenek az oldalra és hitelességet kölcsönözzenek a saját weboldalunknak.

Ennek köszönhetően több látogató érkezik majd az weboldalunkra, mind a hivatkozási forrásnak, mind az organikus forrásnak köszönhetően, mert javul majd a helyezésünk a Google találatai között bizonyos kifejezésekre.

V.3.2. Linképítés kezdőknek

Linkek nélkül nehéz jó helyezést elérni a Google találati listján. Ha az oldalunkra sok, hiteles és természetes módon szerzett link mutat, akkor jó eséllyel fogunk a keresőben jól szerepelni.

Mit jelent az, hogy hiteles forrás?

� Az interneten létező weboldalakat úgy kell elképzelni, mint egy nagy pókháló. A csomópontok a weboldalak, a köztük lévő kapcsolatok pedig a hivatkozások (backlinkek).

� Aki a hálózat közepén van, annak van a legtöbb direkt és indirekt kapcsolata.

� Ha ezek a linkek jó minőségű (prémium) oldalaktól származnak, akkor az adott oldal hitelesebb lesz, mint a hálózat szélén álló oldal.

Mitől lesz egy oldal hiteles?

Attól, hogy az adott témában és egyébként önmagában is sok weboldal hivatkozik rá, mint hiteles forrásra.

Hasonló található az emberi és szakmai kapcsolatoknál is.

Amíg nem ismer el a szakma valakit, addig nem fognak szaktekintélyként hozzáállni a munkásságához. Amint viszont elkezdik olyanok elismerni a munkáját, akiket már elismertek más hiteles emberek, elkezd hitelessé válni az adott személy.

Ha egy közgazdászról egy Nobel-díjas

közgazdász

azt

mondja,

hogy

jó

szakember, akkor azt el fogjuk hinni. Ha

egy fiatal orvosról egy díjnyertes orvos

azt mondja, hogy jó szakember, akkor

azt szintúgy el fogjuk hinni.

Ugyanez

történik

a

weboldalak

esetében is.

Ha szerzünk egy linket a Forbestól vagy

a New York Timestól az nagyobb

elismerés, mintha egy most létrehozott

ingyenes

weboldalkészítővel

készült

oldalon linkelnek engem.

A célunk tehát az, hogy olyan oldalakról

szerezzük

hivatkozásokat

weboldalunkra,

amik

hitelesnek

számítanak. És lehetőleg minél többet.

V.4. Mobil SEO és a mobilbarát weboldal

Weboldaltervezéskor ma már elengedhetetlen, hogy egy honlap mobilbarát és a keresési találatok szempontjából is optimalizálva legyen. Mit is jelent ez?

A weboldal mind tartalmilag, mind

megjelenés szempontjából megfelelően

szükséges megírni. Magyarán az egyes

szöveges

tartalmakat,

beágyazott

képeket,

videókat,

animációkat

okostelefonos

nézethez

szükséges

igazítani,

elrendezni.

A

weboldal

betöltési sebességére és rendelkezésre

állási idejére is érdemes odafigyelni.

Ezen

tényezőket

szükséges

összhangban tartani a sikeres mobil

SEO-hoz.

A mobilbarát weboldalak szükségességét nagyon jól mutatja, hogy a comScore adatai alapján 2014- ben a mobil internet felhasználók száma meghaladta az asztali számítógépen netezők számát.

Kép forrása: https://thepitch.hu/

Az is elmondható, hogy az emberek fejében van egy kisebb zavar a mobilbarát weboldal kifejezés terén. Sokak fejében az él, hogy ha egy oldal nem reszponzív, akkor egyben nem is mobilbarát. Pedig ez nem igaz.

Habár a Google a reszponzív webdesignt ajánlja, és az esetek többségében megfelelő választás lehet, nem ez az egyedüli mobilbarát választás. Vannak más lehetőségek is.

„Minden reszponzív weboldal mobilbarát, de nem minden mobilbarát weboldal reszponzív.”

V.4.1. Mitől lesz mobilbarát egy weboldal?

Általánosságban véve egy weboldal akkor lesz mobilbarát, ha különböző (mobil)eszközökön a felhasználó számára fölösleges interakciók (kicsinyítés, nagyítás, elforgatás) nélkül is könnyen használható. Már a weboldal tervezése közben érdemes odafigyelni egy-két irányelvre, ami a későbbi továbbfejlesztést és a mobilra való optimalizálást egyaránt megkönnyíti.

Ez

jelentheti

a

termékünk,

szolgáltatásunk

értékesítését,

feliratkozást a hírlevelünkre vagy éppen

a tudásunk átadását. Fontos, hogy ezek

a

célok

pontosan

meg

legyenek

határozva és segítsük, vagy tereljük a

felhasználóinkat a célok elérése felé. Ha

ezt

nem

tesszük

meg,

emiatt

nehézkessé,

átláthatatlanná

válik

a

weboldal kezelése.

Például a termékértékesítés gombot

elrejtjük a felhasználó elől, akkor az

oldal

nem

lesz

sikeres,

a

felhasználóinkat

pedig

el

fogjuk

veszíteni.

2. Nyomonkövetés és folyamatos optimalizáció

Kép forrása: https://thepitch.hu/

1. Első a felhasználó, ne nehezítsük meg a dolgát

Az első, és talán legfontosabb, hogy próbáljuk megtervezni a látogatóink útvonalait a weboldalon belül és segítsük őket a kitűzött célok elérésében. Mindezt a legkevesebb interakció (kattintás, görgetés) igénybevételével. Ez egy win-win szituáció, hiszen ha a látogatók elérik céljukat az oldalon , akkor jó esetben a mi céljaink is teljesülnek.

Kövesd a látogatóid, bármerre is mennek a weboldalon belül. A gyűjtött adatok és tapasztalatok alapján pedig folyamatosan optimalizálj a folyamatokon, hogy a lehető legtöbb felhasználó elérje a célját. Ez egy folyamatos munka, melyet nem érdemes elhanyagolni.

A felhasználókat különböző eszközök segítségével tudod nyomon követni. Ennek leggyakrabban használt eszköze a Google Analytics.

Az Analytics esetében az egyes forgalmi források figyelembe vételével ki tudod elemezni, hogy mobil eszközről a felhasználók meddig jutnak el, hol morzsolódnak le, magyarán hol szükséges optimalizálni a felhasználói élményt (UX).

3. A weboldal legyen egységes minden eszközön

Ha különböző eszközökön (okostelefon, tablet, személyi számítógép) is megkönnyítjük a látogatóink interakcióit, akkor hálásak lesznek. Az optimális eredmény elérése érdekében célszerű már a weboldal elkészítése során figyelembe venni a felhasználói élményt (UX) és a használhatóságot meghatározó alapelveket is.

További fontos alapszabály, hogy a mobilról elérhető weboldal verzió esetében a menücímkék és funkciók elnevezésein ne változtass, a sorrendjüket azonban felcserélheted, amennyiben objektív adatokkal rendelkezel arról, hogy a mobilról internetező weboldal látogatók körében melyek a leggyakrabban használt menüpontok és a legnépszerűbb funkciók, ezzel is megkönnyítve a weboldal használatát.

A felhasználói élményt a weboldal használata során szerzett érzések, tapasztalatok, élmények összessége alkotja. A használhatóság fogalma pedig azt jelöli, hogy egy adott weboldal mennyire „felhasználóbarát” (mennyire könnyű a használata), milyen mértékben képesek a felhasználók egy-egy feladatot (például keresés) vagy folyamatot (például vásárlás) könnyedén és gyorsan végrehajtani rajta.

Felhasználói élmény és használhatóság

szempontjából kulcsfontosságú, hogy a

weboldal

minden

menüpontja

és

funkciója

elérhető

legyen

mobileszközről

is.

A

menüre

vonatkozóan általános érvényű szabály,

hogy

mobileszközökre

tervezett

weboldalak esetén vízszintes menü

helyett

ajánlott

inkább

függőleges

menüt alkalmazni, amelynek ikonját a

képernyő valamelyik (jobb vagy bal)

felső sarkában helyezz el.

V.4.2. Mobilbarát, de milyen technológiát válasszak?

Ahogy arról már szó volt, a mobilbarát weboldal nem attól lesz mobilbarát, hogy reszponzív. A mobilra optimalizálásra vannak más lehetőségeink is, de mégis milyenek?

� � �

Reszponzív design Dinamikus kiszolgálás Teljesen elkülönített oldalak

Nézzük is meg ezeket a tényezőket közelebbről.

V.4.2.1. Reszponzív design

A reszponzív design egy olyan technika, ami lehetővé teszi, hogy ugyanazt a HTML kódot és URL-t használjuk minden eszközön, és a képernyő méretétől függően rugalmasan jeleníti meg a tartalmat. A legnagyobb előnye, hogy elegendő egy weboldalt fejleszteni és karbantartani.

Reszponzív megjelenés előnyei:�

�

�

Egy URL minden eszközön, így egyszerűbb megosztani és a keresőrobotoknak is egyszerűbb indexálni és megtalálni az egyedi tartalmat Flexibilis, támogatja a landscape és a portrait orientációt is (mobil eszközök esetében a fekvő és az álló nézet) Nincs szükség eszközdetekcióra (milyen eszközről érkezett a látogató a weboldalra) és átirányításokra (az egyes verziók között), így a betöltődési idő és a weboldal teljesítménye is jobb

Reszponzív megjelenés hátrányai:�

�

A honlap tervezésénél és a fejlesztésnél körültekintőnek kell lenni Nagyméretű oldalak betöltődése probléma lehet a mobil eszközök esetében, ezért érdemes a kódmennyiséget minimalizálni és tömöríteni

V.4.2.2. Dinamikus kiszolgálás

A dinamikus kiszolgálás esetében a weboldal szervere érzékeli, hogy milyen eszközről próbáljuk megnyitni az oldalt és még az oldal betöltődése előtt kiválasztja az eszközhöz illő, egyedileg megtervezett oldalt.

Ennek előnye, hogy így egymástól függetlenül különböző oldalsablonokat tervezhetünk mobileszközökre, tabletekre vagy akár okostévékre is. Persze amennyiben erre van igény.

Dinamikus kiszolgálás előnyei:

�

Egy URL minden eszközön, így

egyszerűbb

megosztani

a

tartalmat

�

Teljesen

egyedi

felhasználói

élményt tud nyújtani, hiszen az

oldal elrendezése

�

Egyszerűbb

változtatni

egy

adott nézeten, hiszen a többi

verziót

nem

érintik

a

változtatások

�

Gyorsabb

betöltődést

és

végletekig

optimalizált

teljesítményt tesz lehetővé

Dinamikus kiszolgálás hátrányai:

�

Rendkívül

sok

munka

a

különböző verziók megtervezése

és

fejlesztése,

illetve

az

új

funkciók bevezetésénél is több

idővel kell számolni

�

Ronthatja

a

felhasználói

élményt, ha az egyes nézeten

nem érhetők el ugyan azok a

funkciók

�

Komplex

technikai

beállítások

szükségesek

a

megfelelő

működéshez

�

Drága a fenntartása és a

karbantartása

V.4.2.3. Teljesen elkülönített oldalak

Ebben az esetben külön weboldalt tartunk fenn az asztali (desktop) nézetnek és a mobileszközöknek. Ezt megtehetjük a külön aldomainnel (m.domain.com), az elkülönített weboldalt elhelyezhetjük egy almappában (example.com/mobil) vagy akár külön domain nevet is vásárolhatunk hozzá (domain.mobile).

Dinamikus kiszolgálás előnyei:

� Egyedi felhasználói élményt nyújthat, hiszen lehetőségünk van külön felületet tervezni mind a mobil-, mind az asztali nézetet használók számára

� Egyszerűbb változtatni egy adott nézeten, hiszen a többi verziót nem érintik a változtatások

Dinamikus kiszolgálás hátrányai:

�

Több

URL-en

érhető

el

a

weboldal,

emiatt

nagyon

körültekintőnek kell lennünk az

átirányítások beállításánál

�

Az átirányítások miatt lassabb

lehet az oldal betöltődése

�

Az új fejlesztéseket mindkét

esetben

külön-külön

implementálni kell

�

Magasabb

a

költsége

a

fejlesztésnek

és

a

karbantartásnak

�

SEO szempontból bonyolultabb

az átirányítások és a jelölések

miatt

V.4.3. Mit tegyek, ha nem mobilbarát a weboldalam?

Hogyan tudod eldönteni, hogy mobilbarát-e jelenleg a weboldalad? Teszteld le a Google Mobilbarát teszt alkalmazásával, az alábbi linken:

https://search.google.com/test/mobile -friendly

Csak meg kell adnod a weboldalad URLjét, kattints az Teszt-URL gombra és máris látod, hogy az oldalad átmegye a teszten.

Ha az oldalad mobilbarát, akkor az elemzés zöld „Mobilbarát oldal” kiírással jelzi.

Ha jelenleg nem mobilbarát a weboldalad, vagy új weboldal készítése előtt állsz, akkor 3 lehetőség közül választhatsz:

1. A legegyszerűbb és egyben legolcsóbb megoldás a DIY (Do It Yourself, vagyis Csináld Magad). Vegyünk egy tartalomkezelő rendszert (CMS), majd töltsünk le egy tetszőleges mobilbarát oldalsablont (template, theme), vagy prémium sablonok esetében vegyük azt meg. Ezt követően kisebb-nagyobb kalandok átélése során te is létre tudsz hozni egy saját mobilbarát weboldalt

2.

Ha

egy

meglévő

weboldalt

szeretnél mobilbaráttá alakítani,

és

rendelkező

megfelelő

informatikai ismeretekkel, akkor

minden

bizonnyal

el

tudod

készíteni magadnak

3.

A

harmadik,

egyben

a

legkényelmesebb

és

a

közhiedelemmel

ellentétben,

nem biztos, hogy a legdrágább

megoldás, hogy felfogadsz egy

megfelelő

szaktudással,

tapasztalattal és referenciával

rendelkező

webfejlesztőt.

Ha

már meglévő, akár több éves

weboldalról

beszélünk,

akkor

valószínűleg

a

weboldal

újraépítését

fogja

javasolni,

ugyanis

rengeteg

olyan

technológia

érhető

már

el,

melyek

megkönnyítik

és

hatékonyabbá teszik a weboldal

újjáépítését,

ahelyett

hogy

minden apró hibát egyesével

próbáljunk befoltozni. Továbbá ez

a lépés javasolt akkor is, ha

Flash alapú, vagy már elavult

tartalomkezelő rendszerre épülő

weboldalad van.

V.4.4. Tippek, trükkök mobilbarát weboldalakhoz

A mobil SEO három témakörében (tartalom, elrendezés és sebesség) összegyűjtöttünk néhány tippettrükköt érdemes figyelembe venni.

V.4.4.1. Tartalom (Content)

A kevesebb néha több. Ne legyenek túlzsúfolt képernyőid, ne terheld túl a felhasználóid információkkal. Nem minden fog elférni mobil képernyőn az, ami az asztali nézeten elfér.

Figyelj a kulcsfontosságú funkciókra. Ne rejts el fontos funkciókat a mobilfelhasználóid elől sem, biztosítsd, hogy gyorsan elérjék azt amit szeretnének.

Ne használj Flasht. A mobilkészülékek nem játszanak le a flash alapú animációkat, videókat.

V.4.4.2. Elrendezés (Layout)

A gombok legyenek érintésbarátak. Egy dolog, hogy szépen jelenik meg valami. Egy másik, hogy meg lehet-e érinteni őket?

Figyelj a betűméretre. Használj megfelelő méretű, egyszerű, könnyen olvasható, letisztult betűtípust.

Kerüljük a mouse-over effektet. Míg számítógépen a kurzort egy gomb fölé tudjuk vinni, az ember ujja erre nem képes. Használjunk helyette gombokat, ahol a gomb megnyomására jelenik meg a plusz információ.

Ne használj pop-up-ot. Asztali nézetben is zavaróak, hát még mobil képernyőn.

Kerüld a horizontális scrollt. Figyelj oda, hogy a felhasználónak ne kelljen vízszintesen görgetnie.

V.4.4.3. Sebesség (Speed)

Túl sok HTTP request! Mivel a mobilfelhasználóknak általában korlátozott a mobilinternet hozzáférésük több szempontból is (lefedettség, sebesség és adatforgalom), ezért ne várd el tőlük hogy óriási fájlokat töltsenek le.

Optimalizáld a képeket! Ne tölts fel több megás képeket, fölöslegesen lassítja a betöltődést. Ezen kívül ha van rá lehetőség, az egyes képeknek legyen minden képernyőmérethez egy megfelelő, kicsinyített verziója.

Túl sok kód! A túl sok kód (főleg Javascript és CSS) lassíthatja az oldalt mobileszközökön. Érdemes a kódokat tömöríteni (minify).

V.5. Dél-Dunántúl régió tapasztalatai

A Vállalkozni érdemes! program III. kiadványában, Sikertörténtek alcímmel, öt sikeres fiatal vállalkozót kérdeztünk az online marketing adta lehetőségekről.

Ezen vállalkozók sikerrel pályáztak elődprogramokban és jelenleg is sikeresen működtetik vállalkozásukat öt különböző ágazatban.

A válaszaik alapján tisztában vannak a keresőoptimalizálás fogalmával, a Google Cégem és local SEO adta előnyökkel, illetve a mobilbarát honlap fontosságával (aki rendelkezik közölük saját honlappal) és bennük rejlő potenciállal. Ezen online marketing eszközök alkalmazása terén azonban már árnyalt a kép.

Az öt sikeres vállalkozásból háromnak van saját honlapja. A másik kettő a közösségi média segítségével oldja meg az információk közlését a digitális térben. A három honlapból a Google elemzése alapján kettő számít mobilbarátnak.

Az öt vállalkozásból három igyekszik kiaknázni a local SEO és a Google Cégem adta lehetőségeket. Ennek köszönhetően őket lehet is értékelni, melyekből kiderül, hogy átlagosan 4,8 csillagot kapnak az 5-ből (átlag 50 értékelés vállalkozásonként), ez igen jó eredménynek számít. A másik két vállalkozás jóhíre inkább szájról-szájra terjed, de ők is tervezik a fenti módszerek bevezetését.

Összességében

a

megkérdezett

vállalkozók

elmondása

alapján

érdeklődnek az online marketing adta

lehetőségek

iránt.

Van,

aki

több

tematikus

oldalt

követ

ezzel

kapcsolatban.