Eesti E-pood — Wixilt kolmekeelse SEO + GEO mootorini Shopify agentuurile

Eesti E-pood ehitab Shopify poode Eesti turule ja me oleme nende enda lehe nüüdseks kaks korda ehitanud. Esimene etapp viis nad Wixilt ära — kuutasu, mis ostis disainilae ja lehekiiruse põranda. Teine etapp, tarnitud selle aasta augustis, on see, mis loeb: kolmekeelne platvorm 84 staatiliselt renderdatud lehega eesti, vene ja inglise keeles, ehitatud agentuurile, kes peab võitma needsamad otsingutulemused, mida ta oma klientidele müüb. WebGL-kaubandusteekond kannab pinda; SEO- ja GEO-mootor, mis on ankurdatud ühe peavõtmesõna külge, veab seda selle all. Müügivihjed, mida see toodab, maanduvad ERPFlow.ai-s.

Võimalus

Wix oli nähtav probleem. Kuutasu ostis malli, mida ei saanud lükata sinna, kuhu bränd minna tahtis, ja iga katse lehte kiiremaks teha jooksis kellegi teise platvormi otsa. Sealt ära kolimine oli sirgjooneline ja võttis kaks nädalat.

Raskem probleem istus selle all. Agentuur, kes müüb e-kaubandust, peab olema nähtavalt parem leitav kui kaupmehed, kellele ta pakkumist teeb — aeglane ja üldine leht on elav argument teie palkamise vastu. Ja Eestis tähendab leitav olemine leitav olemist kolm korda. Eesti keel on kohaliku väikeettevõtluse töökeel, vene keel on emakeel suurele osale riigist ja inglise keeles saabuvad e-residentsusega asutajad kõikjalt mujalt. Need ei ole üks sihtrühm kolm korda tõlgituna. Need on kolm turgu erineva otsingukäitumise, erinevate konkurentide ja erinevate vastuväidetega.

Ka ostjad saabuvad vastassuundadest: kaupmees, kes avab esimest poodi, asutaja, kes registreerib ettevõtte välismaalt, ja kaupmees, kes on juba WooCommerce'i, Magento või Wixi peal kinni ja otsib väljapääsu. Igaüks neist vajab erinevat lehte — ja üha sagedamini küsib igaüks neist assistendi käest enne, kui ta Google'ilt küsib.

Mida me ehitasime

Esimene etapp — Wixilt ära, omale pinnale

Esimene töö oli omandiõigus. Kolisime lehe Next.js rakendusele Vercelis, mis lõpetas korduva kuutasu, aga mis veel olulisem, lõpetas läbirääkimise platvormiga selle üle, mida leht tohib olla. Iga leht renderdub staatiliselt ja tarnib täieliku serveri poolel renderdatud HTML-i, nii et tekst, mis müüb — teenused, hinnad, tarnetingimused — on dokumendis, mille roomaja alla laadib, mitte pärast JavaScriptiga kokku pandud. See kõlab nagu tehniline detail ja on seda ka, aga see on ühtlasi eeltingimus kõigele teises etapis. Tõsist otsingu- ja tsiteerimismootorit ei saa ehitada lehekonstruktori peale, mis otsustab teie märgistuse teie eest ära.

KASSA — disainikeel, mis on ehitatud kassaaparaadist

Shopify agentuur, kelle enda leht näeb välja nagu Shopify teema, on vaidluse kaotanud juba enne esimest kerimist. Seega ehitasime sellele disainisüsteemi — KASSA, eesti keele sõna järgi, mis tähistab maksuletti — hoituna teadlikus pinges kaupmehe-täpse ja soojalt-tehnilise vahel. Kõik selles tuleb kassast. Paneelid rebenevad servast nagu tšekipaber, hinnad istuvad hinnasildikujulistes märkides, sektsioonimärgid on joonistatud vöötkoodidena ja numbrid reastuvad pearaamatu ridadena punktjuhtidega ning tabular-nums-iga, nii et eurode veerud joonduvad numbrikoha täpsusega. Palett on tšekipaber sügava männi vastu Shopify-rohelise aktsendiga. Kirjatüübid — Unbounded, Onest ja JetBrains Mono — tarnivad kirillitsa ja laiendatud ladina alamhulgad, nii et vene tekst ja eesti täpitähed renderduvad brändifondis, selle asemel et keset lauset süsteemifondile kukkuda.

Kaubandusteekond, joonistatud 22 000 osakesega

Avaleht kannab ühte WebGL-stseeni, mis ütleb äri ära ühe žestiga: 22 000 osakest teisenevad ostukotist ostukäruks, sealt pakiks ja sealt kasvunooleks, kui sa kerid — poe kogu elutsükkel, mis on täpselt see, mida agentuur müüb. Esimesed viisteist protsenti osakestest on reserveeritud siluetikõveratele, nii et kuju jääb keset teisenemist loetavaks, selle asemel et müraks laguneda. Iga juhuslikkus tuleb deterministlikust räsist, mitte Math.random-ist, nii et stseen on igal laadimisel identne. Kerimiskiirus toidab pöörlemist, nii et mudel reageerib sellele, kui kiiresti sa loed. GSAP kirjutab muudetavasse stseeniobjekti ja renderdustsükkel loeb seda — ühtki Reacti olekut kaadri lähedal ei ole. Enne kui midagi sellest laadub, jookseb võimekuse sond: seal, kus WebGL puudub, jääb kiht CSS-gradiendiväljaks, lõuend lõpetab sakist lahkumisel täielikult renderdamise ja igaüks, kes on oma süsteemilt prefers-reduced-motion palunud, saab liikumatu pildi.

