Joomla és Wordpress weboldalak készítése és keresőoptimalizálása

Értékelés:
(0 szavazat)

Ha jó a honlapod, annak éves szinten több ezer, akár több tízezer látogatója lehet. Ezeknek a látogatóknak nagy része az első benyomás alapján dönti el, hogy alaposabban megnézze-e a honlapod, vagy otthagyja azt érdekesebb elfoglaltság után nézve.

Az általam karbantartott kb. 75 céges honlap statisztikái azt mutatják, hogy ezeken a weboldalakon a látogatók 50 százaléka 5 másodpercnél rövidebb időt tölt el, vagyis azonnal elhagyja azt, ha úgy véli nem azt találta amit keresett. Ez évi 10000 látogatónál 5000 látogató elvesztését jelentheti.

Értékelés:
(0 szavazat)

Ha nem tetszik elsőre az a honlap design amit javaslunk, megbeszéljük az elképzeléseidet, hogy megállapítsuk, miben szeretnél mást. A módosítások költsége benne van a honlap design árában.

A honlap design elkészítése előtt általában gondosan egyeztetünk, hogy milyen elképzeléseid vannak a weboldalad megjelenéséről. Megadhatod, hogy milyen grafikai elemek jelenjenek meg a honlapodon (cégembléma, logók, feliratok, jelmondat, stb.). Megbeszélhetjük, hogy mi az elképzelésed a honlapon alkalmazott betűtípusokról.

Értékelés:
(0 szavazat)

Ha jó a honlapod, annak éves szinten több ezer, akár több tízezer látogatója lehet. Ezeknek a látogatóknak nagy része az első benyomás alapján dönti el, hogy alaposabban megnézze-e a honlapod, vagy otthagyja azt érdekesebb elfoglaltság után nézve.

Az általam karbantartott kb. 75 céges honlap statisztikái azt mutatják, hogy ezeken a weboldalakon a látogatók 50 százaléka 5 másodpercnél rövidebb időt tölt el, vagyis azonnal elhagyja azt, ha úgy véli nem azt találta amit keresett. Ez évi 10000 látogatónál 5000 látogató elvesztését jelentheti.

Tapasztalataim alapján a 3 legfontosabb tényező, ami „megfoghatja” a látogatókat, és így azok nagyobb arányban vásárolnak, vagy veszik fel a kapcsolatot a céggel:

1. Jól kialakított web dizájn

A webdizájntól a legtöbb cégvezető azt várja el, hogy látványos, hatásos, figyelemfelkeltő legyen. Az én tapasztalataim szerint a dizájn akkor jó, ha észrevehetetlen, és biztosítja a tartalom (képek és szöveg) megfelelő megjelenését. Egyre fontosabb a reszponzív webdesign, vagyis a mobil kompatibilitás, tehát az, hogy a honlap mobil telefonon, táblagépeken, laptopokon és asztali PC-ken egyaránt élvezhető és kezelhető legyen.

2. Érdekes tartalom

Az érdekes tartalomhoz tartozik a hatásos cím és a jó képi anyag. A hatásos cím feladata, hogy megragadja a látogató figyelmét (erről itt olvashatsz bővebben). A honlap tetején található kép szerepe ugyanez: megragadja a figyelmet, ott tartja a látogatót.

3. Megfelelő menü kialakítás

A honlap kezelhetőségének fontos része a menü, amelynél lényeges, hogy jól olvasható, feltűnő, átlátható és informatív legyen.

Ha szeretnél néhány példát látni működő honlapokra, nézz körül weboldal referenciáim között.

Mi van ha nem tetszik a honlapom designja amit csinálsz?

Ha nem tetszik elsőre az a honlap design amit javaslok, megbeszéljük az elképzeléseidet, hogy megállapítsuk, miben szeretnél mást. A módosítások költsége benne van a honlap design árában.

A honlap design elkészítése előtt általában gondosan egyeztetünk, hogy milyen elképzeléseid vannak a weboldalad megjelenéséről. Megadhatod, hogy milyen grafikai elemek jelenjenek meg a honlapodon (cégembléma, logók, feliratok, jelmondat, stb.). Megbeszélhetjük, hogy mi az elképzelésed a honlapon alkalmazott betűtípusokról.

Átnézheted az általam korábban készült honlap designokat is, és ha megmondod, hogy azok közül melyik tetszik a legjobban, készülhet ahhoz hasonló sablon.

