Blogin lisääminen verkkosivuille: vaihtoehdot, SEO ja asennus

Blogin lisääminen verkkosivuille tarkoittaa ensin päätöstä, miten julkaisut kirjoitetaan: Markdown-tiedostot projektissa, jos kirjoitat itse tai kehittäjä kirjoittaa, tietokanta ylläpitoeditorilla, jos ei-tekniset ihmiset kirjoittavat, tai CMS, jos haluat täyden muokkaustyökalun. Sen jälkeen blogi sijoitetaan osoitteeseen /blog päädomainissasi listasivulla, yhdellä sivulla julkaisua kohden ja RSS-syötteellä. Hakukoneille varmista, että jokainen julkaisu tarjoillaan oikeana HTML:nä omalla otsikolla, kuvauksella ja jakokuvalla, ja että se on sivukartassa. Tekoälysovellusrakentaja voi rakentaa mitä tahansa näistä kehotteella; valinta riippuu lähinnä siitä, kuka kirjoittaa.

Valitse, miten julkaisut kirjoitetaan

Tämä päätös on tärkein. Tekniikka seuraa siitä.

Hyödyllinen sääntö: jos olet valmis kirjoittamaan tavalliseen tekstitiedostoon, Markdown on yksinkertaisin ja nopein tarjoilla. Jos sanat ”commit” ja ”uudelleenjulkaisu” pysäyttäisivät sinut tai tiimisi julkaisemasta, valitse editori.

Alihakemisto vai alidomain?

• Alihakemisto (example.com/blog): yksi sivusto, yksi ulkoasu, yksi analytiikka, ja blogijulkaisut ovat samalla domainilla kuin sivut, joiden haluat sijoittua hakutuloksissa. Yksinkertaisin useimmille yrityksille.
• Alidomain (blog.example.com): tarvitaan, jos blogi toimii eri alustalla, jota et voi tarjoilla pääsivustosi alla.

Jos rakennat blogin joka tapauksessa omaan sivustoosi, käytä alihakemistoa.

Mitä blogi tarvitsee

• Julkaisulistasivu otsikoilla, päivämäärillä, lyhyillä tiivistelmillä ja sivutuksella.
• Julkaisusivu, jonka leveys on luettava (noin 60–80 merkkiä riviä kohden), selkeät otsikot ja hyvä kuvien käsittely.
• Siistit URL-osoitteet: /blog/miten-valitaan-pitopalvelu, ei /blog?id=17.
• Julkaisukohtainen otsikko ja metakuvaus, sekä Open Graph -tagit, jotta jaetut linkit näyttävät kunnollisen esikatselun.
• Sivukarttamerkinnät jokaiselle julkaisulle ja RSS-syöte lukijoille ja uutiskirjatyökaluille.
• Kirjoittaja ja päivämäärä, sekä ”päivitetty” -päivämäärä, kun muokkaat.
• Kategoriat tai tagit, kun julkaisuja on tarpeeksi.
• Luonnokset, jotta keskeneräiset julkaisut pysyvät yksityisinä.

SEO: tee julkaisuista oikeita sivuja

Monet nykyaikaisilla työkaluilla rakennetut sivustot ovat yhden sivun sovelluksia: selain lataa JavaScriptin, joka piirtää sivun. Se toimii sovelluksille, mutta blogi elää hakutuloksissa ja linkkien esikatseluissa, ja pelkästään selaimessa piirretyt sivut ovat vaikeampia joillekin hakurobotille ja sosiaalisen median esikatseluille. Blogille kannattaa pyytää julkaisuja esirenderöitäviksi (muunnetaan HTML:ksi sivuston rakennusvaiheessa) tai palvelimella renderöitäviksi, jotta jokainen julkaisun URL palauttaa koko sisältönsä, otsikon ja kuvauksen heti.

Verkkosivuston SEO tekoälyllä rakennetuille sivuille käsittelee otsikot, sivukartat ja jäsennellyn datan syvemmin.

Esimerkkikehotteet

Markdown-blogi:

Lisää blogi osoitteeseen /blog. Jokainen julkaisu on Markdown-tiedosto kansiossa content/blog, ja sen alussa on otsikko, kuvaus, päivämäärä ja valinnainen kansikuva. Rakenna listasivu (uusin ensin, 10 per sivu) ja sivu jokaiselle julkaisulle osoitteeseen /blog/[slug]. Esirenderöi kaikki blogisivut staattiseksi HTML:ksi, jotta jokaisella on oma otsikko, metakuvaus ja Open Graph -tagit. Lisää julkaisut sitemap.xml-tiedostoon ja luo RSS-syöte osoitteeseen /blog/rss.xml.

