Laser House, από WordPress σε Symbols CMS on Astro Framework

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

Το Laser House ζει από την εμπειρία στο κινητό. Ο τυπικός επισκέπτης ψάχνει «μόνιμη αποτρίχωση Κολωνάκι» από το τηλέφωνό του, ανοίγει τρία sites παράλληλα, και μένει σε αυτό που φορτώνει πρώτο και δείχνει σοβαρό. Το παλιό site έχανε αυτή τη σύγκριση κάθε φορά, και τη έχανε πληρωμένη — γιατί οι μισοί από αυτούς τους επισκέπτες έρχονταν από Google Ads.

• PageSpeed mobile στο 31, με LCP στα 6,8 δευτερόλεπτα. Ο επισκέπτης έφευγε πριν προλάβει να φορτώσει η πρώτη φωτογραφία του ιατρείου.
• Elementor με 40+ ενεργά plugins. Μια αλλαγή σε μία σελίδα σήμαινε δύο με τρεις ώρες τεχνικής δουλειάς.
• CLS 0,41, εικόνες χωρίς διαστάσεις, περιεχόμενο που μετατοπιζόταν στη φόρτωση. Ο χρήστης πήγαινε να πατήσει «Κλείσε ραντεβού» και το κουμπί έφευγε από κάτω του.
• Εικόνες 3,8 MB ανά σελίδα. Οι φωτογραφίες πριν και μετά, ο χώρος, ο εξοπλισμός — αυτά είναι το προϊόν σε ένα ιατρείο αισθητικής. Και δεν είχαν περάσει ποτέ από καμία επεξεργασία.
• JavaScript 2,1 MB. Μόνο το Elementor φόρτωνε γύρω στα 800 KB πριν καν αρχίσουν τα plugins.
• Google Ads Quality Score 5-6 στα 10. Οι αργές landing pages έριχναν το score, το score ανέβαζε το κόστος ανά κλικ, και το ίδιο budget αγόραζε λιγότερους επισκέπτες κάθε μήνα.

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

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

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

Γιατί Astro Framework για ιατρείο αισθητικής

1. Το image pipeline, που εδώ είναι όλη η δουλειά

Ένα ιατρείο αισθητικής πουλάει με εικόνες. Φωτογραφίες πριν και μετά, πορτρέτα των ιατρών, ο χώρος, ο εξοπλισμός Candela Pro Max, οι πιστοποιήσεις. Στο WordPress αυτές οι εικόνες ανέβαιναν όπως βγήκαν από τη μηχανή και σερβίρονταν όπως ανέβηκαν. Στο Astro περνούν από το build και φτάνουν στον επισκέπτη έτοιμες:

Στον κώδικα φαίνεται σαν συνηθισμένη εικόνα. Η διαφορά είναι ότι το <Image> του Astro ξέρει τις πραγματικές διαστάσεις του αρχείου πριν καν φορτώσει η σελίδα:

---
// src/pages/therapeies/monimi-apotrichosi.astro
import { Image } from 'astro:assets';
import hero from '../../assets/apotrichosi-kolonaki.jpg';   // 3200 × 2000
---

<Image
  src={hero}
  alt="Θεραπεία μόνιμης αποτρίχωσης με Candela Pro Max στο ιατρείο Κολωνακίου"
  widths={[400, 768, 1200, 1920, 2400]}
  sizes="(max-width: 768px) 100vw, (max-width: 1200px) 90vw, 1200px"
  formats={['avif', 'webp']}
  loading="eager"
  fetchpriority="high"
/>

Δύο λεπτομέρειες κάνουν τη διαφορά εδώ. Το sizes λέει στον browser πόσο χώρο θα καταλάβει η εικόνα πριν ξεκινήσει να την κατεβάζει, οπότε σε κινητό ζητάει την έκδοση των 400px και όχι των 2400. Και το fetchpriority="high" βάζει τη φωτογραφία του hero μπροστά από όλα τα υπόλοιπα στην ουρά, επειδή αυτή είναι το στοιχείο που μετράει το LCP.

