Imperial Insurance, από WordPress σε Symbols CMS on Astro Framework

Το πρόβλημα με το παλιό WordPress

Ο ασφαλιστικός κλάδος είναι από τους πιο ανταγωνιστικούς online. Ο επισκέπτης που ψάχνει μεσίτη δεν έχει τρόπο να κρίνει την ποιότητα της συμβουλής πριν σου μιλήσει· κρίνει από ό,τι βλέπει. Και το πρώτο πράγμα που έβλεπε στο imperial.gr ήταν μια λευκή οθόνη για πέντε δευτερόλεπτα.

Το προηγούμενο site έδειχνε όλα τα κλασικά σημάδια ενός WordPress που μεγάλωσε πέρα από τη βιώσιμη κλίμακα:

• PageSpeed mobile στο 38, με LCP πάνω από 5 δευτερόλεπτα. Απαράδεκτο για site που στηρίζει την αξιοπιστία του σε έναν ρυθμιζόμενο κλάδο.
• 35+ ενεργά plugins, από contact forms και SEO tools μέχρι security patches και caching. Το καθένα πρόσθετε 30-100 KB JavaScript στο bundle, ακόμη και σε σελίδες που δεν το χρειάζονταν.
• Θέμα οκτώ ετών, με στρώσεις από page builder overrides. Κάθε νέα σελίδα ξεκινούσε από μια απρόβλεπτη αφετηρία.
• CLS 0,32, εικόνες χωρίς width και height, και περιεχόμενο που χοροπηδούσε στη φόρτωση. Ο χρήστης πήγαινε να πατήσει «Επικοινωνία» και το κουμπί έφευγε.
• Μηνιαίες αναβαθμίσεις σε WordPress core, plugins και συμβατότητα PHP. Η ομάδα της Imperial πουλάει ασφάλειες, δεν συντηρεί υποδομή.
• Γερά rankings σε παλιά URLs, που έκαναν κάθε τεχνική αλλαγή ρίσκο αντί για ευκαιρία.

Η λύση, Symbols CMS πάνω σε Astro Framework

Επιλέξαμε το Astro Framework για τους ίδιους λόγους που το επιλέγουμε σε κάθε κατασκευή ιστοσελίδων υψηλών επιδόσεων: παράγει στατικό HTML στο edge, με μηδενικό JavaScript by default, και επιτρέπει «islands» για διαδραστικά στοιχεία μόνο εκεί που πραγματικά χρειάζονται.

Πάνω από το build layer τρέχει το Symbols CMS, που δίνει στην ομάδα της Imperial ένα φιλικό interface χωρίς να θυσιάζεται καμία από τις τεχνικές αρετές του Astro.

Γιατί Astro Framework για ασφαλιστικό site

1. Στατικό HTML στο edge

Κάθε σελίδα παράγεται σε build time και δημοσιεύεται σε 300+ Cloudflare edge nodes. Ο επισκέπτης από την Αθήνα την παίρνει από τον κοντινότερο κόμβο με TTFB κάτω από 50ms. Δεν τρέχει PHP, δεν χτυπάει βάση, δεν υπάρχει render σε κάθε request. Η σελίδα υπάρχει ήδη και απλώς παραδίδεται.

2. Islands Architecture, ή γιατί τα 1,8 MB έγιναν 40 KB

Οι περισσότερες σελίδες της Imperial —Ποιοι είμαστε, Υπηρεσίες, Επικοινωνία— είναι κείμενο και εικόνες. Δεν χρειάζονται JavaScript για να λειτουργήσουν, και το Astro δεν τους στέλνει καθόλου. Μόνο τα πραγματικά διαδραστικά κομμάτια γίνονται «islands»: μικρά, απομονωμένα νησιά κώδικα που ζωντανεύουν ξεχωριστά το καθένα.