Sok olyan ügyfelem van, aki megmutatja, hogy milyen honlap design tetszik neki, és azt szeretné, ha ahhoz „hasonló” készülne neki. Ilyenkor előre elmondom, hogy milyen változtatásokat tartanék szerencsésnek, illetve az ügyfél is elmondhatja, hogy miben szeretne esetleg mást.

A honlapokon van azonban 3 dolog, amiben nem érdemes eltérni a bevált beállításoktól.

1. A fejléc mérete

A legtöbb cégvezető viszonylag magas fejlécet képzel el a honlapjához. Ez nem szerencsés, mert a hasznos tartalom (szöveg, képek, stb.) elől veszi el a helyet, és egyes laptopokon a képernyő nagy részét lefoglalja. Az ideális fejléc „lapos”, és tartalmazza a céged elérhetőségét, címét is ha szükséges.

2. A betűk mérete

A betűk méretét úgy állítom be a honlap designon belül, hogy azok jól olvashatók legyenek bármilyen eszközön (mobil telefon, asztali PC, laptop, tablet, stb.). Ezektől eltérni nem érdemes.

3. A menüsávok elhelyezése

A honlapon a menüsávok elhelyezése a navigációt, tájékozódást szolgálja. A megszokott elhelyezésektől való eltérés azt eredményezi, hogy a látogatók nem találják meg a menüpontokat, ezzel romlik a honlap hatékonysága.

A cél bármilyen weboldal esetén az, hogy olyan honlap design készüljön, ami megfelel az üzleti céljaidnak, a látogatóidnak és persze neked is.

Reszponzív weboldal készítés

Nézted már a saját weboldalad mobil telefonnal?

Próbáltad olvasni a szövegeket? Próbáltad kezelni a menüt?

Ha nem akkor itt az idő, hogy megnézd!

A magyar lakosság több mint 50%-a ma már okostelefononkat használ, amelyek alkalmasak internetezésre. És használják is ezeket!

Ha a honlapod csak asztali gépekre és laptopokra optimalizálta a fejlesztő, akkor az okos telefonokon sokszor használhatatlan, vagy legalábbis élvezhetetlen.

Ha a látogatód teljes szélességében nézi a weboldalad, akkor nem tudja elolvasni a szöveget, mert túl kicsik a betűk. Ha viszont akkorára nagyítja az oldalad, amit már a mobilján is el tud olvasni, akkor a szövegnek csak egy részét látja. Így bár bejön a látogató a weboldaladra, de mivel nehezen tudja kezelni, ezért otthagyja. A Google kutatásai azt mutatják, hogy a „mobil” látogatók akár több mint 70%-a otthagyja azokat a honlapokat, amelyek nem „mobil kompatibilisek”, vagyis nem jól olvashatók telefonon.

A megoldást a mobilokon és asztali PC-ken egyaránt használható honlap jelenti.

Az okos telefonokon és asztali számítógépeken egyaránt élvezhető, olvasható és kezelhető oldalakat reszponzívnak (alkalmazkodónak) nevezik.

Miért fontos a reszponzív webdesign?

A mobil látogatók aránya az elmúlt években többszörösére nőtt, és ez a trend az elkövetkezendő években folytatódni fog!

2017 nyarán átlagban a magyar honlapok látogatóinak közel 40 százaléka már okos telefont használ böngészésre. A „mobil látogatók” 60 százaléka Androidos telefont használ, 30 százalék iPhone-t, a maradékon osztozik a Windows, a Blackberry, Symbion stb.

Ne feledkezz meg arról se, hogy az iPhone vagy Android mobilt használók a fizetőképes vásárlók kategóriájába esnek, tehát nagyobb valószínűséggel lesznek a vásárlóid, ügyfeleid! Hagynád pont őket otthagyni a weboldalad?

Nem minden mobil kompatibilis, amit annak hívnak!

Sok fejlesztő cég kínál reszponzív vagyis mobil kompatibilis Joomla webdizájnt. A gyakorlatban azonban sokszor még a fizetős változatokról is kiderül, hogy a kompatibilitás nem 100%-os. Van, hogy a képek lógnak ki a kijelzőről, van, hogy a menü kezelhetetlen.

