Ο τίτλος και η μετα-περιγραφή

Ενότητα 3: Η τεχνική βάση μιας σελίδας · Χρόνος ανάγνωσης: 11 λεπτά

Στόχος μαθήματος: Μετά από αυτό το μάθημα μπορείτε να γράψετε έναν καλό τίτλο και μια καλή μετα-περιγραφή για κάθε σελίδα, να εξηγήσετε τι κάνει η Google με αυτά και γιατί μερικές φορές τα αντικαθιστά, καθώς και να ελέγξετε αν είναι σωστά στις δικές σας σελίδες.

Βασικές έννοιες: <title>, σύνδεσμος τίτλου (title link), μετα-περιγραφή (<meta name="description">), απόσπασμα (snippet), αναδιατύπωση από την Google, περικοπή βάσει πλάτους οθόνης, εμπειρικός κανόνας για το μήκος, μοναδικοί τίτλοι, επωνυμία, συσσώρευση λέξεων-κλειδιών, nosnippet

Δύο γραμμές στην κεφαλίδα της σελίδας σας

Κάθε σελίδα ενός ιστότοπου ξεκινά με ένα τμήμα που ο επισκέπτης δεν βλέπει: το <head>. Εκεί βρίσκονται δύο γραμμές που είναι ιδιαίτερα σημαντικές για τις μηχανές αναζήτησης:

<head>
  <title>Bruidsboeketten op maat in Amersfoort | Bloemenatelier Lotte</title>
  <meta name="description" content="Een bruidsboeket dat bij jullie dag past. Kom langs voor een gratis kennismaking in ons atelier in Amersfoort, of bekijk eerst onze voorbeelden.">
</head>

Τον τίτλο (το στοιχείο <title>) τον βλέπετε στην καρτέλα του προγράμματος περιήγησης, στους σελιδοδείκτες σας και κυρίως στα αποτελέσματα αναζήτησης. Η Google ονομάζει τη μπλε γραμμή ενός αποτελέσματος αναζήτησης, στην οποία μπορεί κανείς να κάνει κλικ, σύνδεσμο τίτλου (title link). Η μετα-περιγραφή είναι μια σύντομη σύνοψη της σελίδας. Η Google τη χρησιμοποιεί μερικές φορές για το κομμάτι κειμένου κάτω από τον σύνδεσμο τίτλου: το απόσπασμα (στα αγγλικά snippet).

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

Τι κάνει η Google με τον τίτλο σας

Η ίδια η Google το διατυπώνει έτσι: φροντίστε κάθε σελίδα να έχει τίτλο στο στοιχείο <title> και κάντε τον περιγραφικό και σύντομο. Αόριστοι τίτλοι όπως "Home" ή "Welcome" δεν λένε τίποτα σε κανέναν.

Η Google χρησιμοποιεί συνήθως το <title> σας, αλλά όχι πάντα. Μπορεί να δημιουργήσει τον σύνδεσμο τίτλου και από άλλες πηγές: τη μεγαλύτερη επικεφαλίδα της σελίδας (συχνά το <h1>), το og:title για τα μέσα κοινωνικής δικτύωσης, εμφανές κείμενο της σελίδας, το κείμενο συνδέσμων που δείχνουν προς τη σελίδα και το όνομα από δομημένα δεδομένα τύπου WebSite. Αυτό συμβαίνει κυρίως στις εξής περιπτώσεις, τις οποίες αναφέρει η ίδια η Google:

Αν η Google αναδιατυπώσει τον τίτλο σας, αυτό δεν είναι τιμωρία. Είναι ένδειξη ότι ο τίτλος σας δεν περιγράφει αρκετά καλά τη σελίδα. Αν βελτιώσετε τον τίτλο, η Google συχνά τον υιοθετεί ξανά μετά την επόμενη επίσκεψη του crawler.

Πόσο μεγάλος μπορεί να είναι ένας τίτλος;

Εδώ πολλές συμβουλές στο διαδίκτυο κάνουν λάθος. Η Google λέει κατά λέξη ότι δεν υπάρχει όριο στο μήκος ενός <title>. Ωστόσο, ο σύνδεσμος τίτλου στα αποτελέσματα αναζήτησης περικόπτεται ώστε να χωρά στην οθόνη. Αυτό γίνεται βάσει πλάτους οθόνης (pixel) και όχι μετά από σταθερό αριθμό χαρακτήρων: ένας τίτλος με πολλά φαρδιά γράμματα (m, w) περικόπτεται νωρίτερα από έναν με στενά (i, l).

Γι' αυτό αυτό το εκπαιδευτικό πρόγραμμα χρησιμοποιεί έναν εμπειρικό κανόνα, όχι κανόνα της Google: κρατήστε τον τίτλο σας περίπου μεταξύ 15 και 65 χαρακτήρων. Πιο σύντομος είναι συχνά πολύ αόριστος, πιο μεγάλος κινδυνεύει να χαθεί το σημαντικότερο τμήμα. Γι' αυτό βάλτε μπροστά τι είναι η σελίδα και στο τέλος το όνομα της επιχείρησής σας.

