Ha valaki saját weboldal készítését töri a fejét, manapság már számtalan eszköz áll a rendelkezésére. A legnépszerűbb a WordPress alapú honlapok létrehozása, ami ugyan nem igényel pilótavizsgát, de azért némi szakértelem nem árt hozzá. A legegyszerűbb megoldást talán az úgynevezett bootstrap blokkokat alkalmazó szoftverek használata, amelyekben az oldalak felépítését pillanatok alatt összedobálhatjuk kész darabokból, amelyeknek csak a tartalmát (szöveg, képek stb.) kell cserélni, esetleg a színvilágot beállítani, s már generálható is a kész HTML kód, amelyet szinte bármilyen osztott tárhelyre felmásolva publikálhatunk. Ám ezek az oldalak, bár reszponzívak és ízlésesek lesznek, azért elég klisések. Ráadásul sokszor le kell mondanunk egy halom praktikus funkcióról, például a jelszóval védett aloldalakról, az AdSense és hasonló szolgáltatások integrálásáról, hatékony keresőoptimalizálásról stb. Mai tesztalanyunk valahol e két véglet között helyezkedik el: nagyjából olyan könnyen dolgozhatunk vele, mint egy hagyományos kiadványszerkesztővel vagy grafikus szoftverrel, de az oldalon alkalmazható technológiai megoldásokról sem kell lemondanunk. Mindent összerakhatunk offline, majd publikálhatunk online egy kattintással. Következzen egy lényegretörő Sitely Pro 5 teszt, amelyben megmutatjuk, mitől is lehet jó választás ez a maces program a weboldalak készítéséhez, s egészen pontosan milyen jellegű oldalaknál lehet előnyös.
Sitely Pro 5 teszt: webszerkesztő program generatív MI funkcióval kiegészítve
Egy Sitely Pro 5 teszt sem nélkülözheti, hogy belevegyük a program korábbi verzióiban debütált és továbbra is elérhető legfontosabb funkciókat. Még úgy sem, hogy amúgy a Sitely Pro 5 webszerkesztő program nem most szerepel nálunk először, anno részletesen bemutattuk a 4.0-ás verziót is (akkor még Sprakle néven futott a program, ahogy eredetileg a Sitely Pro 5 is Sparkle Pro 5 néven kezdte a pályafutását). Már akkor is elmondtuk, hogy bootstrap alapú weboldal építőkkel – Blocs, Mobirise stb. – ellentétben itt nem vagyunk a sablonok és blokkok korlátai közé zárva, hanem tökéletesen kihasználhatjuk a kreativitásunkat. Ha netán épp alkotói válságban vagyunk, akkor természetesen választhatunk kész sablonok közül, de ezeket is könnyen átdolgozhatjuk teljesen más formára.
A Sitely Pro 5 nem köti meg a kezünket: a képek, szövegblokkok, galériák, videók, térképek, űrlap elemek, menük és egyéb objektumok teljesen szabadon helyezhetők el a felületen. Ráadásul mindezt úgy, hogy közben könnyedén hozzáigazíthatjuk az adott elemeket a különféle eszközökön való megjelenéshez. Így a kész oldal tökéletesen illeszkedhet az asztali gépek képernyőihez éppúgy, mint a tabletek vagy okostelefonok kijelzőihez. Még arra is van lehetőség, hogy külön világos és sötét felületet hozzunk létre – akár teljesen automatikusan -, ez pedig manapság már komoly elvárás a weboldalaknál, hiszen maguk az operációs rendszerek és alkalmazások is képesek alkalmazkodni a nappali/éjjeli, vagy más megközelítésben a világos/sötét üzemmódokhoz. Egyszerűen annyi a dolgunk, hogy az Add Dark Color Theme menüpontra kattintva előcsalható ablakban a Derived from Light Colors gombra kattintunk, s ezzel le is tudtuk a sötét színséma létrehozását, amit aztán az exportálásnál hozzáadhatunk a végleges weboldalhoz, hogy az automatikusan alkalmazkodhasson a böngészőben az adott rendszer ezen beállításaihoz.
Az okostelefonokra is szánt oldalak készítésekor választhatunk, hogy mi magunk szeretnénk elrendezni a mobilra optimalizált változat elemeit, vagy automatikusan hozzon létre reszponzív verziót a webszerkesztő program. Mindkét megoldásnak megvan a maga előnye, de ha nem akarunk pepecselni egy egyedi mobil felülettel, akkor a Device gombra kattintva, majd a kívánt eszköztípusnál az Automatically Scaled opciót választva letehetjük ezt a terhet.
Már ebből is kitűnik, hogy a Sitely Pro 5 több, ma már egy honlapnál alapvetőnek tűnő (reszponzivitás, sötét mód stb.) funkció létrehozását képes teljesen automatizálni, a sablonokkal pedig jelentősen megkönnyítheti a kezdő lépéseket és a megismerkedést a weboldalak professzionális felépítésével. Utóbbira mondjuk a korábbi verzió is adott lehetőséget, ám a Sitely Pro 5 immár tovább megy: a kor szellemének megfelelően a generatív mesterséges intelligenciát (GenAI) is segítségül hívhatjuk leendő site-unk felépítésének megtervezésekor.
Egyszerűen körbe kell csak írnunk, hogy milyen témakörrel szeretnénk foglalkozni a készülő oldalon, s milyen elképzeléseink vannak ezzel kapcsolatban, a webszerkesztő program pedig kis gondolkodás után listába szedi a szerinte praktikusnak tűnő aloldal felbontást, majd el is készíti számunkra a listából kiválasztott alodalakat és a nyitó oldalt, olyannyira, hogy még ingyenes stock fotókat is letölt az adott témakörrel kapcsolatban, s a témához igazítja a látványvilágot, színeket, mintaszövegeket is.
Kis túlzással kulcsrakész weboldalt dob össze, de azért érdemes testreszabni és megírni rá a saját szövegeinket, lecserélni a fotókat, illetve az aloldalak közötti kapcsolatot és az interakciókat – például egy shop funkcióit – is nekünk kell megadni, igaz, ezt mindössze néhány kattintással megtehetjük. Sajnos a generatív MI funkció nem tud magyarul, de angolul, németül, franciául stb. gond nélkül tudathatjuk vele elképzeléseinket.
Régi és új modulok és funkciók
A Sitely Pro 5 számtalan, az oldalakon szabadon elhelyezhető modult kínál: a korábbi verzióban is rendelkezésünkre álló szövegdoboz, kép, képgaléria, térkép, hang és videó objektumok mellett, kapunk egy Image/Video Grid névre keresztelt rácsot, amelyben akár külső forrásból származó (például Youtube) videókat is elhelyezhetünk, látványos módon, lightbox funkcióval megspékelve.
Munkánk gyorsítása érdekében a képek beillesztésekor nem csak saját képanyagból dolgozhatunk, hanem pár kattintással, a programon belül érhetjük el a Pixabay, Unsplash és Pexels gyűjteményeket, s azokból is kereshetünk számunkra megfelelő, ingyenes fotókat.
A gombok, dobozok, és általában minden elem könnyedén testrszabható. Beállíthatók a színek, színátmenetek, kitöltési minták, a sarkok lekerekítése, az árnyék, az áttetszőség mértéke, szűrők alkalmazása (például az adott elem mögé csúszó többi objektum elmosása), blending effektek, illetve minden objektumnál alkalmazhatunk animációkat is, akár megjelenéskor lefutót, akár görgetés közben láthatót.
Ugyanígy az interaktivitás is könnyen hozzárendelhető a gombokhoz, képekhez és egyéb összetevőkhöz: oldalak közötti hivatkozások, lightbox nagyítás aktiválása, üzenet küldése, médiafájlok lejátszása, popup elemek megjelenítése stb. mind-mind villámgyorsan társítható ezekhez.
Bővült a navigációs és űrlap elemek kínálata is, a menükön és az alapvető űrlap hozzávalókon túl immár felugró vezérlőket és csúszkákat (Slider) is alkalmazhatunk az oldalon. De van lehetőség külső html kódok beépítésére (embed), vagy az oldalon belüli keresési funkció használatára és anchor elemek elhelyezésére is.
Természetesen minden megmaradt azon funkciók közül is, amelyek eleve kiemelték a Sitely-t a konkurensek közül, így például továbbra is támogatja az online fizetési funkciók használatát (PayPal, Stripe, Gumroad, Paddle stb.) és egyéb kész monetizációs funkciókat is könnyen beépíthetünk vele a weboldalunkba, kezdve az időpontfoglalástól (Calendly stb.), az asztalfoglaláson (Opentable stb.) át, egészen a könnyen konfigurálható AdSense hirdetési blokkokig. Ugyanilyen könnyen tudunk integrálni az oldalainkra szocmédia funkciókat is, például Facebook, X, vagy Instagram gombokat, az adott szolgáltatás különféle lehetőségeihez (lájk, megosztás stb.) igazítva azokat.
Nagyon jól használható a Layout block névre keresztelt különleges elem is, amelynek segítségével több objektumot foghatunk össze egyetlen területen és szükség esetén ezeket villámgyorsan, egyszerre mozgathatjuk, vagy változtathatjuk meg a sorrendjüket. Emellett az On Click eseményeknél is egyszerre tudunk hivatkozni az így összefogott összes objektumra, illetve a görgetésnél is könnyen játszhatunk velük, például rögzíthetjük őket a böngésző alsó részéhez, vagy átfedés-effektet hozhatunk létre az alkalmazásukkal.
Természetesen megmaradt az a lehetőség is, hogy a készülő oldalakról azonnali előnézetet kérjünk a Preview üzemmód bekapcsolásával. Ilyenkor a szerkesztőfelületen végzett módosítások azonnal látszanak minden olyan böngészőben, amelyben megnyitottuk a Preview megjelenítést. De arra is van lehetőség, hogy egy QR kód leolvasásával az azonos wifi hálózathoz csatlakozó okostelefonon vagy tableten is megjelenítsük a készülő oldal előnézetét.
Extrák
Összehasonlítva a konkurensekkel, a Sitely Pro 5 számos olyan előnyös tulajdonsággal dicsekedhet, amelyeket azokból kihagytak. Az egyik ilyen a SEO Assistant funkció, amely lépésről lépésre végigvezet minket a SEO szempontból fontos beállításokon (angolul). Így biztosan minden szempontból sikerül a végére olyan oldalt alkotnunk, amelyik illeszkedik a Google keresőoptimalizálással kapcsolatos elvárásaihoz, s ezzel jobb helyezést elérni a keresési találatok között. Ehhez hozzájárulhat még az is, hogy a Sitely Pro 5 a jQuery eltávolításának, az AVIF képtömörítésnek és a változó szélességű betűtípusok támogatásának köszönhetően villámgyors weboldalakat tud létrehozni, ami jól jöhet a Web Vitals megfelelőség eléréséhez. Az AVIF helyett egyébként a szintén előnyös WebP képformátumot is használhatjuk, a program automatikusan tudja generálni a JPG és egyéb képek WebP formátumú változatát, ami ugyancsak előny lehet sebesség és SEO szempontból (mára már minden modern böngésző támogatja).
A látogatottság méréséhez is különféle módszereket integrálhatunk oldalainkba, beleértve ebben a talán legnépszerűbbnek tekinthető Google Analytics 4-et is. Ennél és a különféle, adatvédelem szempontjából érintett elemeknél (AdSense hirdetések megjelenítése stb.) a program arra is figyel, hogy a GDPR előírásoknak megfelelően csak akkor aktiválódjanak ezek a szolgáltatások, ha a felhasználó ehhez beleegyezését adja a testreszabható privacy felületen, vagy a felugró süti- és adatvédelmi figyelmeztetésen. Sőt, a Google fontok használatakor a webszerkesztő program automatikusan mellékeli az oldalon felhasznált betűtípusokat a publikálásra használt szerveren, így kiküszöbölhetjük, hogy azokat a Google Fonts szervereiről kelljen letöltenie a böngészőnek, ami szintén GDPR problémákat vetne fel. Még visszatérve egy pillanatra a SEO optimalizáláshoz: a program támogat bizonyos structured data formátumokat is (cégadatok, helyi üzletek).
A bevezetőben említettük, hogy a bootstrap szerkesztők és más webszerkesztők használata esetén általában le kell mondanunk a jelszóval védhető tartalmakról. A Sitely Pro 5 esetében azonban erre is van megoldás. A program felületébe egy kényelmesen használható felhasználó-menedzsment felületet is integráltak, amelynek köszönhetően kioszthatunk egyedi felhasználónév-jelszó párosításokat és azokhoz gond nélkül hozzárendelhetünk jogosultságokat, hogy az adott felhasználó a bejelentkezés után milyen aloldalakat tekinthet meg, amelyek jogosultság nélkül elérhetetlenek lesznek a látogatóknak. Ilyenkor persze az egyszerű HTML helyett már PHP kódok is vegyülnek az oldalunkba, így ezek használatára képes szerverre lesz szükségünk a publikáláskor.
Nem csak felhasználókat, de felhasználói csoportokat is létrehozhatunk, ami egyszerűsítheti a jogosultságok kiosztását. A beléptetéshez szükséges űrlapot pedig bárhol elhelyezhetjük és kedvünk szerint formázhatjuk a weboldalunkon. Természetesen az automatizált regisztrációról ebben az esetben le kell mondanunk (ahhoz már inkább egy WordPress oldal létrehozása javasolt valamilyen jogosultságkezelővel kiegészítve), de ez így is jóval több, mint amire a legtöbb webszerkesztő alkalmazás lehetőséget ad. A jelszavak adatbázisát egyedi mester jelszóval védhetjük, és a projekt fájlok is jelszavazhatók, így a felhasználói adatokat biztonságban tudhatjuk a gépünkön is.
Végül további érdekesség, hogy akár blogot is létrehozhatunk a program segítségével. Ilyenkor a Sitely Pro 5 automatikusan tudja egy blog index oldalon vezetni a blogbejegyzések hivatkozásait, az egyes bejegyzések pedig önálló aloldalként készíthetők el. Azt azért túlzás állítani, hogy ez ugyanolyan kényelmes és könnyen menedzselhető megoldás lenne, mint egy WordPress oldal esetében, de ettől még a lehetőség adott. Ha csak alkalmanként írunk blogot, akkor ezt a programmal is megtehetjük.
Mikor válasszuk a Sitely-t?
Így a Sitely Pro 5 teszt végére nem maradt más, mint megfejteni, hogy egészen pontosan mikor érdemes ezt a programot választani a weboldalak létrehozásához. Mint az a fentiekből is kiderült, ha valaki kifejezetten blogot vagy online magazin szeretne létrehozni, arra nem feltétlenül ez a legjobb megoldás. Ha viszont statikus HTML oldalakra vágyunk, ami a legtöbb cégeket vagy egyéni vállalkozókat bemutató honlapnál bőven elegendő, akkor a Sitely Pro 5 tökéletes választás. Ugyanígy nagyon könnyen létrehozhatunk vele egyszerűbb webshopokat is, ha nem akarunk több tucat terméket eladni rajtuk. Néhány alkalmazás, e-book, vagy más digitális termék eladásához gond nélkül kreálhatunk vele lenyűgöző weboldalt. Oldalainkat gond nélkül optimalizálhatjuk vele a modern eszközökre és persze a lehető legjobb SEO elérésre is.
A felülete abszolút átlátható, az oldalakon használt objektumok minden részletét könnyedén testrszabhatjuk, s ugyanígy az oldal egészére vonatkozó beállítások is egy jól struktúrált interfészen konfigurálható. A kész anyag pedig akár közvetlenül a programból is publikálható a szerverre.
Mindent egybevetve a Sitely Pro 5 egy kiváló webszerkesztő program, generatív MI funkcióval kiegészítve. Utóbbi ugyan magyarul nem tud, de ettől még tökéletes eszköz lehet arra, hogy angolul körbeírva a készülő oldalt, meggyorsítsa az alapok létrehozását. Megvásárolni a készítők weboldalán tudjuk, de van belőle ingyenes próbaverzió is. A program macOS alatt használható, és natívan támogatja az Apple Silicon alapú Maceket is.
