SEO Εικόνων: Alt Text, WebP & Google Images | NS Web Design

SEO εικόνων δεν σημαίνει απλώς να γράψω μία λέξη-κλειδί στο alt text και να μετατρέψω το JPG σε WebP.

Μια εικόνα επηρεάζει ταυτόχρονα την ταχύτητα της σελίδας, την προσβασιμότητα, την εμπειρία στο mobile και τον τρόπο με τον οποίο η Google κατανοεί και ανακαλύπτει το οπτικό περιεχόμενο.

Και επειδή οι εικόνες είναι συχνά από τα βαρύτερα αρχεία μιας ιστοσελίδας, ένα κακό image setup μπορεί να επηρεάσει αισθητά και το performance.

Ως Μηχανικός ΗΜΜΥ και freelancer στο web design και το SEO, δεν αντιμετωπίζω λοιπόν τη βελτιστοποίηση εικόνων σαν ένα ακόμα checkbox του Yoast. Τη βλέπω ως μέρος του συνολικού On-Page SEO και της τεχνικής ποιότητας μιας ιστοσελίδας.

Η αφορμή για αυτόν τον οδηγό ήταν η ενημέρωση των image SEO οδηγιών της Google σχετικά με τη χρήση σταθερών image URLs. Από εκεί αξίζει να δούμε συνολικά τι πραγματικά έχει σημασία σήμερα: alt text, filenames, WebP και AVIF, dimensions, compression και Google Images.

Τι είναι το SEO εικόνων;

Image SEO είναι η διαδικασία με την οποία κάνουμε τις εικόνες μιας ιστοσελίδας πιο εύκολο να ανακαλυφθούν και να κατανοηθούν από τις μηχανές αναζήτησης, χωρίς να θυσιάζουμε ταχύτητα ή εμπειρία χρήστη.

Στην πράξη περιλαμβάνει πράγματα όπως:

• σωστό alt text,
• περιγραφικό filename,
• κατάλληλο format,
• compression,
• σωστές διαστάσεις,
• responsive images,
• σωστή θέση της εικόνας μέσα στο περιεχόμενο,
• και crawlable, σταθερά image URLs.

Το ζητούμενο δεν είναι να «βελτιστοποιήσουμε για το Google Images» απομονωμένα. Θέλουμε η εικόνα να βοηθά πραγματικά τη σελίδα στην οποία βρίσκεται.

1. Alt Text: το πιο σημαντικό κείμενο μιας εικόνας

Το alt text ή alternative text περιγράφει τι απεικονίζει μια εικόνα.

Έχει δύο βασικούς ρόλους.

Ο πρώτος είναι η προσβασιμότητα. Ένας χρήστης που χρησιμοποιεί screen reader πρέπει να μπορεί να καταλάβει τι πληροφορία μεταφέρει η εικόνα ακόμη και αν δεν τη βλέπει.

Ο δεύτερος είναι ότι βοηθά τη Google, μαζί με το περιεχόμενο της σελίδας και τα computer vision systems της, να κατανοήσει καλύτερα το θέμα της εικόνας.

Γι’ αυτό το σωστό alt δεν είναι:

Αυτό είναι keyword stuffing.

Αντίθετα, για μια εικόνα που δείχνει το PageSpeed Insights πριν και μετά από optimization, ένα φυσικό alt θα μπορούσε να είναι:

Δεν χρειάζεται να γράψεις «εικόνα με…» ή «φωτογραφία από…» όταν αυτό είναι ήδη αυτονόητο, εκτός αν η πληροφορία αυτή έχει νόημα μέσα στο context.

Και αν μια εικόνα είναι καθαρά διακοσμητική και δεν προσφέρει πληροφορία, συχνά το σωστό είναι κενό alt, δηλαδή alt="", ώστε ο screen reader να μπορεί να την αγνοήσει.

Αυτό είναι ένα σημείο όπου SEO και accessibility συναντιούνται. Περισσότερα για τη συνολική λογική έχω γράψει και στον οδηγό για την προσβασιμότητα ιστοσελίδων και το SEO.

2. Όνομα αρχείου: μικρό SEO signal, αλλά αξίζει να είναι σωστό

Το filename της εικόνας μπορεί να δώσει στη Google μια μικρή ένδειξη για το περιεχόμενό της.

Η λέξη «μικρή» εδώ είναι σημαντική.

Δεν πρόκειται να ανέβει μια εικόνα στη Google επειδή άλλαξες:

