Το πρόβλημα
Ο γονιός που ψάχνει ορθοδοντικό για το παιδί του δεν συγκρίνει πτυχία. Δεν μπορεί. Συγκρίνει αυτό που βλέπει στο κινητό του στα πρώτα δέκα δευτερόλεπτα: πόσο γρήγορα άνοιξε η σελίδα, αν ο χώρος φαίνεται σοβαρός, και αν βρίσκει εύκολα τι κοστίζει. Το παλιό site έχανε και στα τρία.
- Χρόνος φόρτωσης 3 με 5 δευτερόλεπτα σε κινητό. Για landing page διαφήμισης αυτό δεν είναι απλώς αργό, είναι ακριβό: κάθε δευτερόλεπτο ρίχνει το Quality Score και ανεβάζει το κόστος ανά κλικ.
- Responsive εκ των υστέρων. Το layout της οθόνης υπολογιστή «στριμωχνόταν» στο κινητό, με κουμπιά τόσο μικρά που ο χρήστης αστοχούσε.
- Έτοιμο θέμα, ίδιο με δεκάδες άλλα ορθοδοντικά site. Καμία ταυτότητα.
- Φωτογραφίες αρχείου από γενικό ιατρείο. Ο ασθενής έβλεπε έναν χώρο στον οποίο δεν επρόκειτο ποτέ να πάει.
- Συντήρηση plugins κάθε μήνα, με ό,τι σπάει μαζί τους.
Η λύση, custom build σε Astro
Χτίσαμε νέο site σε Astro με δικό του template — όχι έτοιμο starter — σε Cloudflare Pages. Όλες οι σελίδες παράγονται εκ των προτέρων και σερβίρονται από το edge, με ελάχιστο JavaScript μόνο εκεί που υπάρχει πραγματική διαδραστικότητα, εικόνες σε WebP και AVIF με ορισμένες διαστάσεις ώστε τίποτα να μη μετακινείται, κρίσιμο CSS inline, και HTTP/3 με Brotli από το Cloudflare.
Αποτέλεσμα: Lighthouse Performance 95+ και TTFB κάτω από 200ms από οπουδήποτε στην Ελλάδα.
Η αρχιτεκτονική πληροφορίας, το πιο σημαντικό κομμάτι
Εδώ κρίθηκε το έργο, και δεν είναι τεχνικό. Το παλιό site είχε μία σελίδα «Υπηρεσίες» με όλες τις θεραπείες στοιβαγμένες μέσα. Αυτό είναι βολικό για όποιον το γράφει και άχρηστο για όποιον το ψάχνει: ο γονιός που γκουγκλάρει «κόστος κεραμικών σιδερακίων» δεν θέλει μια σελίδα που μιλάει και για μασελάκια.
Δώσαμε σε κάθε θεραπεία δική της σελίδα, με δικό της H1, δικές του συχνές ερωτήσεις, δικές του φωτογραφίες και δικό του schema:
Οι τέσσερις σελίδες δεν γράφτηκαν τέσσερις φορές. Ζουν ως content collection με τυποποιημένα πεδία, και μία διαδρομή τις παράγει όλες μαζί με το structured data τους:
---
// src/pages/[therapeia].astro
import { getCollection, render } from 'astro:content';
export async function getStaticPaths() {
const treatments = await getCollection('therapies');
return treatments.map((t) => ({ params: { therapeia: t.id }, props: { t } }));
}
const { t } = Astro.props;
const { Content } = await render(t);
// Ένα MedicalProcedure ανά θεραπεία, μέσα στο HTML που κατεβάζει ο crawler.
const schema = {
'@context': 'https://schema.org',
'@type': 'MedicalProcedure',
name: t.data.title,
procedureType: 'https://schema.org/NoninvasiveProcedure',
bodyLocation: 'Στοματική κοιλότητα',
howPerformed: t.data.howPerformed,
provider: { '@type': 'Dentist', name: 'TK Orthodontics', areaServed: 'Αθήνα' },
};
---
<script type="application/ld+json" set:html={JSON.stringify(schema)} />
<h1>{t.data.h1}</h1>
<Content />Το κέρδος δεν είναι ότι γράφεται πιο γρήγορα. Είναι ότι δεν μπορεί να ξεχαστεί τίποτα: αν προστεθεί πέμπτη θεραπεία και λείπει το howPerformed, το build σταματάει. Στο WordPress θα είχε ανέβει κανονικά, με ελλιπές schema, και θα το ανακάλυπτε κανείς μήνες μετά — αν το ανακάλυπτε.
Οι τέσσερις θεραπείες
Κεραμικά σιδεράκια, αισθητική ορθοδοντική
Λευκά κεραμικά σιδεράκια που μιμούνται το φυσικό χρώμα των δοντιών. Λειτουργούν ακριβώς όπως τα μεταλλικά, αλλά από κανονική απόσταση είναι σχεδόν αόρατα — η λύση για ενήλικες και εφήβους που θέλουν διακριτική θεραπεία.
Οι κεραμικές αγκύλες κολλιούνται στην εξωτερική επιφάνεια του δοντιού και ενώνονται με λεπτό μεταλλικό σύρμα. Τα σύγχρονα υλικά δεν κιτρινίζουν στη διάρκεια της θεραπείας, και οι προσδέσεις διατίθενται διαφανείς ή λευκές για ακόμη πιο διακριτικό αποτέλεσμα.
Η σελίδα: tkorthodontics.gr/keramika-siderakia, με σύγκριση απέναντι στα μεταλλικά και ξεχωριστή σελίδα για το κόστος κεραμικών σιδερακίων στην Αθήνα — γιατί όποιος ψάχνει τιμή είναι ένα βήμα πριν το ραντεβού και αξίζει δική του σελίδα.
Μεταλλικά σιδεράκια, η αποδεδειγμένη επιλογή
Από ανοξείδωτο ατσάλι, ο πιο συνηθισμένος μηχανισμός για παιδιά, εφήβους και ενήλικες. Το σύρμα σταθεροποιείται στα άγκιστρα με μεταλλικές ή πολύχρωμες ελαστικές προσδέσεις και ασκεί σταθερή πίεση που μετακινεί σταδιακά τα δόντια.
Είναι η πιο οικονομική επιλογή σταθερής αγωγής, με δοκιμασμένη μηχανική και προβλέψιμα αποτελέσματα σε ευρύ φάσμα περιπτώσεων. Τα πολύχρωμα ελαστικά είναι, αναπάντεχα, ισχυρό επιχείρημα στα παιδιά.
Η σελίδα: tkorthodontics.gr/metallika-siderakia.
Αόρατοι νάρθηκες Invisalign, ψηφιακή ορθοδοντική
Ίσια δόντια χωρίς σιδεράκια. Σειρά εξατομικευμένων διαφανών ναρθήκων που σχεδιάζονται με ψηφιακό τρισδιάστατο σκανάρισμα και αλλάζουν κάθε μία με δύο εβδομάδες.
Είναι πλήρως αφαιρούμενοι, βγαίνουν στο φαγητό και στο βούρτσισμα, οπότε δεν υπάρχει κανένας διατροφικός περιορισμός. Ο ψηφιακός σχεδιασμός δείχνει το τελικό αποτέλεσμα πριν ξεκινήσει η θεραπεία, και οι επισκέψεις στο ιατρείο είναι λιγότερες από ό,τι με τα συμβατικά σιδεράκια.
Η σελίδα: tkorthodontics.gr/aoratoi-narthikes-invisalign-clear-aligners, με σύντομη φόρμα που ζητάει μόνο τηλέφωνο.
Κινητοί μηχανισμοί, ορθοδοντική στην προεφηβική ηλικία
Αφαιρούμενες συσκευές —τα «μασελάκια»— που χρησιμοποιούνται κυρίως για διεύρυνση του οδοντικού τόξου, διόρθωση πρόσθιας σταυροειδούς σύγκλεισης, και καθοδήγηση της αύξησης των γνάθων στην προεφηβική και εφηβική ηλικία.
Σχεδιάζονται εξατομικευμένα, αφαιρούνται στο φαγητό και καθαρίζονται εύκολα. Στους λειτουργικούς μηχανισμούς χρειάζεται χρήση πάνω από δώδεκα ώρες την ημέρα για να επηρεαστεί η αύξηση της κάτω γνάθου — και εδώ η κρίσιμη παράμετρος δεν είναι η συσκευή, είναι η συνεργασία του ασθενούς. Η σελίδα το λέει καθαρά, γιατί ο γονιός που το μαθαίνει από την αρχή δεν απογοητεύεται στον έκτο μήνα.
Η σελίδα: tkorthodontics.gr/kinitoi-michanismoi.
Η φωτογράφιση του χώρου
Ένα από τα πιο υποτιμημένα brand assets ενός ιατρείου είναι οι πραγματικές φωτογραφίες του. Στείλαμε φωτογράφο αρχιτεκτονικής να καλύψει την είσοδο, την αίθουσα αναμονής και την υποδοχή, τα εξεταστήρια με τον εξοπλισμό, και τις λεπτομέρειες — διπλώματα, πιστοποιήσεις, τον εκπαιδευτικό εξοπλισμό.
Ο υποψήφιος ασθενής βλέπει τώρα ακριβώς πού πρόκειται να πάει. Καμία φωτογραφία αρχείου, καμία γενίκευση. Είναι σήμα εμπιστοσύνης από το πρώτο κύλισμα, και είναι το είδος περιεχομένου που κανένας ανταγωνιστής δεν μπορεί να αντιγράψει.
Σχεδιασμός mobile-first
Πάνω από το 70% της επισκεψιμότητας έρχεται από κινητό, οπότε κάθε σχεδιαστική απόφαση δοκιμάστηκε εκεί πρώτα: στόχοι αφής τουλάχιστον 44 επί 44 pixel σύμφωνα με το WCAG 2.5.5, σταθερό κουμπί «Κλείστε ραντεβού» σε ύψος αντίχειρα, πλοήγηση που λειτουργεί χωρίς hover επειδή στο κινητό δεν υπάρχει hover, και κλήση με ένα άγγιγμα κατευθείαν από τα αποτελέσματα της Google.
Η μετάβαση χωρίς απώλειες
Το πιο επικίνδυνο κομμάτι σε μια μετάβαση από WordPress δεν είναι το χτίσιμο. Είναι η στιγμή που αλλάζει το DNS, γιατί εκεί παίζονται δύο πράγματα ταυτόχρονα: η οργανική κατάταξη και οι ενεργές διαφημιστικές καμπάνιες.
Τα redirects δεν γράφτηκαν στο χέρι ένα-ένα. Ο χάρτης ζει σε ένα αρχείο και το build τον μετατρέπει σε κανόνες του Cloudflare:
// src/data/redirects.ts — ο χάρτης από το παλιό WordPress στο νέο site
export const REDIRECTS: Record<string, string> = {
'/services/ceramic-braces/': '/keramika-siderakia/',
'/services/metal-braces/': '/metallika-siderakia/',
'/services/invisalign/': '/aoratoi-narthikes-invisalign-clear-aligners/',
'/?page_id=142': '/kinitoi-michanismoi/',
// …κάθε URL με επισκεψιμότητα ή backlink, χωρίς εξαιρέσεις
};# public/_redirects — παράγεται από τον χάρτη, το διαβάζει το Cloudflare
/services/ceramic-braces/ /keramika-siderakia/ 301
/services/metal-braces/ /metallika-siderakia/ 301Ο λόγος που ο χάρτης είναι κώδικας και όχι πίνακας σε ένα Excel: μπορεί να ελεγχθεί αυτόματα. Ένα script χτυπάει κάθε παλιό URL πριν την αλλαγή του DNS και επιβεβαιώνει ότι απαντάει 301 προς σελίδα που υπάρχει. Ένα σπασμένο redirect σε landing page διαφήμισης δεν σημαίνει απλώς χαμένη επίσκεψη — σημαίνει ότι πληρώνεις για κλικ που καταλήγει σε 404.
Γιατί Astro για site ιατρείου
Μηδέν συντήρηση plugins. Κανείς δεν ξυπνάει τον γιατρό για ενημέρωση ασφαλείας του WordPress.
Φόρτωση κάτω από ένα δευτερόλεπτο, που σημαίνει καλύτερο Quality Score στις διαφημίσεις και χαμηλότερο ποσοστό εγκατάλειψης στο κινητό.
Δικό του σχεδιασμό, όχι το ίδιο έτοιμο θέμα με εκατό άλλους ορθοδοντικούς.
Σταθερότητα στον χρόνο. Το Astro δεν έχει το μοτίβο «η έκδοση 6 έσπασε ό,τι δούλευε στην 5».
Συμπέρασμα
Ένα site ιατρείου δεν χρειάζεται να εντυπωσιάσει. Χρειάζεται να ανοίγει αμέσως στο κινητό, να δείχνει τον πραγματικό χώρο, να απαντάει στην ερώτηση που έφερε τον επισκέπτη εκεί, και να μη γίνεται μηνιαίο τεχνικό βάρος. Το tkorthodontics.gr τα κάνει και τα τέσσερα, με Lighthouse 95+ και χρόνο φόρτωσης κάτω από ένα δευτερόλεπτο.
Έχετε site ιατρείου σε WordPress που έχει γίνει φρένο για τις διαφημίσεις ή την οργανική σας κατάταξη; Ζητήστε προσφορά για μετάβαση σε Astro, και θα δούμε μαζί τι κερδίζετε.