Στην πράξη το γράφεις με μία λέξη. Το client:visible λέει στο Astro να στείλει τον κώδικα της φόρμας μόνο όταν ο επισκέπτης κυλήσει μέχρι εκεί — αν φύγει νωρίτερα, δεν κατέβηκε ποτέ:

---
// src/pages/epikoinonia.astro
import Layout from '../layouts/BaseLayout.astro';
import ContactForm from '../components/ContactForm.tsx';
---

<Layout title="Επικοινωνία">
  <!-- Καθαρό HTML. Μηδέν JavaScript φεύγει για αυτά. -->
  <h1>Μιλήστε με έναν μεσίτη</h1>
  <p>Πείτε μας τι θέλετε να ασφαλίσετε και σας απαντάμε αυθημερόν.</p>

  <!-- Το μοναδικό κομμάτι της σελίδας που στέλνει κώδικα στον browser,
       και μόνο όταν φανεί στην οθόνη. -->
  <ContactForm client:visible />
</Layout>

Στο WordPress η αντίστοιχη φόρμα σήμαινε ένα plugin, που φόρτωνε jQuery, που φόρτωνε το δικό του CSS, σε κάθε σελίδα του site — και στη σελίδα «Ποιοι είμαστε», όπου δεν υπάρχει καμία φόρμα.

Το αποτέλεσμα δεν είναι τρικ βελτιστοποίησης. Είναι διαφορετική αρχιτεκτονική: από ~1,8 MB σε λιγότερα από 40 KB.

3. Επεξεργασία εικόνας μέσα στο build

Ένα ασφαλιστικό site είναι γεμάτο πρόσωπα: οικογένειες, επαγγελματίες, στιγμές που χτίζουν εμπιστοσύνη. Αυτές οι φωτογραφίες είναι το βαρύτερο κομμάτι κάθε σελίδας, και στο WordPress τις σέρβιρε ένα plugin που έκανε ό,τι προλάβαινε αφού είχε ήδη ξεκινήσει η φόρτωση. Στο Astro η δουλειά γίνεται μία φορά, στο build, και ο επισκέπτης τις παίρνει έτοιμες:

Η αλλαγή στον κώδικα είναι μία γραμμή. Αντί για <img> που ο browser παίρνει όπως το βρει, το <Image> του Astro παράγει όλα τα μεγέθη και αφήνει τον browser να διαλέξει:

---
// src/pages/asfalisi-ygeias.astro
import { Image } from 'astro:assets';
import hero from '../assets/ygeia-hero.jpg';   // 4000 × 2500, 3,4 MB
---

<Image
  src={hero}
  alt="Οικογένεια σε συνάντηση με σύμβουλο ασφάλισης υγείας"
  widths={[420, 760, 1200]}
  sizes="(max-width: 800px) 100vw, 1200px"
  formats={['avif', 'webp']}
  loading="eager"
/>

Το widths ορίζει ποια μεγέθη θα παραχθούν, το sizes λέει στον browser πόσο χώρο θα πιάσει η εικόνα ώστε να κατεβάσει το σωστό, και τα formats δίνουν AVIF σε όποιον το υποστηρίζει με WebP για τους υπόλοιπους. Το width και το height μπαίνουν μόνα τους από τα μεταδεδομένα του αρχείου — γι’ αυτό ακριβώς το CLS έπεσε από 0,32 σχεδόν στο μηδέν: ο browser ξέρει πόσο χώρο να κρατήσει πριν καν αρχίσει να κατεβάζει.

4. Content Collections με TypeScript

Οι υπηρεσίες, οι κατηγορίες ασφάλισης και τα άρθρα ζουν ως structured content σε markdown, με frontmatter που ελέγχεται από TypeScript schemas. Η ομάδα γράφει μέσα από το Symbols CMS, αλλά από κάτω τα δεδομένα είναι προβλέψιμα, μπαίνουν σε Git με ιστορικό, και δεν εξαρτώνται από το αν σηκώνεται η MySQL.

