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

Η Imperial Insurance, μεσίτες ασφαλίσεων με πάνω από 50 χρόνια εμπειρίας στην ελληνική αγορά, ήθελε να μεταφέρει την ψηφιακή της παρουσία από ένα παλιό WordPress site σε μια σύγχρονη υποδομή που να αντικατοπτρίζει την ίδια αξιοπιστία που παρέχει στους πελάτες της offline. Το ξαναχτίσαμε από το μηδέν σε Symbols CMS πάνω στο Astro Framework, με μηδενικό downtime, πλήρη SEO διατήρηση, και Lighthouse mobile score 97+.

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

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

• PageSpeed mobile στο 38, με LCP πάνω από 5 δευτερόλεπτα. Απαράδεκτο για site που στηρίζει credibility σε ένα regulated κλάδο όπως ο ασφαλιστικός.
• 35+ ενεργά plugins, από contact forms και SEO tools μέχρι security patches και caching. Κάθε plugin πρόσθετε 30-100 KB JavaScript στο bundle.
• Θέμα των 8 ετών, με πολλαπλά page builder overrides. Ο editor έβαζε κάθε νέα σελίδα σε μία απρόβλεπτη κατάσταση.
• Πλήρη σελίδα φόρτωσης σε κάθε navigation, χωρίς modern prefetching.
• Θέματα ασφαλείας, monthly WordPress core updates + plugin updates + PHP compatibility. Η ομάδα της Imperial δεν έπρεπε να διαχειρίζεται τεχνικές αναβαθμίσεις.
• CLS 0,32, εικόνες χωρίς width/height, layout shifts κατά τη φόρτωση, κακή εμπειρία σε mobile.
• Σιδερένιο SEO ranking, αλλά σε παλιά URLs που κόστιζαν σε κάθε τεχνική αλλαγή.

Ο ασφαλιστικός κλάδος είναι από τους πιο ανταγωνιστικούς κλάδους online. Για ένα broker με 50 χρόνια portfolio, η ταχύτητα σελίδας και η εμπειρία mobile δεν είναι luxury, είναι πρώτη εντύπωση εμπιστοσύνης.

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

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

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

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

1. Static generation με edge distribution

Κάθε σελίδα του imperial.gr παράγεται σε build time ως στατικό HTML και δημοσιεύεται σε 300+ Cloudflare edge nodes παγκόσμια. Ο επισκέπτης από Αθήνα βλέπει τη σελίδα από τον κοντινότερο data center (Frankfurt ή Athens edge) με TTFB κάτω από 50ms. Δεν υπάρχει server-side rendering, δεν υπάρχει database query σε κάθε request, δεν υπάρχει PHP εκτέλεση. Η σελίδα υπάρχει ήδη, φορτώνει άμεσα.

2. Zero JavaScript by default (Islands Architecture)

Οι περισσότερες σελίδες του Imperial (Ποιοι είμαστε, Υπηρεσίες, Επικοινωνία) είναι πλήρως στατικό περιεχόμενο, δεν χρειάζονται JavaScript για να λειτουργήσουν. Το Astro δεν στέλνει καθόλου JS για αυτές τις σελίδες. Μόνο τα διαδραστικά στοιχεία (contact form, animated menu, insurance calculator prototype) γίνονται «hydrated islands» με τη δική τους συγκεκριμένη λογική.

Αποτέλεσμα: το JavaScript bundle έπεσε από ~1,8 MB σε λιγότερα από 40 KB. Δεν είναι optimization τρικ, είναι διαφορετική αρχιτεκτονική.

3. Native image optimization

Το Astro επεξεργάζεται αυτόματα κάθε εικόνα σε build time:

• WebP και AVIF εναλλακτικά μαζί με fallback JPG
• Responsive srcset με 3-4 μεγέθη (mobile, tablet, desktop, retina)
• Lazy loading με native loading="lazy"
• Width/height attributes πάντα set, μηδέν CLS
• Blur-up placeholders για hero images

Χωρίς plugins, χωρίς external services, out-of-the-box.

4. Content Collections με τύπους (TypeScript)

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

5. SEO-first server-side rendering

Το Astro παράγει πλήρες, semantic HTML που τα crawlers της Google αναγνωρίζουν άμεσα, χωρίς να χρειάζεται να εκτελέσουν JavaScript. Structured data (Organization, LocalBusiness, Service schemas) εμφανίζεται στο initial HTML response, όχι μετά από JS execution.

Meta tags, canonical URLs, Open Graph, sitemap.xml, robots.txt — όλα generated αυτόματα από το build, με πλήρη έλεγχο ανά σελίδα μέσω των content collections.

6. Μηδέν plugin πόλεμος

Στην παλιά WordPress εγκατάσταση, μηνιαία plugin updates σήμαιναν:

• Δοκιμή σε staging πριν παραγωγή
• Πιθανά PHP compatibility issues
• Security vulnerabilities όταν πλοgins δεν ενημερώνονται εγκαίρως
• Slow admin interface από 30+ ταυτόχρονα active plugins

Στο Astro δεν υπάρχουν plugins. Υπάρχουν npm packages που ζουν στον κώδικα, χτίζονται σε build time, και δεν επηρεάζουν καθόλου την production runtime. Zero attack surface από third-party runtime code.

7. Zero-downtime deploys

Κάθε αλλαγή γίνεται preview σε ένα ξεχωριστό URL της μορφής <hash>.imperial-gr.pages.dev. Η ομάδα της Imperial βλέπει την αλλαγή live πριν πάει σε παραγωγή. Όταν εγκρίνεται, το production URL δείχνει τη νέα έκδοση σε λιγότερο από 5 δευτερόλεπτα μέσω atomic swap στο Cloudflare edge. Zero downtime, ποτέ.

8. One-click rollback

Αν κάτι πάει στραβά, ένα κλικ επαναφέρει την προηγούμενη έκδοση. Δεν χρειάζεται database restore, δεν χρειάζεται τεχνικός. Αυτό είναι κρίσιμο για regulated κλάδους όπως ο ασφαλιστικός, όπου η συνεχής διαθεσιμότητα του site είναι θέμα εμπιστοσύνης.

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

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

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

Η ομάδα της Imperial μπορεί να ενημερώνει τιμοκαταλόγους ασφαλίσεων, να προσθέτει άρθρα σε insurance topics, να αλλάζει banner campaigns, χωρίς ποτέ να αγγίξει τεχνικό κώδικα.

Migration approach, μηδενικό downtime

Η μετάβαση από WordPress σε Astro έγινε σε 5 φάσεις:

1. URL inventory: crawling του υπάρχοντος imperial.gr, καταγραφή κάθε URL με traffic ή backlinks. 187 σελίδες σε production, 43 από αυτές με σημαντική οργανική traffic.
2. Content migration: εξαγωγή από WordPress database σε structured markdown, με διατήρηση όλων των meta tags, canonical URLs, schema markup.
3. Design system: custom Figma design proceeded from Imperial’s 50-year brand identity. Mobile-first, με έμφαση στην εμπιστοσύνη και τη σαφήνεια.
4. Development in Astro: κατασκευή του site σε 3 εβδομάδες, με weekly preview links για review από την ομάδα Imperial.
5. Cutover: DNS switch σε ώρα χαμηλού traffic (Κυριακή 06:00), με παράλληλη υποδομή για 24 ώρες ως safety net. 301 redirects για κάθε αλλαγμένο URL, ένα-προς-ένα, ώστε να μη χαθεί ούτε ένα ranking.

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

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

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

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

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

Πέρα από τα καθαρά performance metrics, τα Core Web Vitals είναι επίσημος ranking factor της Google από το 2021. Το Imperial πέρασε άμεσα από «poor» σε «good» σε όλες τις τρεις μετρήσεις:

• ✅ LCP < 2,5s (target για «good»)
• ✅ INP < 200ms (target για «good»)
• ✅ CLS < 0,1 (target για «good»)

Στους 60 πρώτους ημέρες μετά τη μετάβαση, η οργανική traffic από τη Google αυξήθηκε +34% (ίδιες keywords, καλύτερη κατάταξη), και το bounce rate σε mobile έπεσε από 68% σε 41%.

Γιατί επιλέξαμε Astro και όχι Next.js ή WordPress headless

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

• Next.js θα ήταν υπερβολή. Δεν χρειάζεται server components, δεν έχει dynamic dashboard, δεν χρειάζεται React ecosystem. Overhead χωρίς όφελος.
• Headless WordPress θα κρατούσε τη διπλή τεχνική στοίβα (WP + frontend framework), που είναι ακριβώς αυτό που ήθελε να αφήσει πίσω η Imperial.
• Astro ταιριάζει τέλεια: content-heavy site, minimal interactivity, μέγιστο performance, καθαρή SEO, χαμηλό maintenance overhead.

Διαβάστε αναλυτικά τη σύγκριση των τριών προσεγγίσεων: WordPress vs Jamstack 2026.

Συμπέρασμα

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

Το συνδυασμός Symbols CMS + Astro Framework παραδίδει:

• Lighthouse Performance 95+ εγγυημένο γραπτώς
• Zero JavaScript overhead by default
• Native image optimization
• Content Collections με TypeScript type safety
• Edge deployment σε Cloudflare
• Visual CMS interface για την ομάδα, χωρίς τεχνικές γνώσεις
• Zero downtime, one-click rollback
• Μηδέν plugin maintenance

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