Blogi editorilla:

Lisää blogi, jonka julkaisut tallennetaan tietokantaan: otsikko, slug, tiivistelmä, runko (Markdown), kansikuva, tila (luonnos tai julkaistu) ja julkaisupäivä. Lisää salasanalla suojattu ylläpitoalue, jossa voi luoda, muokata, esikatsella ja julkaista julkaisuja, ja tukea kansi- ja tekstikuvien lataamista. Vain julkaistut julkaisut näkyvät osoitteessa /blog. Renderöi jokainen julkaisusivu palvelimella omalla otsikolla ja metakuvauksella.

Viimeistely:

Paranna blogijulkaisun ulkoasua: mukava lukeva leveys, suurempi riviväli, tyylitellyt otsikot, koodilohkot ja lainaukset, responsiiviset kuvat sekä ”seuraava / edellinen julkaisu” -linkit alareunaan. Säilytä sivuston nykyiset värit ja fontit.

Vaihe vaiheelta

1. Päätä, kuka kirjoittaa, ja valitse Markdown, tietokanta + editori tai CMS.
2. Valitse URL-rakenne: /blog ja /blog/julkaisun-slug.
3. Rakenna listaus- ja julkaisusivut yllä olevilla perusteilla.
4. Lisää metatiedot jokaiselle julkaisulle: otsikko, kuvaus, jakokuva, päivämäärät.
5. Tee julkaisuista indeksoitavia: esirenderöi tai renderöi palvelimella, ja tarkista lähdekoodista, että artikkelin teksti on siellä.
6. Lisää sivukartta ja RSS-syöte.
7. Käsittele kuvat: pakkaa ne, aseta koot ja lisää vaihtoehtoinen teksti. Editorille lataukset tallennetaan tiedostotallennukseen (katso miten tiedostolataukset lisätään sovellukseen).
8. Kirjoita kaksi tai kolme julkaisua ennen lanseerausta, ettei blogi näytä tyhjältä.
9. Julkaise ja lähetä sivukartta Google Search Consoleen.

Yleisiä virheitä

• Valitaan järjestelmä, jota kukaan ei käytä. Markdown-blogi tiimille, joka ei koske tiedostoihin, jää tyhjäksi.
• Julkaisut renderöidään vain selaimessa. Jakaminen näyttää tyhjän esikatselun, ja hakukoneet voivat nähdä vähemmän.
• Sama otsikko ja kuvaus jokaisella julkaisulla. Jokaisella pitää olla oma.
• Slugien vaihtaminen julkaisun jälkeen. Se rikkoo linkit; jos se on pakko, lisää uudelleenohjaus.
• Suuria pakkaamattomia kuvia. Ne hidastavat jokaista julkaisua.
• Ei luonnoksia. Keskeneräiset julkaisut menevät julki vahingossa.
• Kirjoitetaan itsestä asiakkaiden kysymysten sijaan. Hyödylliset vastaukset tuovat kävijöitä; ilmoitukset harvoin tuovat.

Tarkistuslista

• Kirjoitustapa vastaa sitä, kuka oikeasti kirjoittaa
• Blogi on osoitteessa /blog päädomainissasi
• Siistit, vakaat URL-osoitteet jokaiselle julkaisulle
• Uniikki otsikko, kuvaus ja jakokuva jokaiselle julkaisulle
• Julkaisun HTML sisältää koko artikkelin (tarkista lähdekoodi)
• Sivukartta ja RSS-syöte sisältävät kaikki julkaistut julkaisut
• Luonnokset pysyvät yksityisinä
• Kuvat pakattu ja niillä on vaihtoehtoinen teksti
• Muutama julkaisu kirjoitettu ennen lanseerausta

Blogin lisääminen Mythexillä

Mythexissä voit lisätä kummantahansa blogityypin chatista. Editoriin perustuvan blogin julkaisut menevät projektin tietokantaan ja kuvat tiedostotallennukseen, jotka Mythex ottaa käyttöön, kun sovellus tarvitsee niitä. Mythexin dokumentaation mukaan uudet sovellukset ovat usein Vite-yhden sivun sovelluksia, joiden SEO on heikompi kuin palvelimella renderöidyn tai staattisen HTML:n. Blogia varten pyydä siksi esirenderöityjä tai staattisia julkaisusivuja tai Next.js-pohjaa. Katso SEO julkaistulle sovellukselle, ja julkaise uudelleen muutosten jälkeen.

Jos aloitat tyhjästä, katso miten verkkosivu rakennetaan tekoälyllä ja miten pienyrityksen verkkosivu rakennetaan.

Kysymykset