Mivel egyre több partnerem kéri honlapjának mobil kompatibilissé tételét, ezért az elmúlt hónapokban kidolgoztam egy olyan megoldást, amely a lehető legtöbb „mobil szempontot” figyelembe veszi.

A mobil kompatibilitáshoz a honlap szoftverét frissítem, és a korábbihoz hasonló, de mobil kompatibilis webdizájnt készítek.

Miből áll a teljes mobil kompatibilitás?

  1. 1. Ha weboldalt mobil telefonról nézik, az automatikusan lecsökkenti a honlap szélességét, hogy a szöveg ne lógjon ki a képernyőről. (Nagyobb fotóhoz kattints a fenti képre)
  1. 2. A felső menü pontjai mobilon automatikusan egymás alá kerülnek, így a látogatók mobilon ki tudják választani a kívánt menüpontokat. (Nagyításhoz kattints a fenti mobilra)
  2. 3. A bal és jobb oldali menüsávban lévő képek és szövegek a cikkek mellől a cikkek elé és mögé kerülnek, jól olvasható marad a tartalom. (Lásd az előző két képet)
  1. 4. A szoftver a képeket automatikusan átméretezi, hogy azok a lehető legjobban töltsék ki a telefon képernyőjét.
  2. 5. Lehetőség van rá, hogy a telefonszámokra kattintva okostelefonról azonnal hívhassanak Téged, ne kelljen begépelni a számot. (Próbáld ki a lehetőséget itt a cikk végén!)
  3. 6. A honlapokon használt képgalériák is mobil kompatibilissá tehetők, mobilon is használhatók, ugyanúgy képesek a képek nagyítására, nézegetésére.
  4. 7. Minden mobil típussal (Apple, Samsung, Sony, Nokia, stb.), minden mobil operációs rendszerrel (iOS, Android, Windows Phone) és minden böngészővel (Safari, Chrome, Delphin, stb.) kompatibilis.
  1. 8. Még a weboldalba ágyazott videók is jól lejátszhatók.

 

  1. 9. A regisztráció, hírlevél feliratkozás, ajánlat kérési formok is kitölthető mobilon.

A fenti átalakításokhoz a Joomla szoftver legújabb változatára való frissítésre, és a webdizájn mobil kompatibilis átalakítására van szükség. Pontos árajánlatot előzetes megbeszélés után tudok adni.

 

Ha már megvan a weboldaladhoz a online piackutatás, a tárhelye, és elkészültek az első menüpontok szövegei, akkor érdemes elkezdeni azon gondolkozni, hogyan nézzen ki, vagyis milyen legyen a webdizájn.

A webdesign a honlapod „ruhája”, ez határozza meg, hogyan jelenik meg a látogatóidnak.

A webdesign magába foglalja a honlapodon alkalmazott színeket, betűtípusokat, grafikákat, fotókat és ezek arányait.

A webdizájn biztosítja, hogy a honlapod minden böngésző programmakl (Firefox, Chrome, Safari, Opera, Internet Explorer stb.) megfelelő formában jelenjen meg a látogatóknak.

A webdizájn fontos feladata az is, hogy bármilyen eszközön (monitoron, laptopon, tableten, mobiltelefonodon, stb.) jól láthatóan, böngészhetően jelenjen meg a honlapod a látogatóknak. Kattints ide, ha bővebben szeretnél olvasni a reszponzív, vagyis mobil kompatibilis webdizájnról.

Az általam használt Joomla weboldal szoftverekhez háromféle webdesign megoldásból választhatsz:

  1. 1. Ingyen letölthető webdizájn sablonok

Ez a legolcsóbb megoldás. Az ingyenes webdizájn sablonok között is találhatsz ízléses kivitelűt, de fennáll a veszélye annak, hogy több száz más honlapon is alkalmazzák az általad választott „ruhát”. Az ingyenes sablonok esetén ugyanis a testre szabást legfeljebb az jelenti, hogy a fejlécben elhelyezheted a saját céged emblémáját.

  1. 2. Választhat fizetős, előre készített webdizájn sablonokból

A legnépszerűbb tartalomkezelő rendszerekhez (Joomla, Wordpress, Drupal stb.) számos cég gyárt fizetős sablonokat. Ezek ára 30–100 dollár között változik, és vannak közöttük kimondottan tetszetősek is. Ha egy ügyfelem ilyen sablont akar használni, általában az szokott lenni a gond a közös munkánál, hogy a megrendelő a dizájnhoz automatikusan hozzászámolja a demóban lévő képeket is. A legtöbb cégnek azonban nincsenek olyan minőségű fotói, amit ezekbe a demókba pixelre pontosan kiszámolva beillesztenek.