5. SEO χωρίς να τρέξει JavaScript

Το Astro παράγει πλήρες semantic HTML που ο crawler διαβάζει άμεσα. Τα structured data —Organization, LocalBusiness, Service— βρίσκονται μέσα στην πρώτη απάντηση του server, όχι μετά από εκτέλεση JavaScript. Meta tags, canonical, Open Graph, sitemap και robots παράγονται από το build, με έλεγχο ανά σελίδα.

6. Τέλος ο πόλεμος με τα plugins

Στο WordPress κάθε μήνας έφερνε το ίδιο τελετουργικό: δοκιμή σε staging, σταυρωμένα δάχτυλα για τη συμβατότητα PHP, ευπάθειες σε ό,τι ξέμεινε χωρίς ενημέρωση, και ένα admin που σερνόταν κάτω από τριάντα ταυτόχρονα ενεργά plugins.

Στο Astro δεν υπάρχουν plugins. Υπάρχουν npm packages που ζουν στον κώδικα, χτίζονται μία φορά στο build, και δεν εκτελούνται ποτέ σε παραγωγή. Ό,τι δεν τρέχει, δεν χακάρεται.

7. Deploys χωρίς διακοπή, και επαναφορά με ένα κλικ

Κάθε αλλαγή βγαίνει πρώτα σε ξεχωριστό URL προεπισκόπησης. Η ομάδα τη βλέπει ζωντανή πριν πάει σε παραγωγή. Με την έγκριση, το production δείχνει τη νέα έκδοση σε λιγότερο από 5 δευτερόλεπτα μέσω atomic swap στο Cloudflare edge.

Κι αν κάτι πάει στραβά, ένα κλικ επαναφέρει την προηγούμενη έκδοση. Χωρίς επαναφορά βάσης, χωρίς να χρειαστεί τεχνικός στις έντεκα το βράδυ. Σε έναν κλάδο όπου η διαθεσιμότητα είναι μέρος της αξιοπιστίας, αυτό μετράει.

Symbols CMS, το admin πάνω στο Astro

Η ομάδα της Imperial δεν χρειάζεται να αγγίξει markdown ή Git. Το Symbols CMS τρέχει πάνω από το Astro build layer και προσφέρει:

• Visual page editor με προεπισκόπηση σε desktop, tablet και mobile
• Structured content blocks για υπηρεσίες ασφάλισης, κατηγορίες, testimonials και blog
• Multi-user roles (admin, editor, viewer) με audit trail
• Media library με αυτόματη βελτιστοποίηση εικόνων
• SEO editor ανά σελίδα (title, description, OG image, schema)
• Ροή δημοσίευσης με draft, review και publish
• Ιστορικό εκδόσεων σε κάθε αλλαγή, με επαναφορά σε ένα κλικ

Ενημερώνουν τιμοκαταλόγους, ανεβάζουν άρθρα, αλλάζουν καμπάνιες — χωρίς να ακουμπήσουν γραμμή κώδικα.

Η μετάβαση, βήμα προς βήμα

Η μετακίνηση έγινε σε πέντε φάσεις, με τη λογική ότι το ρίσκο δεν είναι το χτίσιμο αλλά το switch:

1. Καταγραφή URL: crawling του παλιού imperial.gr και καταγραφή κάθε διεύθυνσης με επισκεψιμότητα ή backlinks. 187 σελίδες σε παραγωγή, 43 από αυτές με σημαντική οργανική κίνηση.
2. Μεταφορά περιεχομένου: εξαγωγή από τη βάση του WordPress σε structured markdown, με διατήρηση όλων των meta tags, canonical URLs και schema markup.
3. Design system: custom σχεδιασμός σε Figma, χτισμένος πάνω στην ταυτότητα των 50 ετών της Imperial. Mobile-first, με έμφαση στη σαφήνεια και την εμπιστοσύνη.
4. Ανάπτυξη σε Astro: τρεις εβδομάδες, με εβδομαδιαία preview links για έλεγχο από την ομάδα.
5. Cutover: αλλαγή DNS σε ώρα χαμηλής κίνησης, Κυριακή 06:00, με την παλιά υποδομή σε αναμονή για 24 ώρες ως δίχτυ ασφαλείας. 301 redirects ένα-προς-ένα για κάθε URL που άλλαξε.

