Πώς να το χρησιμοποιήσετε
- Εισαγάγετε τον τίτλο της σελίδας και μια περιγραφή μίας ή δύο προτάσεων.
- Προσθέστε την κανονική διεύθυνση URL και επιλέξτε αν οι μηχανές αναζήτησης μπορούν να ευρετηριάσουν τη σελίδα και να ακολουθήσουν τους συνδέσμους της.
- Συμπληρώστε την εικόνα Open Graph και όσα πεδία πρέπει να διαφέρουν από τον τίτλο και την περιγραφή, και επιλέξτε τύπο κάρτας Twitter.
- Αντιγράψτε τον παραγόμενο κώδικα HTML ή κατεβάστε τον και επικολλήστε τον μέσα στο <head> της σελίδας σας.
Πώς λειτουργεί
Η γεννήτρια γράφει μόνο τις ετικέτες που χρειάζεστε. Κάθε τιμή κωδικοποιείται με HTML escaping (τα & < > " και ' μετατρέπονται σε οντότητες), ώστε ένας τίτλος που περιέχει εισαγωγικά ή γωνιώδεις αγκύλες να μην μπορεί να χαλάσει τη σήμανση.
Τι κάνει κάθε ετικέτα: η charset ενημερώνει τον browser για την κωδικοποίηση κειμένου και πρέπει να μπαίνει πρώτη στο head· η viewport κάνει τη σελίδα να διατάσσεται στο πλάτος της συσκευής στα κινητά· ο τίτλος εμφανίζεται στις καρτέλες του browser και στα αποτελέσματα αναζήτησης· η meta description μπορεί να χρησιμοποιηθεί ως απόσπασμα αναζήτησης αλλά δεν αποτελεί παράγοντα κατάταξης· το canonical link λέει στις μηχανές αναζήτησης ποιο URL είναι η κύρια έκδοση μιας σελίδας με διπλότυπα· το robots με noindex κρατά μια σελίδα εκτός αποτελεσμάτων αναζήτησης και το nofollow ζητά από τους crawlers να μην ακολουθήσουν τους συνδέσμους της. Μια ετικέτα robots λειτουργεί μόνο αν οι crawlers μπορούν να ανακτήσουν τη σελίδα, οπότε μην την αποκλείσετε και στο robots.txt.
Οι ετικέτες Open Graph (og:…) ελέγχουν τις προεπισκοπήσεις συνδέσμων σε πολλές κοινωνικές εφαρμογές και εφαρμογές συνομιλίας. Αν τα og:title, og:description ή og:url είναι κενά, το εργαλείο επαναχρησιμοποιεί τον τίτλο, την περιγραφή και το canonical URL. Οι πλατφόρμες που διαβάζουν ετικέτες Twitter card χρησιμοποιούν ως εφεδρικές τις τιμές Open Graph για τίτλο, περιγραφή και εικόνα, οπότε γράφεται μόνο το twitter:card.
Παραδείγματα
Άρθρο ιστολογίου
Τίτλος, περιγραφή, canonical URL, ένα og:image 1200×630 και summary_large_image δημιουργούν περίπου δέκα γραμμές που καλύπτουν αποτελέσματα αναζήτησης και προεπισκοπήσεις συνδέσμων.
Σελίδα ευχαριστιών εκτός αναζήτησης
Αποεπιλέξτε το «Να επιτρέπεται η ευρετηρίαση» για να προστεθεί <meta name="robots" content="noindex, follow">. Η σελίδα εξακολουθεί να λειτουργεί για τους επισκέπτες αλλά δεν πρέπει να εμφανίζεται στα αποτελέσματα αναζήτησης.
Ένας τίτλος με εισαγωγικά
Ο τίτλος Ask "Anything" & <Learn> γράφεται ως Ask "Anything" & <Learn>, το οποίο οι browsers εμφανίζουν ακριβώς όπως πληκτρολογήθηκε.
Συχνές ερωτήσεις
Βοηθά η ετικέτα meta keywords το SEO;
Όχι. Οι μεγάλες μηχανές αναζήτησης αγνοούν την ετικέτα meta keywords για την κατάταξη εδώ και πολλά χρόνια, οπότε αυτή η γεννήτρια δεν την περιλαμβάνει.
Χρειάζομαι και ετικέτες Open Graph και Twitter card;
Συνήθως χρειάζεται μόνο το twitter:card επιπλέον του Open Graph, επειδή ο τίτλος, η περιγραφή και η εικόνα χρησιμοποιούν ως εφεδρικές τις τιμές og:.
Πού μπαίνουν αυτές οι ετικέτες;
Μέσα στο στοιχείο <head> κάθε σελίδας. Σε frameworks όπως Next.js, θέματα WordPress ή γεννήτριες στατικών ιστοτόπων, χρησιμοποιήστε τις ρυθμίσεις μεταδεδομένων τους για να παράγετε τις ίδιες ετικέτες.
Πρέπει κάθε σελίδα να έχει ετικέτα canonical;
Είναι καλή πρακτική, ειδικά όταν το ίδιο περιεχόμενο είναι προσβάσιμο μέσω πολλών URL (παράμετροι παρακολούθησης, επιλογές ταξινόμησης, http και https). Μια σελίδα μπορεί να δηλώσει τον εαυτό της ως canonical.
Απόρρητο
Οι ετικέτες δημιουργούνται στο πρόγραμμα περιήγησής σας. Τίποτα από όσα πληκτρολογείτε δεν μεταφορτώνεται ούτε αποθηκεύεται.