Manapság egy magára valamit is adó vállalkozás – vagy akár egy egyéni vállalkozó – nem engedheti meg magának, hogy ne legyen saját weboldala, lehetőleg minőségi kivitelben, saját domain címmel elérhető módon. Utóbbit még viszonylag könnyen meglépi bárki, hiszen egy osztott tárhelyet bérelni saját domain címmel nem különösebben nehéz jelenleg. Még az éves költségek is elviselhetők, ha nincsenek extra kívánságaink. Viszont egy jó minőségű, ízléses, informatív, és lehetőleg minden eszközön (asztali rendszerek, okostelefonok, tabletek) megfelelően megjelenő weboldal összerakását már nem feltétlenül rázza ki mindenkinek a kisujjából. Mert bár jól hangzik, hogy a WordPress ingyenes, bővíthető és jó esetben kódolás nélkül is megúszható a használata, azért nem mindenki számára kellően barátságos a működése. Ilyenkor jöhetnek jól az olyan webszerkesztő alkalmazások, amilyen a Sitely is. Ennek 6.1-es verzióját vesszük most górcső alá, hogy megmutassuk, milyen egyszerűen megoldható vele egy saját weboldal készítése, programozás nélkül.
Sitely 6.1 teszt: saját weboldal készítése, programozás nélkül
Ha valaki érdeklődik a téma iránt és visszatérő olvasónk, akkor biztosan nem most hall először a Sitely-ről. Anno még Sparkle néven kezdte a program, de az ötödik kiadásnál átkeresztelték, mi pedig éppen akkor írtunk róla. Azóta Sitely néven fut. De amúgy hívhatják bárhogy, mert nem az a lényeg, hanem az, hogy egy hihetetlenül sokoldalú webszerkesztő, amelyet a szerteágazó funkciók és a professzionális végeredmény ellenére rendkívül egyszerű használni. Aki használt már szövegszerkesztőt vagy prezentációs alkalmazást, gyorsan megbarátkozhat vele.
A Sitely egy offline telepíthető macOS alkalmazás, így tulajdonképpen nem is kell internet vagy saját szerver ahhoz, hogy elkészítsük vele a honlapunkat. Arra majd csak akkor lesz szükség, ha már publikálni szeretnénk a kész site-ot. A program elsősorban azokat célozza, akik nem akarnak HTML-kódokkal és CSS-osztályokkal birkózni, hanem úgy szeretnének weboldalt tervezni, mintha egy kiadványszerkesztőben (mondjuk Pages vagy Affinity Publisher) dolgoznának.
Weboldalunk elkészítésének több módon is nekivághatunk. Először is kapunk több tucat sablont, amelyek több oldalas, eltérő stílusban és témakörben összerakott weblapokat takarnak. Ezeket csak át kell dolgoznunk, miután megnyitjuk amelyik szimpatikus. Emellett természetesen kezdhetünk mindent a nulláról is, ilyenkor az üres lapra a + jelre kattintva helyezhetünk el különféle vezérlőket: szövegdobozt, képet, galériát, videót, hanglejátszót, térképet, Lottie vagy Rive animációt, képes vagy videós rácsot.
Emellett természetesen az oldal struktúráját is mi építhetjük fel, amihez használhatunk dobozokat, teljes szélességű dobozokat, layout blokkokat, vagy rácsos elrendezést is. Utóbbiak akkor hasznosak leginkább, ha reszponzív oldal készítésében gondolkodunk, de amúgy arra is lehetőséget kínál a program, hogy külön készítsük el az eltérő felbontásokhoz (asztali, tablet, mobil stb.) optimalizált változatot. Természetesen a világos és sötét témák használatát is támogatja.
A Sitely legnagyobb vonzereje továbbra is a szabadkézi vászon (freeform canvas). Itt nincsenek kötött oszlopok vagy korlátozó keretrendszerek. Úgy mozgathatjuk az elemeket, mintha a Photoshopban vagy a Pages-ben dolgoznánk, a háttérben mégis letisztult, optimalizált kód születik. Akár meglévő HTML elrendezéseket is beemelhetünk, vagy a dedikált plugin segítségével közvetlenül Sketch-ből másolhatunk át terveket.
A fentebb említettek mellett értelemszerűen interaktív elemek (menük, gombok, űrlap összetevők stb.) is használhatók az oldalakon. Sőt! Ami ennél is izgalmasabb, létrehozhatunk felhasználónévvel és jelszóval védett lapokat is, amihez titkosított kulcsot használ a program. Ez kicsit azért más megközelítés, mint amit WordPress esetében kapnánk, hiszen itt a felhasználókat is a Sitely-ben tudjuk felvenni, viszont érdekesség, hogy nincs szükség a szerveren adatbázis-kapcsolatra a dolog használatához. Legfeljebb minden új felhasználónál exportálnunk kell ezeket az adatokat a szerverre.
De megoldható például termékek eladása is: a PayPal, Stripe, Gumroad stb. szolgáltatásokat könnyedén konfigurálhatjuk, így akár egyszerűbb webshop készítésére is használható a program. Ezen kívül lakáskiadás funkciót, online naptárat, asztalfoglalást is beépíthetünk oldalainkba pár kattintással. Sőt, akár hirdetési blokkokat is kényelmesen elhelyezhetünk rajtuk bárhol.
De ugyanilyen egyszerű az X, Facebook, Instagram integráció, beilleszthetünk embed kódokat, s még kereső funkciót is beüzemelhetünk a site-on. S ha már kereső: a Sitely teljeskörű SEO optimalizálást biztosít a készülő oldalhoz (technikailag persze, tartalmilag erről nekünk kell gondoskodni), s ugyanilyen könnyen integrálhatjuk az AdSense hirdetéseket, a különféle analitikai szolgáltatásokat is. Ha pedig optimalizálás: külön kiemelendő, hogy a program automatikusan képes megoldani a felhasznált képek webp formátumba konvertálását is.
Ha épp nincs saját illusztrációnk az oldalra, akkor közvetlenül a felületen érhetjük el a Pixabay, Unsplash és Pexels képgyűjteményeket is. De amúgy Youtube vagy Vimeo videókat is hasonló egyszerűséggel építhetünk be, illetve a webes betűtípusokat sem kell máshonnan levadásznunk, hanem közvetlenül a programban lehet letölteni offline használatra és beüzemelni azokat az oldalon. Igaz is, Google fontok: többek között ezek miatt is fontos, hogy a program képes úgynevezett süti-bannert létrehozni, amivel megfelelhetünk a jelenlegi GDPR elvárásoknak.
Érdekesség, hogy a kor szellemének megfelelően lehetőségünk van a képi és egyéb tartalmakra vonatkozóan nem csak a keresőmotoroknak, hanem az AI botoknak is megtiltani az oldal részeinek feltérképezését.
S ha már az AI szóba került, a harmadik módja annak, hogy összerakjunk egy weboldalt a Sitely-ben, az AI Website Generator funkció használata. Ennél csak le kell írnunk röviden, hogy milyen jellegű, stílusú, tartalmú oldalra lenne szükségünk – akár magyarul is -, illetve megadni, hogy mely oldalakat (Rólunk stb.) hozza létre a program, a Sitely pedig a generatív mesterséges intelligencia segítségével összerakja a teljes anyagot, minta szövegekkel és képekkel, javarészt nagyszerű kivitelezésben.
Bár az alap funkciók nem változtak óriásit a Sitely 5 óta, azért a Sitely 6 és a nemrég megjelent 6.1 igen jelentős újdonságokkal dicsekedhet. Amellett, hogy számos webes elem új jellemzőkkel bővült, akad néhány jól látható és praktikus újítás is.
Újdonságok a 6.1-es verzióban: Liquid Glass támogatás és megannyi új opció
A leglátványosabb újdonság kétségkívül az új Liquid Glass alapú felhasználói felület. A Sitely 6.1-ben az új interfész immár teljesen Liquid Glass stílusú, és szerencsés módon ennek a programnak ez a változás jót is tett. Nekünk kicsit áttekinthetőbbnek tűnik így a felület, pedig a Liquid Glass azért nem mindig szokott jót tenni jelen formájában az alkalmazásoknak. De akadnak ennél – szerintünk – fontosabb újdonságok is:
- Intelligensebb Layout blokkok: A 6.1-es verzióban a layout blokkok (melyek a tartalom strukturálásáért felelnek) még rugalmasabbá váltak. Már képesek automatikusan alkalmazkodni a bennük lévő tartalom méretéhez, így kevesebb kézi igazításra van szükség.
- Továbbfejlesztett effektek és Interakciók: Új animációs típusok és Reveal effektek érkeztek, amelyekkel modern, látványos görgetési élményt adhatunk az oldalunknak.
- Webfont és SEO optimalizálás: A Sitely 6.1 még hatékonyabban kezeli a változó szélességű fontokat (Variable Fonts) és az AVIF képtömörítést, ami villámgyors betöltési időt eredményez. Ez pedig SEO szempontból is fontos tulajdonság.
- Liquid-alapú navigáció: A szerkesztőfelület oldalsávjai és eszköztárai kontextusfüggőek lettek: csak akkor jelennek meg a részletes beállítások, ha szükségünk van rájuk, így több hely marad magának a dizájnnak.
Ezeknek az újdonságoknak köszönhetően a Sitely 6.1 érezhetően produktívabb és sokoldalúbb webfejlesztő eszközzé nőtte ki magát, mint amit az elődei kínáltak. Összetett, látványos és interaktív site-okat készíthetünk vele, döbbenetes sebességgel és egyszerűséggel.
Összegzésül
Ha valaki még a korábbi Sparkle verziókat használja és szeretne továbbra is korszerű weboldakat gyártani a megszokott egyszerűséggel, annak a Sitely 6.1 kötelező befektetés. Ez immár teljesen a legújabb macOS-re van optimalizálva, s az új funkcióknak, illetve az azokat kísérő apró változtatásoknak köszönhetően sokkal jobban idomul a modern webes elvárásokhoz. A program által generált kód tiszta, gyors és biztonságos.
Alapvetően statikus HTML site-okat készít, adatbázis-háttér nélkül, ami a biztonság mellett a sebességet is jelentősen növeli a WordPress alapú oldalakhoz képest, illetve egyszerűbb szerveren is könnyedén beüzemelhetők az elkészült weblapok. Aki a weboldalak készítésekor nem kódolni kíván, hanem szabadon szeretne alkotni, annak jelenleg ez az egyik legjobb választás Macen.
Saját weboldalt készítene, de jól jönne hozzá profi segítség?
A cikkben bemutatott eszközökkel ma már sok mindent el lehet készíteni önállóan is, legyen szó bemutatkozó oldalról, céges honlapról vagy egyszerűbb landing page-ről. Ha viszont fontos a jól átgondolt felépítés, a letisztult megjelenés, a keresőbarát tartalom és a technikailag stabil megvalósítás, érdemes szakmai segítséget kérni.
