Shopify HREFLANG Ετικέτες, εφαρμογές και οδηγός πολλαπλών ιστότοπων

shopify hreflang ετικέτες

Υπάρχουν μόνο 2 εφαρμογές στην αγορά που προσφέρουν επιτυχώς την ετικέτα HREFLANG εκτέλεση for Shopify.

Και αν έχετε πιο περίπλοκες απαιτήσεις, μπορεί να είναι δύσκολο να εργαστείτε.

Αυτός ο οδηγός θα σας βοηθήσει να πλοηγηθείτε στο HREFLANG Shopifyκαι σιγουρευτείτε Google επιλέγει τη σωστή έκδοση για εμφάνιση στους διεθνείς επισκέπτες σας.

Τι είναι το HREFLANG και πώς λειτουργεί;

  • Μια ετικέτα HREFLANG, είναι κωδικός που χρησιμοποιείται για να πει Google για διαφορετικές εκδόσεις γλώσσας ή τοποθεσίας του ίδιου ιστοσελίδα.
  • Οι ετικέτες HREFLANG συμβάλλουν στον καθορισμό μοναδικών βάσει είτε της γλώσσας που μιλούν (en) είτε της χώρας στην οποία βρίσκονται + η γλώσσα (en-us).
  • Google αντιμετωπίζει ο καθένας URL σε ετικέτες HREFLANG ως μέρος του ίδιου URL για σκοπούς κατάταξης, είναι απλώς η γλώσσα ή η τοπική κατάλληλη έκδοση της σελίδας για προβολή στους επισκέπτες.
  • Η περιοχή εκτέλεση Είμαι πιο εξοικειωμένος με την προσθήκη ετικετών HREFLANG στην κεφαλή ενός ιστοσελίδα μας, γι 'αυτό θα συζητήσω εδώ (για HTTP Headers και Sitemap εκτέλεση, Δείτε Οι συμβουλές της Google εδώ).

Ένα παράδειγμα ετικετών HREFLANG (δημιουργούνται χρησιμοποιώντας Το εργαλείο της Aleyda εδώ):

Εργαλείο γεννήτριας της Aleyda HREFLANG

<σύνδεσμος rel = "εναλλακτικό" href ="https://matt-jackson.com/" hreflang = "en" />
<σύνδεσμος rel = "εναλλακτικό" href ="https://matt-jackson.com/es/" hreflang = "es-es" />
<σύνδεσμος rel = "εναλλακτικό" href ="https://matt-jackson.com/fr-ca/" hreflang = "fr-ca" />
<σύνδεσμος rel = "εναλλακτικό" href ="https://matt-jackson.com/fr-fr/" hreflang = "fr-fr" />
<σύνδεσμος rel = "εναλλακτικό" href ="https://matt-jackson.com/" hreflang = "x-προεπιλογή" />

Τα τολμηρά μέρη του κώδικα είναι τα κομμάτια που πρέπει να εστιάσετε.

  • Η περιοχή HREF τιμή, δείχνει το URL σχετικά μου ιστοσελίδα μας (υποθετικά στο παράδειγμα) της τοποθεσίας κάθε συγκεκριμένης γλώσσας / τοπικής σελίδας.
  • Η περιοχή HREFLANG Η τιμή περιγράφει είτε τη γλώσσα, είτε τη γλώσσα + την τοποθεσία, που είναι αυτή URL στοχεύει.

Πώς να επιλέξετε τη στόχευση χώρας / γλώσσας;

Σε έναν τέλειο κόσμο, θα έχετε τοπικές σελίδες για κάθε δυνατή παραλλαγή γλώσσας + τοποθεσίας.

Ωστόσο, πρέπει να αντιστοιχίσετε την επιβράβευση του υπερπεριεχομένου περιεχομένου, έναντι της επένδυσης μεταφράσεων πολλών σελίδων.

Για παράδειγμα, Τα γαλλικά ομιλούνται σε πολλές χώρες, συμπεριλαμβανομένης της Γαλλίας και του Καναδά. Πρέπει να έχετε μια μοναδική σελίδα για τη Γαλλία και μια μοναδική για τον Καναδά (γαλλικά), ή θα πρέπει απλώς να έχετε μια σελίδα γαλλικής γλώσσας;