σε:

Το δεύτερο όμως είναι σαφέστερο τόσο για εσένα όσο και για τις μηχανές αναζήτησης.

Προτιμώ λοιπόν filenames που είναι:

• σύντομα,
• περιγραφικά,
• με πεζούς λατινικούς χαρακτήρες,
• με παύλες ανάμεσα στις λέξεις,
• χωρίς άσχετες λέξεις-κλειδιά.

Δεν χρειάζεται να γράψεις ολόκληρη πρόταση στο filename.

Alt Text, Title, Caption και Filename: τι κάνει το καθένα;

3. WebP ή AVIF; Δεν υπάρχει ένα format που κερδίζει πάντα

Το WebP έχει γίνει πλέον πολύ συνηθισμένη επιλογή για WordPress sites επειδή προσφέρει καλή συμπίεση και πολύ μεγάλη συμβατότητα.

Το AVIF μπορεί σε αρκετές περιπτώσεις να δώσει ακόμη μικρότερα αρχεία με καλή ποιότητα και υποστηρίζεται πλέον και από τη Google Search.

Αυτό όμως δεν σημαίνει ότι πρέπει να μετατρέψεις αύριο ολόκληρη τη βιβλιοθήκη του site σε AVIF.

Η σωστή ερώτηση είναι:

Ποιο format μου δίνει την καλύτερη ισορροπία ποιότητας, μεγέθους και συμβατότητας για τη συγκεκριμένη εικόνα;

Για τα περισσότερα business sites χρησιμοποιώ συχνά WebP γιατί είναι πρακτικό και αξιόπιστο. Σε projects όπου το AVIF προσφέρει ουσιαστικό όφελος χωρίς προβλήματα στο workflow, μπορεί να είναι επίσης πολύ καλή επιλογή.

JPEG και PNG επίσης δεν είναι «απαγορευμένα». Ένα σωστά συμπιεσμένο JPEG μπορεί να είναι απολύτως λογικό για φωτογραφία, ενώ PNG εξακολουθεί να έχει χρήση όταν χρειάζεσαι συγκεκριμένες ιδιότητες όπως lossless graphics ή transparency.

4. Compression: πόσα KB πρέπει να είναι μια εικόνα;

Δεν χρησιμοποιώ έναν απόλυτο κανόνα τύπου «όλες οι εικόνες πρέπει να είναι κάτω από 100 KB».

Μια μεγάλη hero φωτογραφία και ένα μικρό icon δεν έχουν την ίδια δουλειά.

Ο στόχος είναι:

το μικρότερο αρχείο που εξακολουθεί να δείχνει καθαρό στο μέγεθος στο οποίο εμφανίζεται.

Αν μια φωτογραφία 2,5 MB μπορεί να δείχνει σχεδόν ίδια στα 180 KB, δεν υπάρχει σοβαρός λόγος να φορτώνω τα επιπλέον megabytes.

Οι εικόνες είναι συχνά ένας από τους βασικούς λόγους που μια σελίδα φορτώνει αργά. Γι’ αυτό το image optimization είναι άμεσα συνδεδεμένο με την ταχύτητα ιστοσελίδας.

5. Σωστές διαστάσεις: μην φορτώνεις 4000 pixels για χώρο 800 pixels

Ένα πολύ συχνό λάθος είναι να ανεβαίνει στο WordPress μια τεράστια φωτογραφία από κάμερα ή κινητό και να εμφανίζεται στη σελίδα σε ένα μικρό container.

Αν η εικόνα εμφανίζεται περίπου στα 800 pixels, συνήθως δεν χρειάζεται ο browser να κατεβάζει αυθαίρετα ένα αρχείο 5000 pixels.

Εδώ βοηθούν τα responsive images και το srcset, ώστε ο browser να μπορεί να επιλέξει κατάλληλη έκδοση ανάλογα με την οθόνη.

Επίσης, τα attributes width και height βοηθούν τον browser να δεσμεύσει χώρο πριν φορτώσει η εικόνα.

Αυτό μειώνει τα ξαφνικά «πηδήματα» του layout και βοηθά το CLS.

6. Η Google κοιτάζει και το κείμενο γύρω από την εικόνα

Το alt text δεν λειτουργεί απομονωμένα.

Η Google χρησιμοποιεί και το περιεχόμενο της σελίδας, captions, titles και το γενικό context γύρω από την εικόνα για να καταλάβει το θέμα της.

