Egyenleg: weboldal könyvelőirodáknak
Az Egyenleg egy könyvelőirodáknak készült mintaoldal, bemutató tartalommal. Ezen az oldalon végigveszem, mit kap a megrendelő egy ilyen weboldallal: a látogatóknak szóló felületet, az admint, amiben az iroda maga dolgozik, és azt, merre lehet később továbbfejleszteni.
Mit mutat a mintaoldal?
Egy könyvelőiroda teljes weboldalát: kezdőlap, Rólunk, Szolgáltatások, blog és Kapcsolat. Az árak fix havi díjként, vállalkozási formánként szerepelnek, a kezdőlapon pedig adónaptár számolja vissza a következő NAV-határidőt. A látogató egy gombbal visszahívást kérhet, a kérés az iroda adminjába és e-mail fiókjába érkezik.
Az oldalnak világos és sötét megjelenése is van. Magától azt választja, amit a látogató a telefonján vagy a gépén beállított, és a fejlécben egy gombbal bármikor átváltható.
A cég, a nevek és a vélemények bemutató tartalmak, a működés viszont valódi. Az oldal itt nézhető meg: egyenleg.regediter.com.
Gyorsan betölt
Mobilon, lassú 4G-n is 3 másodpercen belül megjelenik a teljes kezdőlap, asztali gépen fél másodperc alatt. A Google PageSpeed mérésének részleteit a képeken látod.
A sebesség egyik oka a gyorsítótár. Az oldal a gyakran használt adatokat, például a saját beállításait, egy gyors memóriában tartja (ezt hívják Redisnek), így nem kell minden látogatásnál újra kikeresnie őket az adatbázisból. Olyan ez, mint amikor a gyakran kért iratot az asztalodon tartod, és nem mész le érte minden alkalommal az irattárba.
A leveleket is a háttérben küldi. Aki visszahívást kér, azonnal visszajelzést kap, nem kell megvárnia, amíg az értesítő kimegy az irodának.
Mit szerkeszthetsz az admin felületen?
Az oldalhoz saját admin felület tartozik, ahol programozói tudás nélkül, a böngészőből kezeled a tartalmat. Az admin a te munkádhoz igazodik: ha olyan felület kell, ami itt nincs, például ügyféllista, határidő-nyilvántartás vagy árajánlat-kalkulátor, azt is megépítem. Erről lejjebb, a fejlesztési lehetőségeknél írok bővebben.
Szövegek és szekciók
A kezdőlap minden szekciója (a nyitókép, a szolgáltatások, az árak, a vélemények, a GYIK) külön kártyán szerkeszthető. Átírhatod a címeket és a szövegeket, lecserélheted a fotókat, és új aloldalt is létrehozhatsz. A lábléc menüjét és elérhetőségeit szintén az adminban állítod be.
Visszahívás-kérések
Minden kérés listában jelenik meg a névvel, a telefonszámmal, a vállalkozási formával és a havi bizonylatszámmal, így a visszahívás előtt már látod, mekkora ügyfélről van szó. Az olvasatlan kérések külön látszanak, egy sem vész el a postafiókban.
Felhasználók és biztonság
Több kolléga is dolgozhat az oldalon, mindegyik saját fiókkal és szerepkörrel, a fiókok egyenként kikapcsolhatók. A belépés kétlépcsős azonosítással védhető, és a hosszabb ideig tétlen munkamenet magától kilép.
Beállítások
Az oldal neve, a kapcsolattartó e-mail címe, a Google Analytics és a Tag Manager azonosítója, a keresőknek szóló alapadatok és a karbantartási mód mind az adminban állíthatók.
Képek és fájlok: a médiatár
A képeket, videókat és PDF-eket egy közös médiatárba töltöd fel, és mappákba rendezed, ahogy a gépeden is tennéd. Áthelyezni egyszerű húzással lehet, egyszerre több fájlt is.
Feltöltéskor az oldal magától elkészíti a képek kisebb változatait AVIF formátumban, és a látogató mindig a képernyőjéhez illő méretet tölti le. Ettől marad gyors az oldal akkor is, ha nagy fotókkal dolgozol. Hogy milyen méretű változatok készüljenek, az adminban magad állíthatod be, és egy-egy képhez utólag is kérhetsz egyedi méretet.
A feltöltött fájlokból az oldal eltávolítja a rejtett metaadatokat, például a telefonos fotók GPS-koordinátáját. A belső dokumentumok privát tárhelyre is kerülhetnek, ezeket csak bejelentkezve lehet megnyitni. Igény esetén a médiatár a Google Drive-val is összeköthető, például hogy egy megosztott mappából emeld át a fotókat.
Blog, ami a keresőknek is dolgozik
A blogban a cikkeket ugyanúgy írod, mint egy szövegszerkesztőben: címsorok, listák, linkek, képek a médiatárból. A cikk lehet piszkozat, azonnal megjelenő vagy időzített, és minden mentésnél verzió készül, így egy elrontott módosítás visszaállítható.
Minden cikkhez külön SEO-fül tartozik (cím, leírás, fókusz kulcsszó, Google-előnézet), külön GYIK-blokk és megosztási adatok. A látogató egy kattintással megoszthatja a cikket Facebookon, X-en vagy WhatsAppon, és a megosztott link képpel és címmel jelenik meg. A cikkek alatt hozzászólás is írható, ezek jóváhagyás után jelennek meg.
Technikai SEO
Az oldalt technikailag rendben lévő alapra építettem. A sitemap magától frissül, az oldalakon és a cikkeken strukturált adatok (oldal, vállalkozás, GYIK) segítik a Google-t, a kanonikus címek és a robots beállítások oldalanként megadhatók. Az oldal a szerveren renderelődik, így a keresők és a közösségi oldalak a teljes tartalmat látják, JavaScript futtatása nélkül.
Ez a jó helyezés alapja. Az első oldalra kerüléshez ezen felül rendszeresen frissülő tartalom és más oldalakról mutató linkek kellenek, ez hónapokig tartó munka.
E-mailek
Minden visszahívás-kérésről értesítő levél megy az irodának, a feladó neve, címe és a levél lábléce az adminban állítható. A jelszó-visszaállítás és az e-mail cím megerősítése szintén levélben megy.
Igény szerint bővíthető: visszaigazoló levél az érdeklődőnek, az adónaptár határidőinek kiküldése feliratkozóknak, vagy saját arculatú levélsablonok.
Meddig fejleszthető?
Az oldal Laravel keretrendszerre épül, ezért a bemutatkozó weboldal csak a kezdet. Ugyanerre az alapra bármilyen felület megépíthető, amire az irodának szüksége van, és a mesterséges intelligencia ma olyan munkákat is átvehet, amikhez pár éve még ember kellett.
Ügyfelek és bizonylatok
Ügyfélportál, ahová az ügyfelek feltöltik a bizonylataikat, és az iroda látja, ki hol tart. Ezen már dolgozom, az Egyenleg mögé épül meg bemutatóként.
Bizonylat-előfeldolgozás mesterséges intelligenciával: a feltöltött számláról kiolvassa a dátumot, az összeget és a partnert, a könyvelő csak ellenőriz.
Automatikus emlékeztető az ügyfeleknek, ha a hónap végéig nem töltötték fel a bizonylataikat, vagy közeleg egy határidő.
Ügyfélszolgálat
Csevegő asszisztens a weboldalon, ami a saját szövegeid és a GYIK alapján válaszol az érdeklődők kérdéseire, és amit nem tud, továbbítja neked.
A beérkező kérések és levelek automatikus besorolása, válaszvázlattal, amit csak jóvá kell hagynod.
Időpontfoglalás az ügyfélfogadáshoz, automatikus emlékeztetővel.
Iroda és ügyvitel
Ajánlatkérő kalkulátor, ami a vállalkozási forma és a bizonylatszám alapján azonnal árat mutat.
Online fizetés és számlázás, összekötve a számlázóprogramoddal.
Belső folyamatok automatizálása: új ügyfél felvételekor a szerződés, a mappák és az értesítések maguktól elkészülnek.
Kimutatások egy helyen: hány ügyfél, mennyi bizonylat, kinél csúszik a határidő.
Az AI-megoldásoknál az ügyféladatok védelme az első szempont: csak az az adat jut el a mesterséges intelligenciához, amire a feladathoz szükség van, és minden lépés visszakövethető.
Mennyibe kerül?
Az Egyenleg tudása a Starter csomagnak felel meg, a csomag tartalmát és árát a bemutatkozó weboldal oldalon találod. Mindig egyedi ajánlatot adok, mert nem mindenkinek kell ugyanaz: van, akinek elég néhány oldal admin nélkül, és van, akinek az oldalnak a belső munkát is ki kell szolgálnia.
A leggyakrabban felmerülő kérdések és a válaszok rájuk
Webfejlesztés mérnöki igénnyel, emberi kommunikációval. Olyan oldalt kapsz, ami gyors, megbízható