Σε έναν ιστότοπο ηλεκτρονικού εμπορίου, το νόμισμα, οι εκτιμήσεις παράδοσης, ακόμη και ίσως η διαθεσιμότητα αποθεμάτων και προϊόν Τα εύρη μπορεί να διαφέρουν στη Γαλλία από τον Καναδά, οπότε η ύπαρξη μιας μοναδικής έκδοσης για κάθε μια θα είχε πολύ νόημα.

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

Εφαρμογές Shopify για HREFLANG και μετάφραση

Βρήκα μόνο 2 εφαρμογές στο κατάστημα Shopify που μεταφράζουν και οι δύο (χρησιμοποιώντας αυτόματη μετάφραση) και εφαρμόζουν ετικέτες HREFLANG.

Κανένα από αυτά δεν είναι τέλειο (πιθανότατα θα χρειαστείτε χειροκίνητες μεταφράσεις για να το συντονίσετε) και σε πολλά σενάρια θα πρέπει να προσαρμόσετε το δικό σας εκτέλεση για να συμπληρώσετε το SEO ότι η εφαρμογές παράγω.

Εδώ είναι τα πλεονεκτήματα και τα μειονεκτήματα του καθενός:

WEGLOT

weglothttps://apps.shopify.com/weglot

Πλεονεκτήματα:

  • Χρήσιμοι προγραμματιστές
  • Αναπτύχθηκε σε πολλαπλά CMS
  • Μπορεί να αποκλείσει Διευθύνσεις URL από τη μετάφραση.
  • Οι ετικέτες HREFLANG δημιουργήθηκαν σωστά.

Μειονεκτήματα:

  • Χωρίς διεθνή Sitemap
  • Οι μεταφρασμένες διευθύνσεις URL είναι ακατάστατες: domain.com/ a / l / fr /url
  • Διαφορετικές εκδόσεις χωρών της ίδιας γλώσσας πρέπει να βρίσκονται σε νέο τομέα / υποτομέα.
  • Χωρίς προεπιλεγμένη ετικέτα x.
  • Η λειτουργία πολλαπλών τομέων δεν δημιουργεί ετικέτες HREFLANG σε όλους τους τομείς.

LangShop

langshop

https://apps.shopify.com/langshop

Πλεονεκτήματα:

  • Η νέα έκδοση επιτρέπει καθαρό υποφάκελο εκτέλεση: domain.com/fr/
  • Χρήσιμοι προγραμματιστές
  • Διεθνώς Sitemap
  • Επιλογές επιλογής νομίσματος

ΚΑΤΑ

  • Δεν είναι δυνατή η ενσωμάτωση πολλαπλών καταστημάτων για διαφορετικές γλώσσες (όλες οι μεταφράσεις και οι ετικέτες οδηγούν σε έναν τομέα).
  • Διαφορετικές εκδόσεις χωρών της ίδιας γλώσσας πρέπει να βρίσκονται σε νέο τομέα / υποτομέα.
  • Δεν είναι δυνατή η εξαίρεση ορισμένων urls.

Πώς να δημιουργήσετε μη αυτόματα ετικέτες HREFLANG για Shopify Multi-sites

Εάν έχετε μερικά διαφορετικά καταστήματα που στοχεύουν ήδη διαφορετικές γλώσσες, αυτά χρησιμοποιούν το ίδιο URL δομή και απλά θέλετε να προσθέσετε ετικέτες HREFLANG για να τις συνδέσετε όλες, τότε εδώ πρέπει να κάνετε:

Θα χρησιμοποιήσω ένα παράδειγμα για να δείξω:

  1. Έχουμε το domain1.com σε 1 λογαριασμό shopify, στοχεύοντας αγγλικά
  2. Έχουμε το domain2.fr σε 1 λογαριασμό shopify, στοχεύοντας γαλλικά.
  3. Θέλουμε η προεπιλεγμένη διεύθυνση url να είναι ο αγγλικός λογαριασμός.
  4. Κάθε URL η συμβολοσειρά είναι η ίδια σε κάθε ιστότοπο (π.χ. συλλογή παπουτσιών και στα δύο είναι / συλλογές / παπούτσια)