Πώς γράφετε έναν καλό τίτλο

Από τις οδηγίες της Google και από την πράξη:

1. Πείτε τι αφορά η σελίδα. Το "Bruidsboeketten op maat in Amersfoort" (νυφικές ανθοδέσμες κατά παραγγελία στο Amersfoort) είναι καλύτερο από το "Diensten" (Υπηρεσίες).
2. Κάθε σελίδα με δικό της τίτλο. Δύο σελίδες με τον ίδιο τίτλο δεν ξεχωρίζουν μεταξύ τους στα αποτελέσματα αναζήτησης.
3. Σύντομη επωνυμία, στην αρχή ή στο τέλος, χωρισμένη με ένα σύμβολο όπως |, : ή -. Η Google συνιστά να μην προσθέτετε ένα μακρύ σλόγκαν σε κάθε τίτλο.
4. Χωρίς συσσώρευση λέξεων-κλειδιών. Το "Bloemen Amersfoort, bloemist Amersfoort, boeket Amersfoort goedkoop" δεν βοηθά. Η Google αναφέρει ρητά την επανάληψη λέξεων-κλειδιών ως κάτι που μοιάζει με spam· περιλαμβάνεται μάλιστα στις πολιτικές της για το spam (μάθημα 8.2).
5. Κρατήστε τον επίκαιρο. Μια χρονολογία στον τίτλο σημαίνει ότι πρέπει να τον ενημερώνετε κάθε χρόνο.

Ένα συνηθισμένο λάθος στα εργαλεία κατασκευής ιστοτόπων: η αρχική σελίδα έχει ως τίτλο μόνο το όνομα της επιχείρησης. Το "Bloemenatelier Lotte" λέει ποιος είστε, αλλά όχι τι κάνετε ή πού. Το "Bloemenatelier Lotte | Bloemist in Amersfoort" (ανθοπωλείο στο Amersfoort) λειτουργεί καλύτερα για κάποιον που δεν σας γνωρίζει ακόμη.

Η μετα-περιγραφή

Η μετα-περιγραφή βρίσκεται σε ένα στοιχείο <meta>:

<meta name="description" content="...">

Η Google λέει: το απόσπασμα προέρχεται κυρίως από το ίδιο το περιεχόμενο της σελίδας. Η μετα-περιγραφή χρησιμοποιείται όταν συνοψίζει τη σελίδα καλύτερα από ένα κομμάτι κειμένου της σελίδας. Επιπλέον, το απόσπασμα μπορεί να διαφέρει ανάλογα με την αναζήτηση: η Google δείχνει το τμήμα που ταιριάζει καλύτερα στο ερώτημα. Μια καλή μετα-περιγραφή δεν εγγυάται λοιπόν ότι θα εμφανιστεί, αλλά αυξάνει την πιθανότητα να εμφανίζεται κάτι λογικό κάτω από τον τίτλο σας.

Και εδώ: η Google δεν ορίζει μέγιστο μήκος, αλλά το απόσπασμα περικόπτεται ώστε να χωρά στην οθόνη. Ο εμπειρικός κανόνας σε αυτό το εκπαιδευτικό πρόγραμμα: 70 έως 160 χαρακτήρες. Αρκετά μεγάλη για να πει κάτι, αρκετά σύντομη για να εμφανίζεται ολόκληρη.

Έτσι γράφετε μία:

• Συνοψίστε τι βρίσκει κανείς στη σελίδα, με απλές προτάσεις.
• Αναφέρετε συγκεκριμένα στοιχεία που βοηθούν στην επιλογή: τοποθεσία, τι προσφέρετε, για ποιον.
• Κάθε σελίδα με δική της περιγραφή. Αν έχετε λίγο χρόνο, ξεκινήστε από την αρχική σελίδα και τις σελίδες με τις περισσότερες επισκέψεις· αυτό συνιστά και η ίδια η Google.
• Όχι λίστα λέξεων-κλειδιών. Η Google γράφει ότι τέτοιες περιγραφές χρησιμοποιούνται σπανιότερα ως απόσπασμα.

Τι δεν κάνει η μετα-περιγραφή: δεν είναι παράγοντας κατάταξης με τον οποίο θα πετύχετε υψηλότερη θέση μέσω λέξεων-κλειδιών. Υπάρχει για να πείσει τον χρήστη να κάνει κλικ.

Ορίστε εσείς τι εμφανίζεται

Θέλετε η Google να μην εμφανίζει απόσπασμα ή να εμφανίζει μόνο ένα μέρος; Αυτό γίνεται με μια μετα-ετικέτα robots: <meta name="robots" content="nosnippet"> (χωρίς απόσπασμα) ή max-snippet:50 (το πολύ 50 χαρακτήρες). Ένα τμήμα κειμένου μπορείτε να το εξαιρέσετε με το χαρακτηριστικό data-nosnippet. Για τους περισσότερους μικρούς ιστοτόπους αυτό δεν χρειάζεται.

Πού τα βλέπετε και πώς τα ελέγχετε

