Sobes.tech
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>