Πρέπει να προσθέσουμε τον κώδικα HREFLANG στο theme.liquid φιλέτο τόσο για τον ιστότοπο domain1.com όσο και για τον ιστότοπο domain2.fr.

Εδώ είναι ο κωδικός για προσθήκη στο ενότητα του theme.liquid φιλέτο τόσο ιστοσελίδες:

<σύνδεσμος rel = "alternate" hreflang = "x-προεπιλογή" href ="{{canonical_url | repl: shop.domain, 'domain1.com'}}" />

<σύνδεσμος rel = "εναλλακτικό" href ="{{canonical_url | repl: shop.domain, 'domain1.com'}}" hreflang = "en" />
<σύνδεσμος rel = "εναλλακτικό" href ="{{κανονικό_url | αντικαταστήστε: shop.domain, 'domain2.fr'}} "hreflang =" fr "/>

Εδώ είναι ένας οδηγός βίντεο για το εκτέλεση:

Πλεονεκτήματα και μειονεκτήματα της μη αυτόματης εφαρμογής πολλαπλών ιστότοπων

Πλεονεκτήματα:

  • Γρήγορη και απλή ρύθμιση
  • Χωρίς συνεχιζόμενο κόστος εφαρμογές.
  • Επιτρέπει για ξεχωριστό ιστοσελίδες για διαφορετικούς ντόπιους.
  • Επιτρέπει πολλαπλάσια ιστοσελίδες στοχεύοντας στην ίδια γλώσσα αλλά σε διαφορετική χώρα (en-us, en-gb, κ.λπ.).

Μειονεκτήματα:

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

Shopify Hybrid Approach - Χρήση εφαρμογών και πολλαπλών καταστημάτων για γρήγορη μετάφραση και μικρο στόχευση

Εάν έχετε ένα σενάριο όπου θέλετε να στοχεύσετε 3 γλώσσες στον ιστότοπο1 και 3 γλώσσες στον ιστότοπο2, τότε τι κάνετε;

Τι γίνεται αν θέλετε να στοχεύσετε αγγλόφωνους ανθρώπους στο UK στον ιστότοπο1, και στα αγγλόφωνα άτομα στις ΗΠΑ στον ιστότοπο2 επίσης;

Τότε μια υβριδική προσέγγιση μπορεί να σας βοηθήσει.

Τα βήματα είναι τα εξής:

  1. Εγκαταστήστε την προτιμώμενη μετάφραση σας app και στα δύο καταστήματά σας.
  2. Ενεργοποιήστε κάθε παραλλαγή γλώσσας που θέλετε σε καθεμία (μην ανησυχείτε πάρα πολύ για τη συγκεκριμένη χώρα προς το παρόν).
  3. Προσαρμόστε τον κωδικό για να αντικατοπτρίζει τη συγκεκριμένη χώρα για κάθε επιλογή (δείτε την επόμενη ενότητα για αυτόν τον κωδικό).
  4. Δημιουργήστε μη αυτόματες ετικέτες HREFLANG από το store1 για επικόλληση στο theme.liquid του store2 (και το αντίστροφο) έτσι ώστε όλα τα καταστήματα έχουν όλες τις εκδόσεις των ετικετών HREFLANG (μπορούν να προστεθούν στο αρχείο αποσπάσματος WEGLOT hreflang).
  5. WEGLOT - εξαιρέστε την παράκαμψη HREFLANG στις ρυθμίσεις.

Πώς να προσαρμόσετε το WEGLOT για ετικέτες HREFLANG για συγκεκριμένες χώρες

ΣΗΜΕΊΩΣΗ: όλες οι προσαρμογές επαναφέρονται όταν αλλάζετε τις ρυθμίσεις γλώσσας στο WEGLOT, επομένως αποθηκεύστε ένα αντίγραφο των τροποποιήσεών σας και όταν πρέπει να αλλάξετε τις ρυθμίσεις, φροντίστε να τις επικολλήσετε αργότερα.

Τώρα αυτό διαφέρει ανάλογα με το εάν επεξεργάζεστε την προεπιλεγμένη γλώσσα ή μια δευτερεύουσα γλώσσα.

