Σερβίρεις το ίδιο περιεχόμενο σε πολλές γλώσσες. Έχεις εκδόσεις του site σου για διαφορετικές χώρες. Χωρίς hreflang tags, οι μηχανές αναζήτησης μπερδεύονται. Βλέπουν πολλές εκδόσεις της ίδιας σελίδας και δεν ξέρουν ποια είναι για ποιο κοινό. Τα hreflang tags λένε στις μηχανές αναζήτησης ποια σελίδα είναι για ποια γλώσσα και περιοχή. Αποτρέπουν προβλήματα διπλού περιεχομένου και εξασφαλίζουν ότι οι χρήστες βλέπουν τη σωστή έκδοση.
Τι είναι τα hreflang tags;
Τα hreflang tags είναι σύνδεσμοι HTML που λένε στις μηχανές αναζήτησης ποια σελίδα προορίζεται για ποια γλώσσα και περιοχή. Μοιάζουν ως εξής:
<link rel="alternate" hreflang="en" href="https://example.com/page">
<link rel="alternate" hreflang="es" href="https://example.com/es/page">
<link rel="alternate" hreflang="fr" href="https://example.com/fr/page">
Αυτό λέει στις μηχανές αναζήτησης: «Αυτή η σελίδα είναι η αγγλική έκδοση. Να η ισπανική έκδοση. Να η γαλλική έκδοση. Δείξε κάθε έκδοση σε όσους μιλούν αυτή τη γλώσσα.»
Προσθέτεις τα hreflang tags στο head κάθε σελίδας. Κάθε γλωσσική έκδοση περιλαμβάνει tags που δείχνουν σε όλες τις άλλες εκδόσεις (συμπεριλαμβανομένου του εαυτού της).
Γιατί μετράνε τα hreflang tags
Χωρίς hreflang tags, οι μηχανές αναζήτησης βλέπουν πολλές σελίδες με παρόμοιο ή πανομοιότυπο περιεχόμενο. Μπορεί να ευρετηριάσουν όλες τις εκδόσεις ή να διαλέξουν τυχαία. Οι χρήστες μπορεί να δουν τη λάθος γλωσσική έκδοση. Αυτό δημιουργεί προβλήματα διπλού περιεχομένου και σύγχυση.
Τα hreflang tags συγκεντρώνουν τη δύναμη κατάταξης. Αντί να χωρίζεται το κύρος σε δέκα γλωσσικές εκδόσεις, όλες οι εκδόσεις μοιράζονται κύρος για τις αντίστοιχες γλώσσες και περιοχές τους. Οι αγγλόφωνοι χρήστες βλέπουν την αγγλική έκδοση να κατατάσσεται. Οι ισπανόφωνοι χρήστες βλέπουν την ισπανική έκδοση να κατατάσσεται.
Τα hreflang tags βελτιώνουν την εμπειρία χρήστη. Οι ισπανόφωνοι στην Ισπανία βλέπουν την ισπανική έκδοση. Οι αγγλόφωνοι στις ΗΠΑ βλέπουν την αμερικανική αγγλική έκδοση. Οι χρήστες παίρνουν περιεχόμενο στη γλώσσα τους.
Πώς να δομήσεις τα hreflang tags
Χρησιμοποίησε κωδικούς γλώσσας (en, es, fr, de) ή κωδικούς γλώσσας-περιοχής (en-US, en-GB, es-ES, es-MX).
Οι κωδικοί γλώσσας είναι απλούστεροι (το en σημαίνει οποιαδήποτε αγγλικά). Οι κωδικοί γλώσσας-περιοχής είναι πιο συγκεκριμένοι (το en-US είναι αμερικανικά αγγλικά, το en-GB βρετανικά αγγλικά).
Αν σερβίρεις αγγλικά παγκοσμίως, χρησιμοποίησε hreflang="en". Αν σερβίρεις ειδικά αμερικανικά αγγλικά, χρησιμοποίησε hreflang="en-US".
Συμπερίλαβε πάντα ένα αυτοαναφορικό hreflang tag. Η αγγλική έκδοση πρέπει να έχει hreflang="en" που δείχνει στον εαυτό της. Αυτό λέει στις μηχανές αναζήτησης «αυτή είναι η κύρια αγγλική έκδοση».
Συμπερίλαβε ένα tag x-default για χρήστες των οποίων η γλώσσα ή η περιοχή δεν καλύπτεται. Παράδειγμα:
<link rel="alternate" hreflang="x-default" href="https://example.com">
Αυτό λέει «αν η γλώσσα του χρήστη δεν υπάρχει στη λίστα hreflang μας, δείξε του αυτή την έκδοση».
Μέθοδοι υλοποίησης
Τα tags στο head του HTML είναι τα πιο συνηθισμένα. Πρόσθεσε tags <link rel="alternate" hreflang="..."> στο head κάθε σελίδας που έχει εναλλακτικές εκδόσεις.
Μέθοδος sitemap: Συμπερίλαβε πληροφορίες hreflang στο XML sitemap σου. Κάθε εγγραφή URL μπορεί να παραθέτει εναλλακτικές εκδόσεις.
Μέθοδος κεφαλίδας HTTP: Στείλε πληροφορίες hreflang σε κεφαλίδες HTTP. Αυτό δουλεύει για PDF και περιεχόμενο που δεν είναι HTML.
Τα περισσότερα sites χρησιμοποιούν τη μέθοδο του head HTML επειδή είναι η απλούστερη. Χρησιμοποίησε το CMS σου για να παράγεις αυτά τα tags αυτόματα αν είναι δυνατό.
Συνηθισμένα λάθη hreflang
Η παράλειψη αυτοαναφορικών tags. Κάθε σελίδα πρέπει να περιλαμβάνει ένα tag που δείχνει στον εαυτό της. Η αγγλική σελίδα πρέπει να έχει hreflang="en" που δείχνει στον εαυτό της.
Ασυνεπής υλοποίηση. Αν η αγγλική σελίδα συνδέει με την ισπανική έκδοση αλλά η ισπανική σελίδα δεν συνδέει πίσω με την αγγλική, το hreflang είναι χαλασμένο. Όλες οι εκδόσεις πρέπει να αναφέρονται σε όλες τις άλλες εκδόσεις.
Λάθος κωδικοί γλώσσας. Χρήση του "english" αντί για "en". Χρήση του "US" αντί για "en-US". Χρησιμοποίησε τυπικούς κωδικούς γλώσσας ISO.
Ελλείπον x-default. Αν το site σου εξυπηρετεί επισκέπτες σε χώρες για τις οποίες δεν έχεις συγκεκριμένες εκδόσεις, συμπερίλαβε x-default για να τους δείξεις μια προεπιλεγμένη έκδοση.
Δείξιμο σε μη canonical URL. Αν το hreflang δείχνει σε URL που δεν είναι canonical, οι μηχανές αναζήτησης μπορεί να μην ακολουθήσουν τη σχέση. Δείχνε πάντα σε canonical URL.
Hreflang έναντι ρυθμίσεων geotargeting
Τα hreflang tags και οι ρυθμίσεις geotargeting του Google Search Console δουλεύουν μαζί. Τα hreflang tags λένε στις μηχανές αναζήτησης ποια σελίδα είναι για ποια γλώσσα. Το geotargeting στο GSC λέει στη Google ποια χώρα στοχεύεις.
Αν έχεις το example.com/es/ για ισπανόφωνους στην Ισπανία, χρησιμοποίησε hreflang="es-ES" και όρισε geotargeting στην Ισπανία στο GSC.
Αν έχεις το example.com/es/ για ισπανόφωνους παγκοσμίως, χρησιμοποίησε hreflang="es" και μην ορίσεις geotargeting ειδικό για χώρα.
Συχνές ερωτήσεις
Χρειάζομαι hreflang tags αν χρησιμοποιώ διαφορετικά domains;
Ναι. Αν έχεις το example.com για αγγλικά και το example.es για ισπανικά, τα hreflang tags λένε στις μηχανές αναζήτησης ότι αυτές είναι σχετιζόμενες εκδόσεις. Χωρίς hreflang, οι μηχανές αναζήτησης τα αντιμετωπίζουν ως ξεχωριστά sites. Με hreflang, καταλαβαίνουν τη σχέση και συγκεντρώνουν το κύρος κατάλληλα. Με τον δημιουργό ιστοσελίδων της WEMASY φτιάχνεις τις δικές σου σελίδες στην ιστοσελίδα σου.
Ποια είναι η διαφορά ανάμεσα στα hreflang και στα canonical tags;
Τα canonical tags λένε «αυτή η σελίδα και εκείνη η σελίδα είναι διπλότυπα, κατάταξε αυτή». Τα hreflang tags λένε «αυτή η σελίδα και εκείνη η σελίδα είναι εναλλακτικές γλωσσικές εκδόσεις, κατάταξε καθεμία για τη γλώσσα της». Εξυπηρετούν διαφορετικούς σκοπούς. Χρησιμοποίησε canonical για διπλότυπα. Χρησιμοποίησε hreflang για γλωσσικές παραλλαγές.
Πρέπει να χρησιμοποιώ hreflang για περιφερειακές διαλέκτους;
Ναι, αν έχεις διαφορετικές εκδόσεις για διαφορετικές περιοχές. Τα αγγλικά ΗΠΑ, αγγλικά ΗΒ, αγγλικά Αυστραλίας είναι αρκετά διαφορετικά ώστε να δικαιολογούν ξεχωριστές εκδόσεις. Χρησιμοποίησε hreflang="en-US", hreflang="en-GB", hreflang="en-AU" για να τα διαφοροποιήσεις. Αυτό βοηθά τις μηχανές αναζήτησης να σερβίρουν τη σωστή έκδοση στη σωστή περιοχή.
Μπορώ να χρησιμοποιήσω hreflang για σελιδοποιημένο περιεχόμενο;
Όχι. Το hreflang είναι για γλωσσικές και περιφερειακές παραλλαγές, όχι για σελιδοποίηση. Το σελιδοποιημένο περιεχόμενο (σελίδα 1, σελίδα 2, σελίδα 3) δεν είναι εναλλακτική γλωσσική έκδοση. Χρησιμοποίησε αντίθετα rel="next" και rel="prev" για σελιδοποίηση. Χρησιμοποίησε hreflang μόνο για γλωσσικές και περιφερειακές παραλλαγές.
Πόσα hreflang tags πρέπει να έχει κάθε σελίδα;
Ένα για κάθε γλωσσική έκδοση που προσφέρεις, συν x-default. Αν έχεις αγγλική, ισπανική και γαλλική έκδοση, κάθε σελίδα έχει τρία hreflang tags (ένα ανά γλώσσα) συν x-default. Όλες οι εκδόσεις αναφέρονται σε όλες τις άλλες εκδόσεις. Αυτό δημιουργεί αμφίδρομη σχέση.
Θα ενισχύσει το hreflang τις θέσεις μου;
Όχι άμεσα. Το hreflang δεν σε κατατάσσει ψηλότερα. Αποτρέπει όμως ποινές διπλού περιεχομένου και εξασφαλίζει ότι οι μηχανές αναζήτησης καταλαβαίνουν τη δομή του site σου. Διευκρινίζοντας ποια έκδοση είναι για ποια γλώσσα/περιοχή, το hreflang βοηθά κάθε έκδοση να κατατάσσεται καλύτερα στην αγορά-στόχο της. Έμμεσα, το σωστό hreflang βελτιώνει τις θέσεις συγκεντρώνοντας κύρος.