Hogyan építs blogot AI-val: bejegyzések, szerkesztő, SEO és tárhely

Egy blognak három dologra van szüksége: olyan bejegyzésekre, amelyeket az emberek a saját URL-jükön olvashatnak, egy módra, ahogy te írhatod és publikálhatod őket, és olyan oldalakra, amelyeket a keresőmotorok megértenek. Egy AI app-építő mindhármat megépítheti egy egyszerű angol nyelvű leírásból. A fő döntés az, hol élnek a bejegyzéseid: fájlokként a projektben, vagy adatbázisban szerkesztővel. Az útmutató többi része ebből a választásból következik.

Mire van szüksége egy blognak

Oldalak

• Főoldal vagy bejegyzéslista — a legújabb bejegyzések elöl, címmel, dátummal, rövid kivonattal és borítóképpel.
• Bejegyzésoldal — maga a cikk, saját URL-lel, például /blog/hogyan-porkoljuk-a-kavet.
• Kategória- vagy címkeoldalak — hogy az olvasók egy témát böngészhessenek.
• Rólunk oldal — ki ír és miért.
• Keresés (opcionális) — érdemes hozzáadni, ha már néhány tucat bejegyzés van.
• RSS-hírcsatorna — egy kis fájl, amely hírolvasóknak és egyes hírlevélkezelőknek automatikusan jelzi az új bejegyzéseket.

Adatok

A bejegyzés egy kis rekord: cím, slug (az URL-rész), törzs, kivonat, borítókép, szerző, kategória, címkék, állapot (vázlat vagy közzétett), közzététel dátuma és módosítás dátuma. Ha több szerző van, adj hozzá egy szerzőtáblát névvel, fotóval és rövid bemutatkozással.

Jogosultságok

Az olvasók csak a közzétett bejegyzéseket látják. Az írók létrehozhatnak és szerkeszthetnek vázlatokat. Valakinek — gyakran ugyanannak a személynek — közzé kell tennie. Egy egyszemélyes blognál ez csak „én és mindenki más”; csapatnál bejelentkezés és legalább két szerep kell.

A nagy döntés: fájlok vagy adatbázis

A CMS (tartalomkezelő rendszer) egyszerűen az a rész, ahol írod és kezeled a tartalmat. Bővebben: mi az a CMS.

A legtöbb személyes vagy céges blognál kezdj Markdown-fájlokkal. Adatbázisra és szerkesztőre akkor váltsd, ha az építőben írás szűk keresztmetszetté válik, vagy ha valakinek, aki nem használja az építőt, kell publikálnia.

SEO-döntések, amelyeket korán meg kell hozni

A blog értéke általában a keresőforgalomból jön, ezért néhány technikai választás fontosabb, mint a dizájn.

• Az oldalaknak JavaScript nélkül is olvashatónak kell lenniük. Sok AI-val épített app egyoldalas app (SPA): a böngésző egy üres oldalt tölt le, és a JavaScript tölti fel. A keresőmotorok ezt gyakran meg tudják jeleníteni, de lassabban és megbízhatatlanabbul. Blognál kérj olyan bejegyzéseket, amelyek statikus HTML-re vannak előre renderelve vagy szerveroldalon renderelve, így a szöveg a betöltés pillanatában ott van az oldalon.
• Egy URL bejegyzésenként, és tartsd meg. Válassz rövid, olvasható slugokat. Később megváltoztatásuk törik a linkeket, hacsak nem adsz átirányítást.
• Cím és leírás bejegyzésenként. Minden bejegyzésnek saját <title> és meta-leírás kell, plusz Open Graph címkék, hogy a megosztott linkek jól nézzenek ki.
• Sitemap. Egy sitemap.xml, amely minden közzétett bejegyzést felsorol, segít a keresőmotoroknak megtalálni az újakat.
• Strukturált adat. Az Article jelölés (schema.org) közli a keresőmotorokkal a címet, a szerzőt és a dátumot. Csak azt jelöld meg, ami ténylegesen az oldalon van.

Az AI-val épített weboldalak SEO-ja útmutatónk ezeket részletesebben tárgyalja.

Példa az első promptra

Építs blogot a speciális kávépörkölő üzletemnek. Oldalak: főoldal, amely a bejegyzéseket a legújabbal kezdve listázza (cím, dátum, kivonat, borítókép), bejegyzésoldal a /blog/[slug] címen, kategóriaoldalak és egy rólunk oldal. A bejegyzéseket Markdown-fájlokban tárold, front matterrel a címhez, dátumhoz, kivonathoz, kategóriához és borítóképhez, és minden bejegyzésoldalt rendereld előre statikus HTML-re, hogy a keresőmotorok JavaScript nélkül is olvashassák. Minden bejegyzésnek saját címe és meta-leírása, Open Graph címkéi és Article strukturált adata legyen. Generálj sitemap.xml-t és RSS-hírcsatornát a bejegyzésekből. Tiszta, olvasható tipográfia, körülbelül 70 karakteres maximális sorszélességgel, és telefonon jól működő elrendezés. Adj hozzá három mintabejegyzést, hogy lássam a dizájnt.

Építési lépések