Για την προεπιλεγμένη γλώσσα:

  • Πηγαίνετε στο Shopify Διαχειριστής> Ηλεκτρονικό κατάστημα> Ενέργειες> Επεξεργασία κώδικα> Αποσπάσματα> weglot_hreftags.liquid
  • Εύρημα:σύνδεσμος rel = "alternate" hreflang = "{{original_language}}" href ="{{κανονικό_url }} ">
  • Και αντικαταστήστε με: {% for language in original_language%}σύνδεσμος rel = "alternate" hreflang = "{{γλώσσα | αντικατάσταση:" en "," en-gb "}}" href ="{{canonical_url}}"> {% endfor%}
  • Αποθηκεύσετε

Όπου αυτός ο κωδικός λέει "en" και "en-gb", αυτοί θα πρέπει να αντικατασταθούν με την προεπιλεγμένη γλώσσα σας και τη νέα σας γλώσσα για τη συγκεκριμένη τοποθεσία αντίστοιχα

Για δευτερεύουσες γλώσσες:

  • Πηγαίνετε στο Shopify Διαχειριστής> Ηλεκτρονικό κατάστημα> Ενέργειες> Επεξεργασία κώδικα> Αποσπάσματα> weglot_hreftags.liquid
  • Εύρεση: {% για τη γλώσσα στο destination_languages%} href ="https: // {{request.host}} / a / l / {{language}} {{canonical_path}}"> {% endfor%}
  • Και προσθέστε τους πρόσθετους κανόνες αντικατάστασης γλώσσας σε αυτό σε αυτήν την ενότητα: hreflang = "{{language | menggantikan:" zh "," zh-CN "| αντικαταστήστε:" tw "," zh-TW "}}"
  • Παράδειγμα αντικατάστασης για αλλαγή fr σε fr-fr:
  • hreflang = "{{γλώσσα | αντικατάσταση:" zh "," zh-CN "| αντικατάσταση:" tw "," zh-TW " | αντικαταστήστε: "fr", "fr-fr" }} "
  • Μπορείτε να προσθέσετε όσα θέλετε χρησιμοποιώντας την ίδια μέθοδο.
  • Αποθηκεύσετε

Όπου αυτός ο κωδικός λέει "fr" και "fr-fr", αυτοί θα πρέπει να αντικατασταθούν με την προεπιλεγμένη γλώσσα σας και τη νέα γλώσσα για τη συγκεκριμένη τοποθεσία αντίστοιχα.

Πώς να προσθέσετε ετικέτες HREFLANG από το Site1 στο Site2

Ορίστε λοιπόν πώς να προσθέσετε τις ετικέτες που λείπουν σε κάθε ιστότοπο. Επομένως, πρέπει να προστεθούν οι ετικέτες HREFLANG από τον ιστότοπο 2 Τοποθεσία 1 και αντίστροφα (και αν έχετε 3 ιστότοπους, τότε ο Ιστότοπος 1 πρέπει να έχει τις ετικέτες HREFLANG από Τοποθεσία 2 και Τοποθεσία 3 προστέθηκαν χειροκίνητα, κ.λπ.).

Το παράδειγμα από το βίντεο έχει έναν τομέα (ukdomain.com) που στοχεύει το Ηνωμένο Βασίλειο και έναν τομέα (domain.com) που στοχεύει Αγγλικά (προεπιλογή, ΗΠΑ και CA), Γαλλικά (CA) και Ισπανικά (ΗΠΑ).

Ο κωδικός που πρέπει να προστεθεί στο ukdomain.com για να προσθέσει τις ετικέτες domain.com HREFLANG σε αυτόν είναι:


Ο κωδικός για προσθήκη στον ιστότοπο domain.com, για προσθήκη των ετικετών HREFLANG από τον ιστότοπο ukdomain.com είναι:

Και εάν το x-default δεν έχει ήταν προστέθηκε ακόμη, τότε αυτό πρέπει επίσης να προστεθεί:

<link rel="alternate" hreflang="x-ντεσφάλμα "href =" {{canonical_url | αντικαταστήστε: shop.domain, 'domain.com'}} "/>

Αυτό θα έχει ως αποτέλεσμα όλες οι ετικέτες HREFLANG να είναι ίσες και στις δύο εκδόσεις του καταστήματός σας.

Τελικό βήμα WEGLOT - Διακοπή αυτόματης παράκαμψης