• Στον πηγαίο κώδικα: ανοίξτε τη σελίδα σας, κάντε δεξί κλικ και επιλέξτε "Προβολή πηγαίου κώδικα σελίδας" (ή Ctrl+U). Αναζητήστε με Ctrl+F το <title και το description.
• Στα αποτελέσματα αναζήτησης: αναζητήστε site:example.com για να δείτε πώς εμφανίζει η Google τις σελίδες σας. Αν ο σύνδεσμος τίτλου διαφέρει από το <title> σας, δείτε ποια περίπτωση από τον παραπάνω πίνακα ταιριάζει.
• Στο Search Console: η αναφορά Performance (μάθημα 2.3) δείχνει ποιες σελίδες έχουν πολλές εμφανίσεις αλλά λίγα κλικ. Εκεί ένας καλύτερος τίτλος και μια καλύτερη περιγραφή αποδίδουν περισσότερο.

Στην πράξη: ορισμός τίτλου και περιγραφής

• Στο AI Builder της WebOké ορίζετε για κάθε σελίδα δικό της τίτλο και περιγραφή. Αν αφήσετε τον τίτλο κενό, για μια κανονική σελίδα γίνεται "Όνομα σελίδας | Όνομα ιστότοπου" και η αρχική σελίδα παίρνει μόνο το όνομα του ιστότοπού σας. Γι' αυτό δώστε εσείς στην αρχική σελίδα έναν τίτλο που λέει επίσης τι κάνετε. Ο έλεγχος SEO στο AI Builder σας προειδοποιεί για τίτλο άνω των 65 και περιγραφή άνω των 160 χαρακτήρων: τους ίδιους εμπειρικούς κανόνες με αυτό το εκπαιδευτικό πρόγραμμα.
• Στο WordPress το ίδιο το WordPress δημιουργεί τον τίτλο από τον τίτλο της σελίδας και το όνομα του ιστότοπου. Μετα-περιγραφή δεν δημιουργεί από μόνο του· γι' αυτό χρησιμοποιείτε ένα πρόσθετο SEO ή ένα θέμα που την προσφέρει. Αυτό καλύπτεται επίσης στο εκπαιδευτικό πρόγραμμα για το WordPress, μάθημα 9.2.

Σε άλλα εργαλεία κατασκευής ιστοτόπων λειτουργεί παρόμοια: αναζητήστε ρυθμίσεις όπως "SEO", "Μηχανές αναζήτησης" ή "Ρυθμίσεις σελίδας".

Σύνοψη

• Ο τίτλος είναι η γραμμή στα αποτελέσματα αναζήτησης στην οποία κάνει κανείς κλικ· η μετα-περιγραφή συνοψίζει τη σελίδα και μερικές φορές εμφανίζεται ως απόσπασμα.
• Η Google μπορεί να αντικαταστήσει τον τίτλο σας αν είναι μισοάδειος, παρωχημένος, λανθασμένος ή ίδιος παντού, ή αν δεν υπάρχει σαφής κύρια επικεφαλίδα.
• Η Google δεν ορίζει μέγιστο μήκος, αλλά περικόπτει βάσει πλάτους οθόνης. Εμπειρικοί κανόνες σε αυτό το εκπαιδευτικό πρόγραμμα: τίτλος 15 έως 65 χαρακτήρες, περιγραφή 70 έως 160 χαρακτήρες.
• Κάθε σελίδα με δικό της περιγραφικό τίτλο και δική της περιγραφή· χωρίς συσσώρευση λέξεων-κλειδιών· σύντομη επωνυμία στο τέλος.
• Η μετα-περιγραφή βοηθά τους ανθρώπους να επιλέξουν, όχι τη θέση σας στην κατάταξη.

Κουίζ

Άσκηση

Άσκηση A3.1: Τίτλος και μετα-περιγραφή της σελίδας σας. Εισαγάγετε τη διεύθυνση μιας σελίδας του δικού σας ιστότοπου (την αρχική σελίδα ή μια σημαντική σελίδα). Το πρόγραμμα ανακτά τη σελίδα όπως θα έκανε μια μηχανή αναζήτησης, διαβάζει το <title> και τη μετα-περιγραφή και μετρά τους χαρακτήρες. Βλέπετε αν υπάρχουν, αν είναι εντός των εμπειρικών κανόνων και αν ο τίτλος λέει κάτι περισσότερο από το όνομα της επιχείρησής σας. Δεν έχετε δικό σας ιστότοπο; Χρησιμοποιήστε το www.rijksoverheid.nl.

Περαιτέρω ανάγνωση

Τα βήματα σε αυτά τα άρθρα ισχύουν για τους πίνακες ελέγχου της WebOké· σε άλλους παρόχους λειτουργεί παρόμοια.

• Υποβολή της ιστοσελίδας σας στις μηχανές αναζήτησης (Google και Bing)
• Sitebuilder και AI Builder: ποιον να επιλέξετε και πώς τον ανοίγετε;
• Google Search Central, Διαχείριση των συνδέσμων τίτλου στα αποτελέσματα αναζήτησης: https://developers.google.com/search/docs/appearance/title-link
• Google Search Central, Αποσπάσματα και μετα-περιγραφή: https://developers.google.com/search/docs/appearance/snippet