Kolmekeelne kuni slugini välja

Tõlge ei ole keelevahetaja. Igal kolmeteistkümnest marsruudist on igas keeles oma avalik slug — teenuste indeks on eesti keeles /teenused, inglise keeles /services ja vene keeles /uslugi ning agentuuri maandumisleht on vastavalt /e-kaubanduse-agentuur, /ecommerce-agency-estonia ja /sozdanie-internet-magazina-estonia. Eesti keel on autoriteetne ja serveeritakse paljalt domeenilt ilma eesliiteta. Automaatne keeletuvastus on meelega välja lülitatud, nii et Googlebot maandub alati eestikeelsel avalehel, selle asemel et Accept-Language päis ta mujale põrgataks. Ja kahel marsruudiperekonnal, kus slugid erinevad artikli ja teenuse kaupa, eemaldab vahevara raamistiku automaatse Link päise — rahule jäetuna ütleks see otsingumootoritele, et sama slug eksisteerib kõigis kolmes keeles, mida ta ei tee.

SEO-mootor ühe peavõtmesõnaga

Eestikeelse avalehe <h1> on külmutatud. See ütleb „Shopify e-poe tegemine Eesti turule.“ ja seda ei tohi muuta ilma selgesõnalise otsuseta, sest kogu lehe eestikeelne pool on ehitatud seda fraasi omama. Kõik selle ümber on projekteeritud nii, et struktuur ei saaks vaikselt mädaneda. Saidikaart genereeritakse ammendavast kirjest iga marsruudi kohta, mis tähendab, et lehe lisamine ilma seda klassifitseerimata kukutab ehituse, selle asemel et orvu välja saata. Kaheksakümmend üks URL-i kannavad igaüks täielikku neljakeelset hreflang-komplekti koos x-default-iga, iga leht ütleb oma indekseerimisjuhised otsesõnu välja ja privaatsuspoliitika on ainus asi koodibaasis, mis on märgitud noindex. Kümme struktuurandmete koostajat lahenevad kõik ühe ProfessionalService identiteedi juurde, nii et graaf kirjeldab üht äri, mitte igal lehel erinevat ettevõtet — ja selle üksuse knowsAbout loend on kirjutatud kõigis kolmes keeles, sest just nii küsimusi küsitakse. Selle all istub seitse teenuselehte, millest kolm on kirjutatud spetsiaalselt kaupmeestele, kes lahkuvad WooCommerce'ilt, Magentolt ja Wixilt.

GEO-kiht — kirjutatud selleks, et teda tsiteeritaks

Otsing on üha enam vestlus assistendiga ja assistendid tsiteerivad seda, mida on kõige lihtsam täpselt tsiteerida. Seega kirjutasime tsitaadid ise. Leht avaldab llms.txt-i, mis genereeritakse samadest konstantidest, mis lehti renderdavad — täielik kahekümne ühe teenuse kataloog koos tootekoodide ja hinnaankrutega, kontaktandmed, broneerimislink ja iga võtmeleht kõigis kolmes keeles — kõrval llms-full.txt, mis kannab kõigi kolmekümne artikli täisteksti, umbes kakskümmend neli tuhat sõna, ühes päringus. See lõpeb märkmete plokiga assistentidele, mis palub nimelist omistamist ja parandab ühe konkreetse aegunud nõuande, mida mudelid siiani kordavad: Shopify Payments on Eestis saadaval, ükskõik mida vanemad artiklid väidavad. Kolmteist roomajat on nimeliselt lubatud — GPTBot, Google-Extended, PerplexityBot, ClaudeBot, Applebot, Meta-ExternalAgent, YandexBot ja ülejäänud. Teek kõige selle taga on kolmkümmend artiklit: kümme teemat, kirjutatud natiivselt eesti, vene ja inglise keeles ning tõlkevõtme kaudu ristviidatud, mitte ühest originaalist masintõlgitud.

Müügivihjete püüdmine ja broneerimine ERPFlow.ai peal

Agentuuri lehe päris väljund on kvalifitseeritud müügivihje, nii et ühendasime viimase miili otse ERPFlow.ai-ga, meie enda platvormiga. Pakkumisvorm postitab serveri poolel ERPFlow müügivihjete API-sse ja sealne broneerimisleht asendas Calendly täielikult — mis tähendab, et päring maandub samas süsteemis, mis hiljem väljastab pakkumise ja arve, ilma ekspordisammuta ja ilma teise postkastita. Valideerimine on üks raamistikuvaba leping, mille impordivad nii brauser kui server, nii et väljade piirid ja loendid ei saa nende vahel lahku triivida. Cloudflare Turnstile'i kontrollitakse serveri poolel ja see kukub kinni, sest sellisel vormil kaalub rämpsukaitse üles kättesaadavuse. Ja kui ligipääsuandmed peaksid kunagi kaduma, ütleb vorm seda ja osutab broneerimislehele ning telefoninumbrile, selle asemel et müügivihje vaikselt alla neelata. ERPFlow enda lugu on omaette kliendilugu.

Tulemus

Eesti E-pood tuli Wixilt ära kahe nädalaga ja sai platvormi paar kuud hiljem ümberehitusega: kaheksakümmend neli staatiliselt renderdatud lehte kolmes keeles, kassaaparaadist ehitatud disainisüsteem, kahekümne kahe tuhande osakesega joonistatud kaubandusteekond ja otsingu- ning tsiteerimiskiht, mis kohtleb assistendi poolt tsiteeritud saamist esmaklassilise tulemusena, mitte kõrvalmõjuna. See on leht, mis e-kaubanduse agentuuril peab olema — tõend, mitte brošüür.