Αποτέλεσμα: μηδέν downtime, μηδέν χαμένη οργανική κίνηση, μηδέν 404 σε επισκέπτη που ερχόταν από παλιό σύνδεσμο.

Αποτελέσματα

Τα νούμερα μετά τη μετάβαση, μετρημένα με το επίσημο PageSpeed Insights της Google:

Δείτε το live report: pagespeed.web.dev για imperial.gr.

Τι σήμαινε αυτό για το SEO

Τα Core Web Vitals είναι επίσημος ranking factor της Google από το 2021. Το imperial.gr πέρασε άμεσα από «poor» σε «good» και στις τρεις μετρήσεις: LCP κάτω από 2,5 δευτερόλεπτα, INP κάτω από 200ms, CLS κάτω από 0,1.

Τις πρώτες 60 ημέρες μετά τη μετάβαση η οργανική κίνηση από τη Google αυξήθηκε +34% με τις ίδιες ακριβώς λέξεις-κλειδιά — δηλαδή καθαρά από καλύτερη κατάταξη, χωρίς νέο περιεχόμενο. Το bounce rate σε κινητό έπεσε από 68% σε 41%.

Γιατί Astro και όχι Next.js ή headless WordPress

Στη Symbols House of Brands διαλέγουμε stack με βάση το έργο, όχι με βάση το τι ξέρουμε καλύτερα. Για την Imperial:

• Next.js θα ήταν υπερβολή. Δεν υπάρχει dynamic dashboard, δεν χρειάζονται server components, δεν χρειάζεται το οικοσύστημα του React. Πολυπλοκότητα χωρίς αντάλλαγμα.
• Headless WordPress θα κρατούσε τη διπλή στοίβα, WordPress από πίσω και framework από μπροστά. Δηλαδή ακριβώς τη συντήρηση που ήθελε να αφήσει πίσω της η ομάδα.
• Astro ταιριάζει: site με πολύ περιεχόμενο, ελάχιστη διαδραστικότητα, κρίσιμο mobile performance, καθαρό SEO, χαμηλό κόστος συντήρησης.

Αναλυτικά η σύγκριση: WordPress vs Jamstack 2026.

Συμπέρασμα

Ένα ασφαλιστικό site δεν χρειάζεται πυροτεχνήματα. Χρειάζεται να ανοίγει αμέσως, να δείχνει σοβαρό, να δουλεύει άψογα στο κινητό, και να μη γίνεται τεχνικό βάρος για την ομάδα που το διαχειρίζεται. Το imperial.gr έχει τώρα και τα τέσσερα.

Ο συνδυασμός Symbols CMS + Astro Framework παραδίδει Lighthouse Performance 90+ εγγυημένο γραπτώς, μηδενικό JavaScript overhead by default, native βελτιστοποίηση εικόνων, Content Collections με έλεγχο τύπων, edge deployment σε Cloudflare, visual CMS για την ομάδα, deploys χωρίς διακοπή με επαναφορά σε ένα κλικ, και μηδέν συντήρηση plugins.

Για κάθε ελληνική επιχείρηση που θέλει να αφήσει πίσω της τα WordPress plugins και να ανεβάσει σοβαρά τα Core Web Vitals της, το Symbols CMS με Astro Framework αποτελεί μία από τις πιο ανταγωνιστικές επιλογές. Δείτε την υπηρεσία μας κατασκευή ιστοσελίδων σε Astro ή κλείστε ραντεβού γνωριμίας για να δούμε αν ταιριάζει στο δικό σας έργο.