Σχετικά με αυτό το εργαλείο
Οι μετα-ετικέτες σε HTML <head> ελέγχουν τον τρόπο με τον οποίο οι μηχανές αναζήτησης και οι πλατφόρμες κοινωνικής δικτύωσης εμφανίζουν την προεπισκόπηση μιας σελίδας. Οι πιο σημαντικές ετικέτες περιλαμβάνουν τις ετικέτες <title>, <meta name="description">, ετικέτες Open Graph (og:title, og:description, og:image) και ετικέτες κάρτας Twitter (twitter:title, twitter:description, twitter:image). Όταν αυτές οι ετικέτες λείπουν, έχουν κακή μορφή ή είναι εσφαλμένες, τα αποσπάσματα αναζήτησης και οι προεπισκοπήσεις κοινωνικών δικτύων φαίνονται σπασμένα ή χρησιμοποιούν ανεπιθύμητο περιεχόμενο.
Αυτός ο ελεγκτής ανακτά μια διεύθυνση URL και επιθεωρεί όλες τις σχετικές μετα-ετικέτες. Οι ετικέτες που λείπουν επισημαίνονται. Οι ετικέτες με περιεχόμενο που υπερβαίνει τα όρια μήκους για συγκεκριμένη πλατφόρμα (περικοπή αποσπάσματος Google, κεφαλαία χαρακτήρων Twitter) επισημαίνονται. Οι αναφορές εικόνας επαληθεύονται — εάν το og:image δείχνει σε ένα 404, η προεπισκόπηση κοινωνικής δικτύωσης θα σπάσει.
Όλα αυτά έχουν σημασία επειδή τα περισσότερα κλικ στον ιστότοπό σας προέρχονται από αποτελέσματα αναζήτησης και κοινοποιήσεις κοινωνικής δικτύωσης. Οι μετα-ετικέτες είναι το αντίγραφο μάρκετινγκ που αποφασίζει εάν θα συμβεί ένα κλικ. Η σωστή λήψη τους είναι μία από τις εργασίες SEO και κοινωνικής δικτύωσης με την υψηλότερη μόχλευση.
Γιατί να ελέγξετε τις μετα-ετικέτες
Τα λάθη μετα-ετικέτες είναι σιωπηλά. Μια σελίδα χωρίς og:image εξακολουθεί να φορτώνει σωστά. τίποτα στη σελίδα δεν σας λέει ότι οι κοινοποιήσεις στα κοινωνικά δίκτυα φαίνονται κατεστραμμένες. Το λάθος είναι ορατό μόνο όταν κάποιος κάνει κοινή χρήση της σελίδας, οπότε η πρώτη εμφάνιση που χάθηκε έχει ήδη χαθεί. Ο τακτικός έλεγχος σελίδων εντοπίζει αυτά τα ζητήματα νωρίς.
Μετά από σημαντικές αλλαγές σε έναν ιστότοπο - επανασχεδιασμό, μετεγκατάσταση CMS, ενημέρωση προτύπου - οι μετα-ετικέτες συχνά υποχωρούν. Ένα πάσο QA σε σημαντικές σελίδες επιβεβαιώνει ότι τίποτα σημαντικό δεν χάθηκε στην αλλαγή.
Τεχνικές λεπτομέρειες
Απαιτούμενες μετα-ετικέτες για SEO: <title> (50-60 χαρακτήρες, η Google περικόπτει πέρα από αυτό σε αποσπάσματα αναζήτησης), <meta name="description"> (150-160 χαρακτήρες, το μεγαλύτερο κείμενο περικόπτεται). Η έλλειψη ενός από τα δύο υποβαθμίζει σημαντικά την εμφάνιση αναζήτησης.
Ανοίξτε τις ετικέτες Graph (που χρησιμοποιούνται από το Facebook, το LinkedIn, το Slack και πολλούς άλλους): og:title, og:description, og:image, og:url, og:type. Το og:image θα πρέπει να είναι τουλάχιστον 1200×630 pixel για απόδοση υψηλού DPI. og:image:alt είναι η ετικέτα προσβασιμότητας.
Ετικέτες κάρτας Twitter: twitter:card (συνήθως summary_large_image), twitter:title, twitter:description, twitter:image. Το Twitter επιστρέφει στις ετικέτες OG εάν λείπουν ειδικές για το Twitter, επομένως αρκεί συχνά το καλά διαμορφωμένο OG.
Συχνές ερωτήσεις
- Ποιες μετα-ετικέτες είναι πιο σημαντικές για το SEO;
- Ετικέτα τίτλου (το πιο σημαντικό — 50-60 χαρακτήρες), μετα-περιγραφή (150-160 χαρακτήρες), κανονική διεύθυνση URL, meta ρομπότ, Ανοιχτό γράφημα (og:title, og:description, og:image) και θύρα προβολής για κινητά. Αυτά επηρεάζουν άμεσα τις κατατάξεις αναζήτησης και τις αναλογίες κλικ προς αριθμό εμφανίσεων.
- Πόσο καιρό πρέπει να είναι η ετικέτα τίτλου μου;
- 50-60 χαρακτήρες (ή ~580 pixel) για πλήρη εμφάνιση στα αποτελέσματα αναζήτησης Google. Οι μεγαλύτεροι τίτλοι περικόπτονται με "...". Το μπροστινό φορτίο σημαντικών λέξεων-κλειδιών από την αρχή είναι πιο ορατό και έχει μεγαλύτερο βάρος SEO.
- Χρειάζομαι ετικέτες Open Graph;
- Ναι, εάν οι σελίδες σας κοινοποιούνται στα μέσα κοινωνικής δικτύωσης. Χωρίς og:image και og:title, το Facebook/LinkedIn θα δημιουργήσει αυτόματα προεπισκοπήσεις που μπορεί να φαίνονται φτωχές. Οι κατάλληλες ετικέτες OG διασφαλίζουν ότι το περιεχόμενό σας φαίνεται υπέροχο όταν μοιράζεστε.
- Σε τι χρησιμεύει η κανονική ετικέτα;
- Η κανονική ετικέτα (rel="canonical") λέει στις μηχανές αναζήτησης ποια διεύθυνση URL είναι η «επίσημη» έκδοση μιας σελίδας. Αποτρέπει προβλήματα διπλού περιεχομένου όταν η ίδια σελίδα είναι προσβάσιμη σε πολλαπλές διευθύνσεις URL (με/χωρίς www, HTTP/HTTPS, με παραμέτρους ερωτήματος).
- Γιατί η κοινή χρήση μου στο Facebook εμφανίζει λάθος εικόνα;
- Τις περισσότερες φορές το Facebook χρησιμοποιεί μια κρυφή έκδοση. Χρησιμοποιήστε το Sharing Debugger του Facebook για να καθαρίσετε την προσωρινή μνήμη και να ανακτήσετε ξανά τη σελίδα σας.
- Οι μετα-ετικέτες κάνουν διάκριση πεζών-κεφαλαίων;
- Τα ονόματα των ακινήτων είναι πεζά κατά σύμβαση. Οι περισσότεροι αναλυτές είναι ανεκτικοί, αλλά κολλάνε με πεζά για ασφάλεια.
- Έχει ληφθεί η διεύθυνση URL μου από το πρόγραμμα περιήγησης ή από διακομιστή;
- Εξαρτάται από το εργαλείο. Η ανάκτηση του προγράμματος περιήγησης μπορεί να επηρεάσει προβλήματα CORS. Ορισμένα εργαλεία χρησιμοποιούν διακομιστή μεσολάβησης για την ανάκτηση και την αναφορά.
- Τι γίνεται με τα δομημένα δεδομένα JSON-LD;
- Το JSON-LD είναι δομημένα δεδομένα για πλούσια αποτελέσματα, ξεχωριστά από μετα-ετικέτες. Οι περισσότεροι ελεγκτές μετα-ετικέτας επικεντρώνονται σε meta κεφαλής HTML. Οι επικυρωτές δομημένων δεδομένων είναι μια ξεχωριστή κατηγορία εργαλείων.