Intern
Τι είναι τα μετα-ετικέτες;
sobes.tech AI
Απάντηση από AI
Οι μετα-ετικέτες είναι ετικέτες HTML που χρησιμοποιούνται για την παροχή μετα-πληροφοριών σχετικά με το έγγραφο HTML. Αυτές οι πληροφορίες δεν εμφανίζονται στη σελίδα, αλλά χρησιμοποιούνται από προγράμματα περιήγησης, μηχανές αναζήτησης και άλλες υπηρεσίες ιστού.
Οι κύριοι τύποι μετα-ετικετών:
- Περιγραφή σελίδας:
meta name="description"παρέχει μια σύντομη περιγραφή του περιεχομένου της σελίδας για τις μηχανές αναζήτησης. - Λέξεις-κλειδιά:
meta name="keywords"(παρωχημένο, αλλά ακόμα σε χρήση) καταγράφει λέξεις-κλειδιά σχετικές με το περιεχόμενο. - Συγγραφέας:
meta name="author"δείχνει τον συγγραφέα του εγγράφου. - Κωδικοποίηση χαρακτήρων:
meta charsetορίζει την κωδικοποίηση του εγγράφου, π.χ., UTF-8.<meta charset="UTF-8"> - Προβολή:
meta name="viewport"ελέγχει το μέγεθος και το ζουμ της περιοχής προβολής σε κινητές συσκευές.<meta name="viewport" content="width=device-width, initial-scale=1.0"> - Ρομπότ:
meta name="robots"υποδεικνύει στα ρομπότ αναζήτησης πώς να ευρετηριάσουν τη σελίδα (π.χ.,noindex,nofollow).
Άλλες κοινές μετα-ετικέτες περιλαμβάνουν ετικέτες για κοινωνικά δίκτυα (Open Graph για Facebook/VK, Twitter Cards), ετικέτες για διαχείριση της προσωρινής μνήμης και ανακατευθύνσεις.
Παράδειγμα χρήσης σε ένα έγγραφο HTML:
<!DOCTYPE html>
<html lang="el">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Περιγραφή σελίδας για τις μηχανές αναζήτησης.">
<meta name="author" content="Όνομα Συγγραφέα">
<title>Τίτλος Σελίδας</title>
</head>
<body>
<!-- Περιεχόμενο σελίδας -->
</body>
</html>