On-page SEO: η ανατομία μιας σελίδας που κατατάσσεται
Αφού ξέρετε ποια πρόθεση απαντά κάθε σελίδα σας, μένει να τη στήσετε έτσι ώστε να το καταλαβαίνει και η Google μέσα σε δευτερόλεπτα. Αυτό είναι το on-page SEO, δουλειά που κάνετε μία φορά σε κάθε σελίδα και μετά την ξεχνάτε.
On-page SEO είναι το σύνολο των στοιχείων μέσα σε μία σελίδα που δηλώνουν σε τι ερώτημα απαντάει και πόσο καλά: ο title tag, η meta description, το H1 και η ιεραρχία των επικεφαλίδων, το URL, το κείμενο, οι εικόνες με τα alt τους και οι εσωτερικοί σύνδεσμοι. Είναι το κομμάτι του SEO που ελέγχετε πλήρως εσείς, δεν εξαρτάται από τρίτους και δεν απαιτεί προϋπολογισμό. Και είναι το πρώτο πράγμα που πρέπει να είναι σωστό, γιατί όσα δυνατά backlinks κι αν αποκτήσετε, δεν αντισταθμίζουν μια σελίδα που δεν λέει καθαρά τι κάνει.
Στο προηγούμενο κεφάλαιο φτιάξατε έναν χάρτη που αντιστοιχίζει προθέσεις αναζήτησης σε σελίδες. Εδώ παίρνουμε μία γραμμή αυτού του χάρτη και τη μετατρέπουμε σε σελίδα, στοιχείο προς στοιχείο.
Ποιο στοιχείο της σελίδας παράγει τι μέσα στο SERP;
Πριν μπούμε στις λεπτομέρειες, αξίζει να δείτε πού καταλήγει το καθένα. Ένα οργανικό αποτέλεσμα στη Google είναι, ουσιαστικά, τρία στοιχεία της σελίδας σας σε συσκευασία.
Τι κάνει ο title tag και γιατί τον ξαναγράφει η Google;
Ο title tag είναι το στοιχείο <title> μέσα στο <head> της σελίδας. Δεν εμφανίζεται πουθενά στη σελίδα· εμφανίζεται στην καρτέλα του browser και, κυρίως, γίνεται ο μπλε σύνδεσμος στα αποτελέσματα αναζήτησης. Είναι το πιο σημαντικό on-page στοιχείο, γιατί κάνει δύο δουλειές ταυτόχρονα: λέει στη Google για τι πράγμα είναι η σελίδα και πείθει τον άνθρωπο να κάνει κλικ.
Για το μήκος, ξεχάστε τον απόλυτο αριθμό χαρακτήρων, γιατί η Google κόβει με βάση το πλάτος σε pixel, οπότε ένα «ΙΙΙ» πιάνει λιγότερο χώρο από ένα «ΩΩΩ». Ο πρακτικός κανόνας είναι να κρατάτε το ουσιώδες μέσα στους πρώτους 55 με 60 χαρακτήρες και να βάζετε το όνομα του brand στο τέλος, μετά από μια κάθετο ή παύλα. Ό,τι περισσεύει δεν χάνεται, απλώς μπορεί να μη φανεί.
Η Google αντικαθιστά τον τίτλο σας αρκετά συχνά, και το τεκμηριώνει η ίδια. Αυτό συμβαίνει τυπικά όταν ο τίτλος είναι υπερβολικά μεγάλος, όταν είναι παραγεμισμένος με λέξεις-κλειδιά, όταν επαναλαμβάνεται πανομοιότυπος σε δεκάδες σελίδες ή όταν είναι κενός. Σε αυτές τις περιπτώσεις παίρνει κείμενο από το H1 σας, από άλλες επικεφαλίδες ή από το anchor text συνδέσμων που δείχνουν στη σελίδα. Το συμπέρασμα είναι πρακτικό. Ένας σύντομος, ειλικρινής και μοναδικός τίτλος έχει τις περισσότερες πιθανότητες να μείνει ως έχει.
Χρειάζεται meta description σε κάθε σελίδα;
Η meta description δεν είναι παράγοντας κατάταξης. Κανένα κείμενο μέσα σε αυτήν δεν πρόκειται να σας ανεβάσει θέση. Είναι όμως το κείμενο πώλησης του αποτελέσματός σας, και επηρεάζει το αν θα σας διαλέξει ο χρήστης ανάμεσα σε δέκα παρόμοιες επιλογές.
Επιπλέον, η Google δεν την εμφανίζει πάντα. Όταν κρίνει ότι υπάρχει καταλληλότερο κείμενο μέσα στη σελίδα για το συγκεκριμένο ερώτημα, φτιάχνει δικό της snippet από εκεί. Αυτό είναι λογικό, αφού μια περιγραφή γραμμένη μία φορά δεν μπορεί να ταιριάζει σε δεκάδες διαφορετικά ερωτήματα.
Πρακτικά, γράψτε meta description στις σελίδες που έχουν εμπορική σημασία, δηλαδή στην αρχική, στις υπηρεσίες, στις κατηγορίες και στα σημαντικά άρθρα. Κρατήστε την γύρω στους 150 με 160 χαρακτήρες, βάλτε μέσα το τι θα βρει ο χρήστης και έναν λόγο να προτιμήσει εσάς, και μην την αντιγράψετε ποτέ σε δεύτερη σελίδα. Στις υπόλοιπες σελίδες, αφήστε τη Google να δουλέψει.
Πώς δομείτε H1 και επικεφαλίδες;
Το H1 είναι ο ορατός τίτλος της σελίδας, αυτός που διαβάζει ο επισκέπτης όταν φτάνει. Δεν χρειάζεται να είναι λέξη προς λέξη ίδιος με τον title tag, και συχνά είναι καλύτερα να μην είναι, γιατί ο title γράφεται για το SERP και το H1 για τον αναγνώστη.
Η ιεραρχία των επικεφαλίδων είναι, στην ουσία, ο πίνακας περιεχομένων της σελίδας. Ένα H1, από κάτω H2 για τις βασικές ενότητες, H3 για τις υποενότητες μέσα σε αυτές. Μην παρακάμπτετε επίπεδα και μην διαλέγετε επικεφαλίδα με βάση το πόσο μεγάλα φαίνονται τα γράμματα· το μέγεθος το ρυθμίζετε με CSS.
Δύο πράγματα κερδίζετε από μια καθαρή ιεραρχία. Πρώτον, η Google καταλαβαίνει ποιο κομμάτι της σελίδας απαντά σε ποια υποερώτηση, κάτι που έχει σημασία και για τα featured snippets και για το αν θα σας αναφέρουν οι μηχανές AI, όπως εξηγούμε στο κεφάλαιο για το GEO. Δεύτερον, ο χρήστης που σαρώνει τη σελίδα βρίσκει σε πέντε δευτερόλεπτα το σημείο που τον αφορά.
Μια καλή πρακτική είναι να διατυπώνετε τα H2 ως ερωτήσεις όπου βγαίνει φυσικά. Οι άνθρωποι ψάχνουν με ερωτήσεις και οι μηχανές αναγνωρίζουν εύκολα ένα ζεύγος ερώτησης-απάντησης.
Πώς πρέπει να είναι το URL;
Η Google συνιστά απλή δομή URL, με λέξεις που περιγράφουν το περιεχόμενο και με παύλες ανάμεσά τους. Τρεις κανόνες καλύπτουν σχεδόν τα πάντα.
Σύντομο και περιγραφικό. Το /kataskevi-eshop/ είναι καλύτερο από το /p?id=4471&cat=12, τόσο για τη μηχανή όσο και για τον άνθρωπο που το βλέπει σε ένα μήνυμα.
Παύλες, όχι κάτω παύλες, όχι κενά. Και πεζά γράμματα παντού, γιατί τα URL είναι case-sensitive και δύο εκδοχές του ίδιου URL δημιουργούν διπλότυπα.
Μην τα αλλάζετε χωρίς λόγο. Κάθε αλλαγή URL σημαίνει ότι χρειάζεστε ανακατεύθυνση 301 από το παλιό στο νέο, αλλιώς χάνετε ό,τι είχε χτίσει η σελίδα. Αν πρέπει να το κάνετε, κάντε το μία φορά και σωστά· τα τεχνικά του βλέπουμε στο κεφάλαιο του τεχνικού SEO.
Για τα ελληνικά URL, η μεταγραφή σε λατινικούς χαρακτήρες, όπως /proothisi-istoselidon-seo/, είναι η ασφαλής επιλογή, γιατί τα ελληνικά URL κωδικοποιούνται και γίνονται δυσανάγνωστα όταν αντιγραφούν.
Τι κάνετε με τις εικόνες και το alt text;
Οι εικόνες είναι ταυτόχρονα η μεγαλύτερη ευκαιρία και η μεγαλύτερη αιτία αργών σελίδων. Τρία πράγματα χρειάζονται σε κάθε εικόνα.
Alt text που περιγράφει. Το alt είναι πρώτα απ όλα προσβασιμότητα, αφού είναι αυτό που ακούει κάποιος που χρησιμοποιεί reader οθόνης. Περιγράψτε τι δείχνει η εικόνα με φυσικό λόγο. Αν η λέξη-κλειδί ταιριάζει στην περιγραφή, μπαίνει· αν δεν ταιριάζει, δεν τη σπρώχνετε. Οι διακοσμητικές εικόνες παίρνουν κενό alt, ώστε να τις προσπερνούν οι readers.
Σωστό αρχείο. Συμπιεσμένο, σε σύγχρονο format όπως WebP, στις πραγματικές διαστάσεις που θα εμφανιστεί. Μια φωτογραφία 4.000 pixel σε ένα πλαίσιο 480 pixel είναι καθαρή σπατάλη.
Δηλωμένες διαστάσεις. Τα width και height στον κώδικα κρατούν τον χώρο πριν φορτώσει η εικόνα και αποτρέπουν το «πήδημα» της σελίδας, που μετριέται ως CLS.
Βοηθάει επίσης το όνομα του αρχείου. Το karekla-grafeiou-ergonomiki.webp λέει κάτι, το IMG_2381.jpg τίποτα.
Πώς δουλεύουν οι εσωτερικοί σύνδεσμοι και το anchor text;
Οι εσωτερικοί σύνδεσμοι είναι το πιο υποτιμημένο εργαλείο του on-page SEO, και είναι εντελώς δωρεάν. Κάνουν τρία πράγματα: βοηθούν τη Google να ανακαλύψει σελίδες, δείχνουν ποιες σελίδες θεωρείτε εσείς σημαντικές, και μεταφέρουν authority από τις δυνατές σελίδες σας προς τις καινούριες.
Το κείμενο του συνδέσμου, το anchor text, είναι το σήμα. Ένα «δείτε εδώ» δεν λέει τίποτα. Ένα «κατασκευή eshop με WooCommerce» λέει στη Google και στον αναγνώστη τι θα βρουν στην άλλη άκρη. Γράψτε anchor text που περιγράφει τον προορισμό, με φυσικό λόγο, χωρίς να επαναλαμβάνετε την ίδια ακριβώς φράση δεκάδες φορές.
Κρατήστε έναν απλό κανόνα εργασίας. Κάθε φορά που δημοσιεύετε νέα σελίδα, βρείτε δύο ή τρεις υπάρχουσες σελίδες που πραγματικά σχετίζονται και βάλτε από εκεί σύνδεσμο προς τη νέα. Χωρίς αυτό, η νέα σελίδα κρέμεται μόνη της, όπως είδαμε στο πρώτο κεφάλαιο για το crawling.
Πού μπαίνει τι μέσα στη σελίδα;
Το παρακάτω σχήμα δείχνει τη σκελετική δομή μιας σελίδας που τα έχει όλα στη θέση τους.
Πώς γράφετε για να διαβάζεται η σελίδα;
Ο επισκέπτης δεν διαβάζει, σαρώνει. Αποφασίζει μέσα σε λίγα δευτερόλεπτα αν βρήκε αυτό που ήθελε, και αν δεν το βρει γυρίζει πίσω στα αποτελέσματα. Τέσσερις κινήσεις κάνουν τη διαφορά.
Απαντήστε πρώτα. Βάλτε την ουσία στην πρώτη ή τη δεύτερη παράγραφο, όχι μετά από τρεις παραγράφους εισαγωγής. Το ίδιο εξυπηρετεί και όταν κάποια μηχανή αναζητά ένα απόσπασμα για να το παραθέσει.
Κρατήστε τις παραγράφους μικρές, δύο με τέσσερις προτάσεις. Σε οθόνη κινητού, μια παράγραφος οκτώ σειρών είναι τοίχος.
Χρησιμοποιήστε λίστες και πίνακες όπου το περιεχόμενο είναι πραγματικά λίστα ή πίνακας, όχι για να σπάσετε το κείμενο διακοσμητικά.
Και βάλτε ρητή επόμενη κίνηση στο τέλος κάθε σελίδας. Ο αναγνώστης που έφτασε ως εκεί σας έδωσε την προσοχή του· μην τον αφήσετε να ψάξει μόνος του τι να κάνει.
Πού μπαίνει η λέξη-κλειδί χωρίς παραγέμισμα;
Η φράση-στόχος πρέπει να εμφανίζεται εκεί όπου θα την έβαζε ένας άνθρωπος που απλώς γράφει καθαρά: στον title tag, στο H1, στην πρώτη παράγραφο, σε μία ή δύο επικεφαλίδες και στο URL. Αυτό είναι όλο. Δεν υπάρχει ιδανικό ποσοστό εμφάνισης και δεν υπάρχει αριθμός επαναλήψεων που ενεργοποιεί κάτι.
Πολύ πιο χρήσιμο από την επανάληψη είναι η κάλυψη. Χρησιμοποιήστε τα συνώνυμα, τις σχετικές έννοιες και τους όρους που θα ανέφερε οπωσδήποτε κάποιος που ξέρει το θέμα. Έτσι χτίζεται η θεματική σαφήνεια, και το αναλύουμε στο κεφάλαιο για το περιεχόμενο και το E-E-A-T.
Τι από όσα ακούγονται δεν έχει καμία σημασία;
Το meta keywords tag. Η Google έχει δηλώσει δημόσια, από το 2009, ότι δεν το χρησιμοποιεί στην αναζήτηση. Αν το πρόσθετο SEO σας έχει ακόμη τέτοιο πεδίο, αφήστε το κενό.
Η keyword density. Δεν είναι μέγεθος που χρησιμοποιεί η Google. Τα εργαλεία που σας βαθμολογούν με «πράσινο» όταν πιάσετε ένα ποσοστό μετρούν κάτι που δεν υπάρχει.
Οι υπερβολικά «βαριές» λεπτομέρειες. Το να κάνετε bold τη λέξη-κλειδί, να την επαναλάβετε στο alt όλων των εικόνων ή να τη βάλετε δέκα φορές στο footer δεν βοηθάει. Στην καλύτερη περίπτωση δεν κάνει τίποτα, στη χειρότερη περιγράφεται ως keyword stuffing στις πολιτικές κατά του spam.
Το on-page SEO είναι, τελικά, μια λίστα ελέγχου δέκα λεπτών ανά σελίδα. Αν αυτή η λίστα εφαρμοστεί σε ένα site με σωστά θεμέλια, τα αποτελέσματα φαίνονται· αν το site είναι αργό ή δεν μπαίνει καθαρά στο ευρετήριο, δεν φαίνονται. Γι αυτό το επόμενο κεφάλαιο είναι το τεχνικό SEO. Αν πάλι χτίζετε καινούριο site από την αρχή, τα περισσότερα από αυτά μπορούν να μπουν σωστά με τη μία, στη φάση της κατασκευής της ιστοσελίδας.
Πηγές και τεκμηρίωση
Όλα τα παραπάνω τεκμηριώνονται από την επίσημη τεκμηρίωση της Google:
- Google Search Central — Control your title links in search results (πότε και γιατί αλλάζει τον τίτλο)
- Google Search Central — Control your snippets in search results (meta description και snippets)
- Google Search Central — Keep a simple URL structure
- Google Search Central — Google Images best practices (alt text, ονόματα αρχείων)
- Google Search Central Blog — Google does not use the keywords meta tag
- Google Search Central — Spam policies (keyword stuffing)
- Google Search Central — SEO Starter Guide
Συχνές ερωτήσεις
On-page SEO στην πράξη.
Γιατί η Google δείχνει διαφορετικό τίτλο από αυτόν που έγραψα;
Η meta description επηρεάζει την κατάταξη;
Πόσα H1 επιτρέπονται σε μια σελίδα;
Πόσες φορές πρέπει να αναφέρω τη λέξη-κλειδί μέσα στο κείμενο;
Όλα τα κεφάλαια του οδηγού
Ελεύθερα διαθέσιμα, χωρίς εγγραφή.
- 1. Τι είναι το SEO και πώς λειτουργεί η Google · 12′
- 2. Έρευνα λέξεων-κλειδιών και πρόθεση αναζήτησης · 14′
- 3. On-page SEO: η ανατομία μιας σελίδας που κατατάσσεται · διαβάζετε τώρα
- 4. Τεχνικό SEO και Core Web Vitals · 16′
- 5. Περιεχόμενο που κατατάσσεται και E-E-A-T · 14′
- 6. Backlinks και authority · 13′
- 7. Τοπικό SEO και Google Business Profile · 13′
- 8. SEO για eshop · 15′
- 9. Μέτρηση με Search Console και GA4 · 14′
- 10. GEO: ορατότητα σε ChatGPT, Perplexity και AI Overviews · 13′
- 11. Τα 12 συχνότερα λάθη SEO · 12′
Θέλετε να ξέρετε ποιες σελίδες σας χάνουν πόντους;
Στη δωρεάν ανάλυση ελέγχουμε τίτλους, επικεφαλίδες, URL και εσωτερική σύνδεση, και σας δίνουμε λίστα διορθώσεων με σειρά προτεραιότητας.