Το width και το height μπαίνουν αυτόματα από τα μεταδεδομένα του αρχείου. Γι’ αυτό ακριβώς το CLS έπεσε από 0,41 σε 0,03: ο browser κρατάει τον σωστό χώρο από την πρώτη στιγμή, και το κουμπί «Κλείσε ραντεβού» δεν κουνιέται πια κάτω από το δάχτυλο.

Οι εικόνες πέρασαν από 3,8 MB σε λιγότερο από 180 KB ανά σελίδα, χωρίς ορατή διαφορά.

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

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

3. Islands Architecture

Οι περισσότερες σελίδες —θεραπείες, τοποθεσίες, ιατρική ομάδα, συχνές ερωτήσεις— είναι κείμενο και εικόνες. Δεν χρειάζονται JavaScript, και το Astro δεν τους στέλνει καθόλου. Μόνο τέσσερα πράγματα σε όλο το site είναι islands: το κουμπί ραντεβού, η gallery με swipe, η φόρμα επικοινωνίας, και το cookie consent. Το καθένα φορτώνει μόνο όταν εμφανιστεί στην οθόνη.

Το JavaScript έπεσε από 2,1 MB σε λιγότερα από 35 KB στην αρχική φόρτωση.

4. Σχεδιασμός mobile-first, από το Figma

Το παλιό site ήταν σχεδιασμένο για οθόνη υπολογιστή και «προσαρμοσμένο» για κινητό εκ των υστέρων. Το νέο σχεδιάστηκε από την αρχή για το κινητό: σταθερό κουμπί ραντεβού στο κάτω μέρος, στόχοι αφής τουλάχιστον 44 επί 44 pixel, swipe στη gallery, κλήση με ένα άγγιγμα και εναλλακτική σε WhatsApp, αυτόματη επιλογή μεταξύ Κολωνακίου και Γλυφάδας, και σεβασμός στη ρύθμιση «λιγότερη κίνηση» για όσους τη χρειάζονται.

5. Το Google Ads Quality Score, και γιατί η ταχύτητα είναι λεφτά

Εδώ είναι το κομμάτι που δεν φαίνεται σε κανένα Lighthouse report, αλλά φαίνεται στον λογαριασμό. Το Google Ads βαθμολογεί κάθε landing page με Landing Page Experience, και τα Core Web Vitals μετράνε σε αυτή τη βαθμολογία. Χαμηλό Quality Score σημαίνει ότι πληρώνεις περισσότερα για την ίδια θέση από τον ανταγωνιστή σου.

6. SEO που δεν περιμένει JavaScript

Το Astro παράγει πλήρες semantic HTML, οπότε ο crawler διαβάζει τα πάντα με την πρώτη απάντηση του server. Για ένα ιατρείο με δύο διευθύνσεις αυτό είναι κρίσιμο: η Google πρέπει να καταλάβει ότι πρόκειται για δύο ξεχωριστά φυσικά σημεία, όχι για ένα με δύο τηλέφωνα.

---
// src/components/ClinicSchema.astro — μία εγγραφή ανά ιατρείο
const clinics = [
  { name: 'Laser House Κολωνάκι', street: '…', area: 'Κολωνάκι', postal: '106 73' },
  { name: 'Laser House Γλυφάδα',  street: '…', area: 'Γλυφάδα',  postal: '166 74' },
];
---

{clinics.map((c) => (
  <script type="application/ld+json" set:html={JSON.stringify({
    '@context': 'https://schema.org',
    '@type': 'MedicalBusiness',
    name: c.name,
    medicalSpecialty: 'Dermatology',
    address: {
      '@type': 'PostalAddress',
      streetAddress: c.street,
      addressLocality: c.area,
      postalCode: c.postal,
      addressCountry: 'GR',
    },
    areaServed: c.area,
  })} />
))}

Επειδή αυτό τρέχει σε build time, το structured data βρίσκεται μέσα στο HTML που κατεβάζει ο crawler — δεν εμφανίζεται αφού εκτελεστεί κάποιο plugin, όπως γινόταν στο WordPress. Το ίδιο ισχύει για τα schemas των υπηρεσιών και των συχνών ερωτήσεων, που τραβάνε rich snippets στα αποτελέσματα.

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