Αν λοιπόν έχω μια εικόνα σχετικά με Core Web Vitals μέσα σε άρθρο για ταχύτητα ιστοσελίδας, αυτό είναι πολύ πιο ξεκάθαρο από το να βάλω την ίδια εικόνα σε μια άσχετη σελίδα και να περιμένω ότι το alt text θα κάνει όλη τη δουλειά.

Γι’ αυτό προτιμώ οι εικόνες να τοποθετούνται κοντά στο κείμενο που εξηγούν ή υποστηρίζουν.

7. Νεότερη οδηγία της Google: ίδια εικόνα, ίδιο URL

Αυτό είναι ένα από τα πιο ενδιαφέροντα νεότερα σημεία των οδηγιών της Google για image SEO.

Αν η ίδια ακριβώς εικόνα εμφανίζεται σε πολλές σελίδες, ειδικά σε ένα μεγάλο site, είναι καλύτερο να αναφέρεται με το ίδιο image URL.

Γιατί;

Επειδή έτσι η Google μπορεί να την έχει ήδη ζητήσει και να την επαναχρησιμοποιήσει από cache, αντί να βλέπει κάθε διαφορετικό URL ως ένα νέο image resource που πρέπει να ζητήσει.

Αυτό αφορά περισσότερο sites με μεγάλο αριθμό URLs και εικόνων. Σε μια μικρή επαγγελματική ιστοσελίδα δεν θα πανικοβαλλόμουν για crawl budget επειδή δύο εικόνες έχουν διαφορετικό path.

Αλλά ως αρχή αρχιτεκτονικής είναι σωστή: αν είναι η ίδια εικόνα, δεν υπάρχει λόγος να δημιουργώ άσκοπα πέντε διαφορετικά URLs για αυτή.

8. Βεβαιώσου ότι η Google μπορεί πραγματικά να βρει την εικόνα

Το καλύτερο alt text στον κόσμο δεν βοηθά αν η Google δεν μπορεί να ανακαλύψει σωστά το αρχείο.

Η Google συνιστά οι βασικές εικόνες να ενσωματώνονται με κανονικό HTML <img> element και image URL στο src.

Οι εικόνες που υπάρχουν μόνο ως CSS background δεν αντιμετωπίζονται με τον ίδιο τρόπο για image indexing.

Σε sites με εικόνες που δεν ανακαλύπτονται εύκολα μπορεί επίσης να χρησιμοποιηθεί image sitemap.

Και φυσικά, αν η σελίδα ή το image resource είναι μπλοκαρισμένο από crawling, πρέπει πρώτα να λυθεί αυτό το πρόβλημα πριν ψάξουμε κάποιο «SEO trick».

Πώς βοηθάς μια εικόνα να εμφανιστεί στο Google Images;

Δεν υπάρχει κάποιο κουμπί «στείλε την εικόνα στο Google Images» που να εγγυάται εμφάνιση.

Θέλω όμως να έχουν γίνει σωστά τα βασικά:

• η σελίδα να είναι crawlable και indexable,
• η εικόνα να βρίσκεται σε crawlable URL,
• να χρησιμοποιείται κανονικό image element,
• να υπάρχει περιγραφικό alt text,
• το filename να είναι λογικό,
• η εικόνα να βρίσκεται κοντά σε σχετικό περιεχόμενο,
• να έχει καλή ποιότητα χωρίς υπερβολικό βάρος,
• και η ίδια η landing page να είναι χρήσιμη.

Για τεχνικό έλεγχο του πώς βλέπει η Google μια σελίδα, χρησιμοποιώ συχνά το Google Search Console και το URL Inspection.

Πρέπει να γράφω το keyword πάνω στην ίδια την εικόνα;

Όχι για SEO.

Το κείμενο πάνω σε μια εικόνα μπορεί να έχει νόημα για branding, social sharing ή editorial design, αλλά δεν αντικαθιστά το πραγματικό HTML κείμενο της σελίδας και το alt attribute.

Στα featured images του NS Web Design χρησιμοποιώ κείμενο κυρίως για οπτική συνέπεια και αναγνωρισιμότητα του brand, όχι επειδή περιμένω ότι η Google θα «διαβάσει τον τίτλο μέσα στο JPG» και θα με ανεβάσει.