1. Dizájn mintabejegyzésekkel. Előbb a bejegyzésoldalt tedd rendbe: betűméret, sorhossz, térközök, hogyan néznek ki a képek és az idézetek. Az emberek az idejük nagy részét ott töltik.
2. Lista- és kategóriaoldalak. Ellenőrizd a kivonatokat, dátumokat és borítóképeket, és hogy mi történik, ha egy bejegyzésnek nincs képe.
3. SEO alapok. Kérj címeket, leírásokat, Open Graph címkéket, sitemapet és RSS-hírcsatornát. Publikálás után nyiss meg egy bejegyzést, és nézd meg a forrását, hogy a szöveg benne van-e a HTML-ben.
4. Az igazi bejegyzéseid. Cseréld le a mintákat. Az első néhányat írd meg magad; ezek adják a hangot.
5. Hírlevél-feliratkozás (opcionális). Űrlap minden bejegyzés végén, amely e-mail-címeket ment adatbázisba, vagy elküldi őket az e-mail-szolgáltatódnak. Lásd: hogyan építs hírlevél-weboldalt.
6. Szerkesztő és bejelentkezés (csak ha szükséges). Ha adatbázisra váltasz, kérj egy admin felületet vázlatokkal, előnézeti gombbal és képfeltöltéssel, és védd bejelentkezéssel.
7. Saját domain. A saját domainen futó blog építi az adott domain hírnevét. Lásd: hogyan kössd össze egyedi domainnel.

AI használata az íráshoz

Az AI segíthet vázlatokat, első változatokat, címötleteket, összefoglalókat és szerkesztést készíteni. Gyengébb azokban a dolgokban, amelyek miatt érdemes olvasni egy blogot: a te tapasztalatod, a véleményed, a fotóid, a munkádból származó valódi számok. Hasznos szabály, hogy az AI segítsen gyorsabban írni, ne írjon helyetted. Ellenőrizz minden tényt, amit ad, és soha ne publikálj olyan statisztikát vagy idézetet, amelyet nem tudsz forrásig visszavezetni.

Ha AI-író asszisztenst adsz a saját szerkesztődbe — például egy „javasolj címet” vagy „tömörítsd ezt a bekezdést” gombot —, az API-kulcsnak a szerveren kell maradnia. Tarts rajta használati korlátokat is, mert minden javaslat pénzbe kerül.

Gyakori hibák

• Csak kliensoldali renderelés a bejegyzéseknél. A bejegyzés szövegének a HTML-ben kell lennie, nem később JavaScripttel hozzáadva.
• Slugok megváltoztatása publikálás után. Minden régi link törik. Ha muszáj, adj átirányítást a régi URL-ről.
• Hatalmas képek. Egy 5 MB-os borítókép minden oldalt lassít. Kérj átméretezett, tömörített képeket beállított szélességgel és magassággal.
• Nincsenek vázlatok. Vázlatállapot nélkül félkész bejegyzések kerülnek élesbe.
• Moderálás nélküli hozzászólások. A nyitott hozzászólásokat napokon belül elárasztja a spam. Kezdd hozzászólások nélkül, vagy kérj jóváhagyást, mielőtt bármi megjelenne.
• Hiányzó dátumok. Az olvasók és a keresőmotorok is tudni akarják, mikor íródott és mikor módosították utoljára.

Mikor a blogplatform a jobb választás

Ha csak írni akarsz és másra nincs szükséged, egy hosztolt blogplatform vagy a WordPress gyorsabban célba ér. Kész szerkesztőt, sablonokat, hozzászólásokat, bizonyos esetekben hírleveleket és évekig fejlesztett bővítményeket kapsz. A Substack-szerű platformok beépített közönséget és e-mail-kézbesítést is adnak.

Saját blogot akkor építs, ha a blog egy nagyobb termék részét képezi (egy céges oldal, SaaS-app, webshop), ha a bejegyzéseknek a saját adataidat kell használniuk — termékoldalak, receptek, hirdetések —, vagy ha teljes kontrollt akarsz a dizájn és az URL-ek felett. Jó módja is annak, hogy megtanuld, hogyan működnek a weboldalak. Ha meglévő weboldalhoz adnál blogot, lásd: hogyan adj blogot a weboldaladhoz.

Építés a Mythexszel

A Mythexben a chatben írod le a blogot, a való idejű előnézetben ellenőrzöd a dizájnt (beleértve a telefonméretű keretet is), és egy nyilvános <slug>.mythex.app címen publikálod; az egyedi domainek a Pro csomagban érhetők el. Az alapértelmezett technológiai verem egy Vite és React app, amely a böngészőben renderel, ezért blognál kérd az előre renderelt bejegyzésoldalakat vagy a Next.js-t, és kövesd a SEO-receptet a címekhez, meta-címkékhez és a sitemaphez. Ha böngészős szerkesztőre van szükséged, a Mythex adatbázist és fájltárhelyet ad a képekhez, amikor az app igényli. Az írók bejelentkezése saját megoldású: te választod ki a módszert, és az ügynök köti be. Kezdéshez nézd meg az ételblog és a hírlevél-blog sablonokat.

Kérdések