Στο παλιό WordPress έτρεχαν πάνω από σαράντα plugins: Elementor και Elementor Pro, WPML, Yoast, WP Rocket για caching που δεν αρκούσε, φόρμες, cookies, anti-spam, backup, security, analytics, και άλλα τριάντα. Κάθε μήνας έφερνε ενημερώσεις, ασυμβατότητες PHP, και ένα admin που σερνόταν.

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

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

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

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

Η ομάδα του Laser House χρειάζεται να ανεβάζει φωτογραφίες και να αλλάζει καμπάνιες, όχι να ανοίγει code editor. Το Symbols CMS τρέχει πάνω από το Astro build layer και προσφέρει:

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

Μια νέα θεραπεία μπαίνει σε τρία λεπτά. Οι high-res φωτογραφίες βελτιστοποιούνται μόνες τους. Κάθε αλλαγή είναι live σε λιγότερο από 30 δευτερόλεπτα.

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

Τρεις εβδομάδες, πέντε φάσεις, με το ρίσκο συγκεντρωμένο σε ένα σημείο: το switch.

1. Καταγραφή URL και περιεχομένου: crawling του παλιού laserhouse.gr με Screaming Frog. 94 σελίδες σε παραγωγή, 41 με σημαντική οργανική κίνηση ή ενεργές ως landing pages στο Google Ads.
2. Εξαγωγή περιεχομένου από τη βάση του WordPress σε structured markdown, με διατήρηση των meta tags, των canonical URLs και του alt text κάθε εικόνας.
3. Design system: custom σχεδιασμός σε Figma πάνω στην ταυτότητα του Laser House. Mobile-first, με έμφαση στην ιατρική αξιοπιστία και στο premium αίσθημα.
4. Ανάπτυξη σε Astro, με εβδομαδιαία preview links για έλεγχο.
5. Cutover: αλλαγή DNS Δευτέρα 05:30, με την παλιά υποδομή σε αναμονή για 48 ώρες. 301 redirects ένα-προς-ένα για κάθε URL που άλλαξε, ώστε να μη χαθεί ούτε ένα ranking και να μη σταματήσει καμία καμπάνια.

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

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

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

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

Και τα τρία Core Web Vitals πέρασαν στο «good»: LCP κάτω από 2,5 δευτερόλεπτα, INP κάτω από 200ms, CLS κάτω από 0,1.

Στο SEO, η οργανική κίνηση ανέβηκε +41% τις πρώτες 60 ημέρες, το «μόνιμη αποτρίχωση Κολωνάκι» ανέβηκε από τη θέση #14 στη #3, και το bounce rate σε κινητό έπεσε από 71% σε 38%.

Στο Google Ads, το Quality Score πήγε από 5-6 σε 9-10, το κόστος ανά κλικ έπεσε 22%, το CTR ανέβηκε 18%, τα ραντεβού 43%, και το κόστος ανά ραντεβού έπεσε 34%. Κανένα από αυτά δεν χρειάστηκε αλλαγή στη στρατηγική των καμπανιών. Άλλαξε μόνο το site στο οποίο προσγειώνονταν.

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

Στη Symbols House of Brands διαλέγουμε stack με βάση το έργο. Για το Laser House:

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

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

Συμπέρασμα

Ένα ιατρείο αισθητικής χρειάζεται site που ανοίγει σε λιγότερο από ενάμιση δευτερόλεπτο στο κινητό, δείχνει τις φωτογραφίες του χωρίς να καίει bandwidth, έχει ξεκάθαρο δρόμο προς το ραντεβού, ανεβάζει αντί να ρίχνει το Quality Score, και δεν σπάει κάθε φορά που ενημερώνεται ένα plugin. Το laserhouse.gr τα έχει και τα πέντε.

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

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

Δείτε την υπηρεσία μας κατασκευή ιστοσελίδων σε Astro ή κλείστε ραντεβού γνωριμίας για να δούμε αν ταιριάζει στο δικό σας έργο.