Pale Blue Dot
Ilus leht, katkine vundament: päringukirjad ei jõudnud kohale ja midagi polnud mõõdetav. Tehniline SEO, e-posti taristu ja oma päringuvorm.
Klient: Pale Blue Dot — kutsepõhine personaalne reisiteenus Tehtud töö: tehniline SEO, arendus, e-posti taristu, analüütika, sisu vundament Tehnoloogia: WordPress (kohandatud teema), PHP, MySQL, Nginx
Lühikokkuvõte
Pale Blue Dot teenindab liikmeid kutse alusel: liige esitab reisisoovi ja isiklik tiim korraldab ülejäänu. Veebileht on ainus koht, kus uued liikmed teenusega kokku puutuvad, ja päringuvorm on ainus sissepääs.
Disain oli tugev. Kõik selle taga olev mitte. Auditi käigus selgus, et probleem polnud kosmeetiline: leht kaotas nähtavust otsingus, päringukirjad ei jõudnud postkasti ja midagi sellest ei olnud mõõdetav, sest analüütikat polnud paigaldatud.
Väljakutse
Kutsepõhise teenuse puhul on iga päring ebaproportsionaalselt väärtuslik. Just seetõttu oli iga leke tee peal kallis:
- Otsingumootorid nägid vale pealkirja. Teema kirjutas
<title>otse igasse malli, mistõttu SEO-seaded ei jõudnud kunagi lehele. - Päringukirjad põrkusid tagasi. Serveri väljuv port 25 oli blokeeritud ja domeenil puudus e-posti autentimine.
- Vorm sõltus kolmanda osapoole pluginast — piiratud kujundus, piiratud kontroll rämpsposti üle.
- Struktuurandmed puudusid, mistõttu ei otsingumootorid ega AI-vastused osanud teenust õigesti tõlgendada.
- Sisu kasvuks polnud kohta — puudus ajakiri või blogi, mille kaudu orgaanilist nähtavust üldse kasvatada.
Lahendus
1. Tehniline SEO — kontroll tagasi
Eemaldasime malli sisse kirjutatud pealkirjad ja andsime kontrolli tagasi SEO-kihile. Iga leht sai unikaalse pealkirja, kirjelduse ja kanoonilise aadressi. Lisaks korrastasime XML-sisukaardi ja sisemise linkimise, et uued lehed jõuaksid indekseerimisse ilma käsitsi sekkumiseta.
2. Jõudlus — 1523 pilti WebP-sse
Teisendasime 1523 pilti WebP-vormingusse ja serveerime neid automaatselt, ilma et keegi peaks meediateeki puutuma. Jälgimisskript laaditakse viivitusega — alles esimesel interaktsioonil või kolme sekundi pärast — nii et analüütika lisandus jõudlust langetamata.
3. E-posti taristu — kirjad jõuavad kohale
Kõige kulukam viga oli nähtamatu: päringud jõudsid andmebaasi, aga teavituskirjad ei jõudnud kunagi kohale. Serveri väljuv port 25 oli suletud.
Suunasime kirjad autenditud SMTP kaudu (port 587, STARTTLS) ja seadistasime domeenile täieliku autentimise: SPF, DKIM, DMARC ning CAA sertifikaatide kaitseks. Kõik neli läbivad kontrolli.
4. Päringuvorm ilma pluginata
Asendasime plugina omaehitatud vormiga, mis salvestab päringud otse andmebaasi ja saadab kaks brändikujundusega kirja: teavituse tiimile ja automaatvastuse päringu esitajale.
Rämpsposti tõrjub neli kihti korraga — peidetud honeypot-väli, ajalõks, rate limit ja nähtamatu Cloudflare Turnstile. Vorm kohandub päringu tüübi järgi: ettevõtted ja partnerid näevad lisavälju, eraisikud mitte.
5. Turvalisus
Lisasime turvapäised (HSTS, COOP, X-Frame-Options, Permissions-Policy), sulgesime kasutajanimede lekke REST-liidesest ja peitsime WordPressi versiooninumbri.
6. Mõõtmine ja nõusolek
Paigaldasime GA4 koos Consent Mode v2 ja nõusolekuribaga ning seadistasime kaheksa kohandatud sündmust — scroll depth, CTA-klikid, e-posti ja telefoni klikid, vormi alustamine ja lõpetamine. Sisseloginud administraatorite liiklus on jälgimisest välja jäetud, et andmed peegeldaksid päris külastajaid.
7. Sisu ja nähtavus AI-vastustes
Ehitasime ajakirja (Journal) mallid, mis järgivad avalehe kujundust, ning kontaktilehe, mis toimib ühtlasi rakendusepoodide nõutava tugilehena.
Struktuurandmed (Organization, ContactPage, FAQPage, Article) teevad teenuse loetavaks nii otsingumootoritele kui AI-vastustele — see on aluseks, kui üha suurem osa nõudlusest liigub vestluspõhistesse otsingutesse.
Tulemus
| Näitaja | Tulemus |
|---|---|
| PageSpeed, töölaud | 94/100 |
| PageSpeed, mobiil | 86/100 |
| Pilte teisendatud WebP-sse | 1523 |
| E-posti autentimise kontrolli läbitud | 4/4 |
| Kohandatud GA4 sündmust | 8 |
| Päringut uue vormi kaudu | 14 |
PageSpeedi näitajad on Google Lighthouse’i mõõtmised. Päringute arv kajastab uue vormi kaudu laekunud kirjeid.
Kõige olulisem muutus ei ole tabelis. Enne tööd võis päring jõuda serverisse ja sinna vaikselt seisma jääda — keegi ei saanud teada, et keegi oli huvitatud. Nüüd jõuab iga päring kahte postkasti ja päringu esitaja saab kohe kinnituse, et temaga võetakse ühendust.
Tehniline kokkuvõte
| Valdkond | Lahendus |
|---|---|
| SEO | Mallidesse kirjutatud pealkirjad eemaldatud, unikaalsed metaandmed, kanoonilised aadressid, XML-sisukaart |
| Jõudlus | 1523 pilti WebP-s, automaatne serveerimine, viivitusega laaditav jälgimisskript |
| E-post | Autenditud SMTP (587 / STARTTLS), SPF · DKIM · DMARC · CAA |
| Vorm | Oma kood, päringud andmebaasi, kaks brändikujundusega kirja, neli rämpspostikihti (honeypot, ajalõks, rate limit, Turnstile) |
| Turvalisus | HSTS, COOP, X-Frame-Options, Permissions-Policy, suletud REST-kasutajaloend |
| Analüütika | GA4, Consent Mode v2, nõusolekuriba, 8 kohandatud sündmust |
| Struktuurandmed | Organization, ContactPage, FAQPage, Article (JSON-LD) |
Mida sellest projektist kaasa võtame
Ilus disain ei ütle midagi selle kohta, kas leht töötab. Siin nägi kõik korras välja ja kolm asja korraga olid katki — pealkirjad, kirjad ja mõõtmine — ilma et keegi oleks seda näinud.
Kutsepõhise teenuse puhul on iga päring ebaproportsionaalselt väärtuslik. Kaotatud kiri ei ole tehniline viga — see on kaotatud lead. Seepärast alustame nüüd iga projekti auditist, ka siis, kui tellitud on midagi muud.
Töö sisaldas tehnilist SEO-d, arendust ja e-posti taristut projektil palebluedot.co.