Επιδιόρθωση Shopify Breadcrumbs - Το σχήμα - data-vocabulary.org καταργήθηκε

Οι προειδοποιήσεις άρχισαν να ισχύουν τον Ιανουάριο - το σχήμα data-vocabulary.org καταργήθηκε - τα κίτρινα σφάλματα στο Google Search Console και η απειλή να μην υπάρχουν πλέον πλούσιοι ψίχοι στα αποτελέσματα αναζήτησης.

Μπορείτε να ελέγξετε εάν ο ιστότοπός σας αντιμετωπίζει το πρόβλημα εισάγοντας μια υποσελίδα με breadcrumb schema.org στις δοκιμές της Google εργαλείο: https://search.google.com/structured-data/testing-tool#

Το σχήμα data-vocabulary.org καταργούσε το shopify της κονσόλας αναζήτησης Google

Πώς να επιδιορθώσετε το σχήμα data-vocabulary.org που καταργήθηκε στο Shopify breadcrumbs

Ο κωδικός ψωμιού στο Shopify βρίσκεται στην ενότητα αποσπασμάτων, στο breadcrumb.liquid:

shopify breadcrum snippers τοποθεσία στο διαχειριστή

Ο αρχικός κωδικός ψωμιού ψωμιού Shopify που πιθανότατα θα έχετε (εάν έχετε αυτό το σφάλμα) θα περιέχει τις ακόλουθες αναφορές:

Μια δήλωση τύπου στοιχείου ότι πρόκειται για σχήμα ψωμιού:

Μια αναφορά στη διεύθυνση URL της σελίδας:

Μια αναφορά στον τίτλο της σελίδας: {{'general.breadcrumbs.home' | τ}}

Ο ευκολότερος τρόπος για να ενημερώσετε αυτόν τον κώδικα σε αποδεκτή μορφή, είναι να χρησιμοποιήσετε το Microdata Schema.

Μπορείτε να βρείτε το παράδειγμα παραδείγματος από τον ιστότοπο schema.org εδώ, το οποίο δείχνει ότι χρειάζεστε δεδομένα για τη διεύθυνση URL, τον τίτλο ΚΑΙ τη θέση της σελίδας στη λίστα breadcrumb:

Παράδειγμα μικροδεδομένων σχήματος listitem

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

Ενημέρωση του κωδικού σας - Πληκτρολογήστε κατά τύπο

Έτσι θα εξετάσω κάθε πεδίο δεδομένων που απαιτεί το schema.org και θα σημειώσω πώς άλλαξε και πώς μπορούμε να το εφαρμόσουμε στο Shopify.

1. Δήλωση λίστας ψωμιού Schema.org

Τα Breadcrumbs είναι συνήθως σε μορφή html λίστας και συνιστάται μια λίστα με παραγγελία (αλλά δεν απαιτείται καθώς χρησιμοποιούμε τη θέση).

Για να ξεκινήσετε τη σήμανση, θέλουμε να δηλώσουμε ότι δημιουργούμε μια λίστα Breadcrumb, τυλίγοντας όλα τα στοιχεία breadcrumb μέσα σε μια γονική λίστα, χρησιμοποιώντας αυτόν τον κωδικό:

Και θυμηθείτε, θα υπάρξει τελικό απαιτείται ετικέτα στο τέλος.

Αυτό θα πρέπει να προστεθεί στα γονικά div που θα χρησιμοποιηθούν για το στυλ τους, στο παράδειγμά μου είναι:

Έτσι στο παράδειγμά μου, θα προσθέσω το

Βήμα 1: Προσθέστε αναφορά breadcrumb στη λίστα παραγγελιών html όπως αναφέρεται παραπάνω.

2. Αφαίρεση μεμονωμένων αναφορών δεδομένων-λεξιλογίου

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

Στο Ο κωδικός Github χρησιμοποιείται από πολλούς εδώ, κάθε μεμονωμένη αναφορά σελίδας είναι τυλιγμένη στο ακόλουθο div:

{{συλλογή.title}}

Τώρα, μπορούμε να αφαιρέσουμε το γραμμή.

Βήμα 2: Καταργήστε τα div που αναφέρονται παραπάνω.

3. Προσθήκη κάθε στοιχείου λίστας

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

Θέλουμε να δηλώσουμε ότι καθένα από αυτά είναι ένα στοιχείο στη λίστα γονέων και το κάνουμε αυτό τυλίγοντας τα στον ακόλουθο κώδικα λίστας:

{{συλλογή.title}}

Όπως μπορείτε να δείτε το οι ετικέτες αναδιπλώνουν τα δεδομένα των διευθύνσεων URL.

Βήμα 3: Αναδιπλώστε μεμονωμένα στοιχεία λίστας

4. Αντικαταστήστε τις ετικέτες δεδομένων με τη νέα σήμανση

Τα μικροδεδομένα δεν χρησιμοποιούν τις ίδιες ετικέτες με το data-vocab, πρέπει να ενημερώσουμε τα ονόματα για το URL και το Όνομα σελίδας.

Τα παλιά δεδομένα φέρουν την ένδειξη url για τη διεύθυνση URL της σελίδας και τίτλος για το όνομα της σελίδας:

{{συλλογή.title}}

Τώρα πρέπει να αντικαταστήσουμε url με είδοςκαι αντικαταστήστε τίτλος με όνομα, όπως έτσι:

{{συλλογή.title}}

Βήμα 4: Αντικαταστήστε τις ετικέτες δεδομένων για τη διεύθυνση url και τον τίτλο όπως αναφέρεται παραπάνω.

5. Προσθήκη θέσης για κάθε στοιχείο

Η τελική απαιτούμενη αναφορά στο Microdata schema.org για breadcrumbs είναι η θέση στη λίστα για κάθε στοιχείο.

Ευτυχώς στο Shopify δεν υπάρχουν υποκατηγορίες ή υπο-υποκατηγορίες, επομένως οι επιλογές θέσης δεν είναι τόσο εκτεταμένες.

Πρέπει να προσθέσετε τον κωδικό θέσης λίγο πριν από τις ετικέτες κλεισίματος / ακατέργαστου] σε κάθε λίστα στοιχείων. Η θέση της αρχικής σελίδας είναι πάντα 1, οπότε μπορείτε να την προσθέσετε στον κορυφαίο κωδικό αναφοράς ως εξής: [raw]

Η θέση της σελίδας συλλογής είναι πάντα 2, και το προϊόν Η θέση της σελίδας είναι είτε 2 (εάν δεν υπάρχει συλλογή στις φρυγανιές) είτε 3 (εάν υπάρχει αναφορά συλλογής στις φρυγανιές).

Προστίθενται με τον ίδιο τρόπο με τη θέση της αρχικής σελίδας.

Βήμα 5: Προσθέστε θέση για κάθε στοιχείο όπως περιγράφεται παραπάνω

Το πλήρες παράδειγμα Shopify Breadcrumb Code

Έχω ανεβάσει το πλήρες παράδειγμα κώδικα στο Google Drive εδώ.

Να θυμάστε ότι αυτό μπορεί να μην λειτουργεί 100% σωστά για το θέμα σας.

Θα σας βοηθήσει να δώσετε μια ιδέα για το πώς φαίνεται τα έγκυρα δομημένα δεδομένα και να προσαρμόσετε ανάλογα το πρότυπό σας.

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

Μπορείτε να δείτε τα πιο πρόσφατα αποτελέσματα πελατών μου εδώ.

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

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

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

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

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

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

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

Ματ Τζάκσον

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

Αυτή η ανάρτηση έχει 0 σχόλια

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

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