Hogyan adj blogot a weboldaladhoz: lehetőségek, SEO és beállítás
Egy blog hozzáadásához a weboldaladhoz válaszd ki, hogyan íródnak a bejegyzések: Markdown-fájlok a projektben, ha te vagy egy fejlesztő írod őket; egy adatbázis admin szerkesztővel, ha nem technikai emberek írnak; vagy egy CMS, ha teljes körű szerkesztőeszközt szeretnél. Ezután a blogot tedd a /blog útvonalra a fő domainen, listaoldallal, bejegyzésenként egy oldallal és RSS-feeddel. A keresőmotoroknak gondoskodj arról, hogy minden bejegyzés valódi HTML-ként jelenjen meg, saját címmel, leírással és megosztási képpel, és szerepeljen a sitemapben. Egy AI-alkalmazásépítő bármelyiket megépítheti egy prompttal; a választás főleg azon múlik, ki fog írni.
Válaszd ki, hogyan íródnak a bejegyzések
Ez a legfontosabb döntés. A technológia ebből következik.
| Lehetőség | Hogyan működik | Jó ehhez | Kompromisszumok |
|---|---|---|---|
| Markdown-fájlok a projektben | Minden bejegyzés egy .md fájl; az oldal oldallá alakítja | Alapítók vagy fejlesztők, akik ritkán írnak | Bejegyzés közzétételéhez módosítani kell a projektet és újra deployolni |
| Adatbázis + admin szerkesztő | A bejegyzések táblázat sorai, az appodon belüli szerkesztőben írva | Kis csapatok, nem technikai írók | Neked kell megépíteni és karbantartani a szerkesztőt |
| Headless CMS | Külön tartalomeszköz; az oldalad API-n keresztül kéri le a bejegyzéseket | Tartalmi csapatok, sok író, jóváhagyási folyamatok | Újabb fiók, API-kulcs és számla |
| Külön blogplatform | Egy hostolt bloganyag aldomainen | Kezdés nulla építéssel | Más a dizájn, gyengébb kapcsolat a főoldaladhoz |
Hasznos szabály: ha kényelmesen írnál egy egyszerű szövegfájlba, a Markdown a legegyszerűbb és leggyorsabban kiszolgálható. Ha a „commit” és „újra deployolás” szavak megakasztanának téged vagy a csapatodat a posztolásban, válassz szerkesztőt.
Almappa vagy aldomain?
- Almappa (
example.com/blog): egy oldal, egy dizájn, egy analitika, és a bejegyzések ugyanazon a domainen vannak, mint az oldalak, amelyekkel rangsorolni szeretnél. A legtöbb vállalkozásnak ez a legegyszerűbb. - Aldomain (
blog.example.com): akkor kell, ha a blog egy olyan másik platformon fut, amelyet nem tudsz a főoldalad alatt kiszolgálni.
Ha úgyis a saját oldaladba építed a blogot, használd az almappát.
Mire van szüksége egy blognak
- Bejegyzéslista oldal címekkel, dátumokkal, rövid kivonatokkal és lapozással.
- Bejegyzésoldal olvasható szélességgel (nagyjából 60–80 karakter soronként), tiszta címsorokkal és jó képkezeléssel.
- Tiszta URL-ek:
/blog/hogyan-valassz-catering-szolgaltatot, nem/blog?id=17. - Bejegyzésenkénti cím és meta-leírás, plusz Open Graph címkék, hogy a megosztott linkeknek rendes előnézetük legyen.
- Sitemap-bejegyzések minden bejegyzéshez, és RSS-feed az olvasóknak és hírlevél-eszközöknek.
- Szerző és dátum, és egy „frissítve” dátum, amikor átdolgozol valamit.
- Kategóriák vagy címkék, amint elég bejegyzésed van ahhoz, hogy szükség legyen rájuk.
- Vázlatok, hogy a félkész bejegyzések privátok maradjanak.
SEO: a bejegyzések valódi oldalak legyenek
Sok modern eszközzel épített oldal egyoldalas app: a böngésző JavaScriptet tölt le, amely aztán kirajzolja az oldalt. Ez appoknak működik, de egy blog a keresésre és a link-előnézetekre épül, a csak a böngészőben kirajzolt oldalakat pedig egyes robotok és közösségi előnézetek nehezebben olvassák. Blognál kérd, hogy a bejegyzések előrenderelve (az oldal építésekor HTML-lé alakítva) vagy szerveroldalon renderelve legyenek, hogy minden bejegyzés URL-je azonnal visszaadja a teljes tartalmat, a címet és a leírást.
Az SEO AI-val épített weboldalakhoz útmutatónk részletesebben tárgyalja a címeket, sitemapeket és strukturált adatokat.
Példa promptok
Markdown-blog:
Adj hozzá egy blogot a /blog útvonalon. Minden bejegyzés egy Markdown-fájl a content/blog mappában, tetején címmel, leírással, dátummal és opcionális borítóképpel. Készíts listaoldalt (a legújabbak elöl, oldalanként 10) és bejegyzésoldalt a /blog/[slug] útvonalon. Az összes blogoldalt előrenderelve, statikus HTML-ként állítsd elő, hogy mindegyiknek legyen saját címe, meta-leírása és Open Graph-címkéje. Vedd fel a bejegyzéseket a sitemap.xml-be, és generálj RSS-feedet a /blog/rss.xml útvonalon.
Blog szerkesztővel:
Adj hozzá egy blogot, ahol a bejegyzések az adatbázisban tárolódnak: cím, slug, kivonat, törzs (Markdown), borítókép, státusz (vázlat vagy publikált), közzététel dátuma. Adj hozzá jelszóval védett admin felületet a bejegyzések létrehozásához, szerkesztéséhez, előnézetéhez és közzétételéhez, képfeltöltéssel a borítóhoz és a szövegbe illesztett képekhez. Csak a publikált bejegyzések jelenjenek meg a /blog oldalon. Minden bejegyzésoldalt szerveroldalon renderelj, saját címmel és meta-leírással.
Csiszolás:
Javítsd a blogbejegyzés elrendezését: kényelmes olvasási szélesség, nagyobb sormagasság, formázott címsorok, kódblokkok és idézetek, reszponzív képek, és „következő / előző bejegyzés” linkek az oldal alján. Tartsd meg az oldal meglévő színeit és betűtípusait.
Lépésről lépésre
- Döntsd el, ki ír, és válassz Markdownt, adatbázist + szerkesztőt vagy CMS-t.
- Válaszd ki az URL-szerkezetet:
/blogés/blog/bejegyzes-slug. - Építsd meg a lista- és bejegyzésoldalakat a fenti elrendezési alapokkal.
- Adj meta-adatokat minden bejegyzéshez: cím, leírás, megosztási kép, dátumok.
- Tedd a bejegyzéseket feltérképezhetővé: előrenderelés vagy szerveroldali renderelés, majd ellenőrzés a bejegyzés oldalforrásában – a cikk szövegének ott kell lennie.
- Adj sitemapet és RSS-feedet.
- Kezeld a képeket: tömörítsd őket, állíts be méreteket, adj alt szöveget. Szerkesztőnél a feltöltéseket fájltárolóban tárold (lásd hogyan adj fájlfeltöltést).
- Írj két-három bejegyzést indulás előtt, hogy a blog ne tűnjön üresnek.
- Publikálj, majd küldd be a sitemapet a Google Search Console-ban.
Gyakori hibák
- Olyan beállítás választása, amelyet senki nem fog használni. Egy Markdown-blog egy csapatnál, amely nem nyúl fájlokhoz, üres marad.
- Csak a böngészőben renderelt bejegyzések. A megosztások üres előnézetet mutatnak, és a keresőmotorok kevesebbet láthatnak.
- Minden bejegyzésen ugyanaz a cím és leírás. Mindegyiknek saját kell.
- Slug módosítása publikálás után. Megtöri a linkeket; ha muszáj, adj hozzá átirányítást.
- Hatalmas, tömörítetlen képek. Mindegyik bejegyzést lelassítják.
- Nincsenek vázlatok. A félkész bejegyzések véletlenül élesbe kerülnek.
- Önmagadról írsz az ügyfeleid kérdései helyett. A hasznos válaszok hoznak látogatókat; a bejelentések ritkán.
Ellenőrzőlista
- Az írási módszer illik ahhoz, aki ténylegesen írni fog
- A blog a fő domainen, a /blog alatt van
- Tiszta, stabil URL-ek bejegyzésenként
- Egyedi cím, leírás és megosztási kép bejegyzésenként
- A bejegyzés HTML-je tartalmazza a teljes cikket (ellenőrizd az oldalforrást)
- A sitemap és az RSS-feed tartalmazza az összes publikált bejegyzést
- A vázlatok privátok maradnak
- A képek tömörítve, alt szöveggel
- Indulás előtt néhány bejegyzés megírva
Blog hozzáadása a Mythexszel
A Mythexen chatből mindkét típusú blogot hozzáadhatod. Szerkesztős blognál a bejegyzések a projekt adatbázisába kerülnek, a képek pedig fájltárolóba, amelyeket a Mythex akkor engedélyez, amikor az app igényli. A Mythex dokumentációja szerint az alapértelmezett új appok gyakran Vite-egyoldalas appok, amelyek SEO-ja gyengébb, mint a szerveroldalon renderelt vagy statikus HTML-é – ezért blognál kérd az előrenderelt vagy statikus bejegyzésoldalakat, vagy egy Next.js-beállítást. Lásd SEO a közzétett appodhoz, és változtatások után publikálj újra.
Ha nulláról indulsz, lásd hogyan építs weboldalt AI-val és hogyan építs kisvállalkozói weboldalt.
Kérdések
Az aldomainen vagy almappában legyen a blogom?
Egy almappa, például az example.com/blog, a blogot ugyanazon az oldalon tartja, mint a termékedet, és a legtöbb kisvállalkozásnak ez az egyszerűbb választás. Egy aldomain, például a blog.example.com akkor előnyös, ha a blog olyan külön platformon fut, amelyet nem tudsz a főoldalad alá tenni.
Mi a legegyszerűbb mód blogot adni egy AI-val épített oldalhoz?
Ha csak te vagy vagy egy fejlesztő fogsz bejegyzéseket írni, tárold minden bejegyzést Markdown-fájlként a projektben, és hagyd, hogy az oldal oldalakká alakítsa őket. Ha nem technikai emberek írnak, vegyél fel bejegyzéseket egy adatbázisba egyszerű admin szerkesztővel, vagy kapcsolj hozzá egy CMS-t.
Rossz a SEO-nak, ha a blog egy egyoldalas appon fut?
Gyengébb lehet. Azok az oldalak, amelyeket csak a böngésző rajzol ki, nehezebben olvashatók egyes keresőrobotok és megosztási előnézetek számára. A blogbejegyzéseknek valódi HTML-ként kell megjelenniük – build időben előrenderelve vagy a szerveren renderelve –, saját címmel és leírással.
Milyen gyakran érdemes posztolni egy üzleti blogra?
Nincs varázsszám. Egy állandó tempó, amelyet tartani tudsz, olyan bejegyzésekkel, amelyek valódi kérdésekre válaszolnak, amelyeket az ügyfeleid tesznek fel, jobb egy rövid rohamnál, amelyet hónapokig tartó csend követ.