Αν η οργανική εικόνα είναι ιδιαίτερα σημαντική για Google Images, θα προτιμούσα το visual να παραμένει όσο γίνεται καθαρό και η ουσιαστική πληροφορία να υπάρχει και σε πραγματικό κείμενο στη σελίδα.

Lazy loading: χρήσιμο, αλλά όχι παντού

Το lazy loading καθυστερεί τη φόρτωση εικόνων που βρίσκονται πιο χαμηλά στη σελίδα μέχρι να πλησιάσει ο χρήστης σε αυτές.

Αυτό είναι πολύ χρήσιμο για μεγάλα άρθρα ή galleries γιατί δεν χρειάζεται να κατέβουν όλες οι εικόνες με το πρώτο page load.

Δεν θέλω όμως να εφαρμόζω επιθετικό lazy loading στην κύρια εικόνα που είναι ορατή αμέσως στο πάνω μέρος της σελίδας, ειδικά αν αυτή συμμετέχει στο Largest Contentful Paint.

Η βελτιστοποίηση εικόνων πρέπει να βοηθά την απόδοση, όχι να δημιουργεί νέο performance πρόβλημα.

Πρακτικό workflow για εικόνες στο WordPress

Πριν ανεβάσω μια σημαντική εικόνα σε ένα WordPress site, ακολουθώ περίπου αυτή τη σειρά:

1. Κάνω crop στις πραγματικές αναλογίες που χρειάζεται το design.
2. Μειώνω τις διαστάσεις αν το αρχείο είναι πολύ μεγαλύτερο από την πραγματική χρήση του.
3. Κάνω compression μέχρι να βρω καλή ισορροπία μεγέθους και ποιότητας.
4. Επιλέγω WebP ή AVIF όταν έχει πραγματικό όφελος.
5. Δίνω περιγραφικό filename πριν την ανέβασω.
6. Γράφω alt text ανάλογα με το context της συγκεκριμένης σελίδας.
7. Ελέγχω το αποτέλεσμα σε mobile και desktop.

Δεν ξεκινάω από το Yoast. Ξεκινάω από το αν η εικόνα εξυπηρετεί τον χρήστη και το site.

10 συχνά λάθη στο SEO εικόνων

1. Το ίδιο keyword αντιγράφεται σε κάθε alt text.
2. Το alt περιγράφει το άρθρο αντί για την πραγματική εικόνα.
3. Χρησιμοποιούνται filenames τύπου IMG_001.jpg.
4. Ανεβαίνουν εικόνες πολλών megabytes χωρίς compression.
5. Χρησιμοποιείται PNG για μεγάλες φωτογραφίες χωρίς λόγο.
6. Ανεβαίνει εικόνα 5000px για container 800px.
7. Δεν υπάρχουν σωστά dimensions και δημιουργείται layout shift.
8. Σημαντικές εικόνες υπάρχουν μόνο ως CSS backgrounds.
9. Η ίδια εικόνα δημιουργείται ξανά με διαφορετικό URL σε πολλές σελίδες.
10. Γίνεται image optimization μόνο για το Yoast και όχι για τον πραγματικό χρήστη.

Αρκετά από αυτά τα προβλήματα μπορούν να εμφανιστούν σε έναν γενικό SEO audit, ειδικά όταν η ιστοσελίδα έχει μεγάλο media library ή έχει περάσει από πολλές ανακατασκευές.

Γρήγορο Image SEO Checklist

Για τον συνολικό τεχνικό έλεγχο πριν τη δημοσίευση μπορείς να χρησιμοποιήσεις και το SEO Checklist 2026.

Συμπέρασμα

Το SEO εικόνων δεν βασίζεται σε ένα μόνο στοιχείο.

Δεν αρκεί να αλλάξεις το όνομα αρχείου. Δεν αρκεί να βάλεις τη λέξη-κλειδί στο alt. Και δεν αρκεί να μετατρέψεις κάθε JPG σε WebP.

Η σωστή εικόνα πρέπει να:

• βοηθά το περιεχόμενο,
• περιγράφεται σωστά,
• είναι προσβάσιμη,
• φορτώνει γρήγορα,
• είναι responsive,
• και μπορεί να ανακαλυφθεί σωστά από τη Google.

Αν τα κάνεις αυτά σωστά, δεν βελτιώνεις μόνο τις πιθανότητες εμφάνισης στο Google Images. Βελτιώνεις συνολικά την ποιότητα της σελίδας.

Συχνές ερωτήσεις για το SEO εικόνων