Από προεπιλογή, στις μεταφρασμένες εκδόσεις της σελίδας, το WEGLOT θα προεπιλεγεί στην αρχική ρύθμιση.

Επομένως, πρέπει να το σταματήσουμε από αυτό, για να διασφαλίσουμε ότι οι προσαρμοσμένες ετικέτες μας εμφανίζονται σε όλες τις σελίδες με συνέπεια, συμπεριλαμβανομένων των μεταφρασμένων εκδόσεων σελίδων.

Για να το κάνετε αυτό, μεταβείτε στην ενότητα "Επεξεργασία μεταφράσεων" στην εφαρμογή WEGLOT, κάντε κλικ στην επιλογή Project Settings και στην ενότητα EXCLUDED BLOCKS, προσθέστε "wg-hreflang "χωρίς εισαγωγικά:

εξαίρεση weglot αυτόματη παράκαμψη Shopify HREFLANG

Αυτό θα διασφαλίσει ότι οι τροποποιήσεις σας είναι ενεργές σε όλες τις μεταφρασμένες εκδόσεις, τις οποίες μπορείτε να επαληθεύσετε στο Chrome μεταβαίνοντας σε ένα από τα / a / l / url χρησιμοποιώντας έναν πράκτορα χρήστη Googlebot και ελέγχοντας τις ετικέτες HREFLANG στον πηγαίο κώδικα.

Πώς να προσαρμόσετε το LANGΚΑΤΑΣΤΗΜΑ για ετικέτες HREFLANG για συγκεκριμένες χώρες:

(Έρχεται σύντομα)

Συμπέρασμα και περαιτέρω βοήθεια

Υπάρχουν πολλοί τρόποι για την εφαρμογή των ετικετών HREFLANG, αλλά είναι συχνά περίπλοκο και δύσκολο να φτάσετε σωστά σε κάθε ιστότοπο (ειδικά με πολλά καταστήματα).

Εάν θέλετε περαιτέρω βοήθεια σχετικά με αυτό, στείλτε μου email [προστασία μέσω email]ή σκεφτείτε οι συμβουλευτικές υπηρεσίες μου εδώ.

Πόσο χρήσιμη ήταν αυτή η ανάρτηση;

Κάντε κλικ σε ένα αστέρι για να το βαθμολογήσετε!

μέση βαθμολογία 5 / 5. Αριθμός ψηφοφορίας: 3

Δεν υπάρχουν ψηφοφορίες μέχρι τώρα! Γίνετε ο πρώτος που θα αξιολογήσει αυτήν την ανάρτηση.

Λυπούμαστε που αυτή η ανάρτηση δεν ήταν χρήσιμη για εσάς!

Ας βελτιώσουμε αυτό το post!

Πείτε μας πώς μπορούμε να βελτιώσουμε αυτήν την ανάρτηση;

Ματ Τζάκσον

Ειδικός SEO ηλεκτρονικού εμπορίου, με πάνω από 8 χρόνια πλήρους εμπειρίας ανάλυσης και διόρθωσης διαδικτυακών ιστότοπων αγορών. Εμπειρία με τα Shopify, Wordpress, Opencart, Magento και άλλα CMS.
Χρειάζεστε βοήθεια? Στείλτε μου email για περισσότερες πληροφορίες, στο [προστασία μέσω email]

Αυτή η ανάρτηση έχει 4 σχόλια
  1. Γεια σου Ματ,

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

    π.χ. ετικέτες href-lang για περιεχόμενο σε:

    http://www.english.co.uk/colour
    http://www.usa.com/color

    Το περιεχόμενο θα ήταν το ίδιο, διαφορετικά URL - θα λειτουργούσε η λύση hreflang στο shopify;

  2. Γεια ματ,

    Πολύ ενδιαφέρον blog! Θα ήθελα να μάθω τι πιστεύετε για την εφαρμογή «Μετάφραση μου» (από τον Hextom), επειδή έχω πολλά σφάλματα hreflang και κανείς δεν μπορεί να το λύσει (ούτε το Shopify)

    Ευχαριστούμε
    Με φιλικούς χαιρετισμούς
    Edith

Αφήστε μια απάντηση

Η διεύθυνση email σας δεν θα δημοσιευθεί. Τα υποχρεωτικά πεδία σημειώνονται *