További nehézséget jelent, hogy ezeknél a sablonoknál számos kiegészítő programra is szükség van a végleges megjelenéshez. Így a sablon telepítésénél annyi munkám van, hogy több munkadíjat kell kifizetned a beállításra, mint amennyi sablon ára. Ez pedig már nem mondható előnyös vételnek egy sablonmegoldásért.

  1. 3. Egyéni, a Te igényeidre szabott webdizájn

Ebben az esetben a webdizájn magában foglalja a honlapod grafikai megtervezésétől a gyakorlati kivitelezésig terjedő teljes folyamatot. Mondhatnék a webdizájnról olyan hasznos, de semmitmondó tanácsokat, hogy „legyen ízléses”, „legyen használható”, „legyen egyéni” stb. A gyakorlatban azonban az számít, hogy a webdizájn:

  1. 1. támogassa az oldaladon lévő tartalmak elérhetőségét és olvashatóságát,
    2. ne rettentse el az ügyfeleit harsogó színekkel, vad formákkal, és
    3. a weboldalad a látogatóidnak készüljön, és ne neked.

Ez utóbbiról szoktak sokan elfeledkezni. A webdizájnernek nem csak a Te elképzeléseit kell ismerni, hanem azt, hogy kinek készül a weboldal.

A webdesignnal kapcsolatban van még egy fontos irányelv: minél egyszerűbb legyen. Nézd meg a Google, az Amazon, az Ebay vagy a Facebook webdesignját.

Vagy hazai példáknál maradva az Index, az Origó vagy a Teszvesz dizájnját. Egyszerűek, letisztultak. Ha levennéd róla az emblémát, a legtöbbet meg sem ismernéd.

A weboldal akkor jó, ha színessé a tartalomban lévő képektől válik. Ezért a legfontosabb alapszabály: a webdizájn alapja legyen egy olyan szín, amin kellemesen olvashatók a betűk, és ezt egészítse ki egy, legfeljebb két szín.

Van persze néhány alapelv, amit számon kérhetsz a dizájneren

1. A honlap legyen mobil kompatibilis

Erről korábban már volt szó. 2015-ben az internetezők 25%-a már mobil telefonnal és táblagéppel nézi a honlapod. Közben pedig széles körben elterjedtek a HD monitorok is, amelyek 1920 pixel szélességűek, míg ha valaki mobiltelefonon nézi az oldalad, azon lehet, hogy csak 320 pixel fér ki

2. A honlap fejléce legyen minél alacsonyabb

Minden honlaptulajdonos azt szeretné, ha valami szép nagy fotó vagy grafika díszelegne a weboldal tetején. A böngésző ablakában azonban a legjobb esetben is kb. 600 képpont magas rész látszik a honlapból. Így ha a honlap fejléce magasabb 200–250 pixelnél, az érdemi információból a látogató semmit nem lát az oldal görgetése nélkül. Ez viszont azt eredményezi, hogy látogatóid inkább előbb, mint utóbb hagyják ott a weboldalát.

3. Elég nagy betűk a szövegben

Nem csak a nyugdíjasok és gyengénlátók miatt fontos a nagy betűméretek alkalmazása. Jó szemű emberek közül is sokan elfáradnak, ha kis betűvel íródott hosszú szöveget kell végigolvasniuk.

4. Jól átlátható menü

A menüpontok elhelyezésére vízszintesen a lap tetején és függőlegesen annak jobb vagy bal oldalán van lehetőség.

Korábban szinte kizárólag a bal oldali függőleges menük voltak uralkodók, napjainkban azonban szinte minden variáció előfordul.

Általában a cégvezető ízlése dönti el, hogy melyik elhelyezés kerül alkalmazásra a honlapon. Ami fontos: a menüpontok betűi a normál szövegnél nagyobb méretűek, kiemeltek, egymástól is jól elválóak legyenek. Sok látogató még így sem fogja észrevenni.

Ha egy weboldalon sok tartalom van, amik több témakörbe vannak rendezve, akkor szükség lehet legördülő vagy lenyíló menük alkalmazására is.