Τι είναι τα meta-tags;

Οι μετα-ετικέτες είναι ετικέτες HTML που παρέχουν μεταδεδομένα σχετικά με το έγγραφο HTML. Βρίσκονται μέσα στο <head> και δεν εμφανίζονται άμεσα στη σελίδα.

Κύσιοι σκοποί των μετα-ετικετών:

Περιγραφή περιεχομένου: Αναφορά στον τίτλο της σελίδας (<title>) και μια σύντομη περιγραφή (<meta name="description">).
Λέξεις-κλειδιά: Καταχώρηση λέξεων-κλειδιών σχετικών με το περιεχόμενο (<meta name="keywords"> - λιγότερο σημαντικό για το σύγχρονο SEO).
Κωδικοποίηση: Ορισμός του συνόλου χαρακτήρων του εγγράφου (<meta charset="utf-8">).
Συγγραφέας: Αναφορά στον συγγραφέα της σελίδας (<meta name="author">).
Προβολέας (Viewport): Διαχείριση της κλίμακας και των διαστάσεων της περιοχής προβολής σε κινητές συσκευές (<meta name="viewport">).
Robots: Οδηγίες για τους ρομπότ αναζήτησης (αν θα ευρετηριαστούν ή όχι, αν θα ακολουθούν τους συνδέσμους ή όχι) (<meta name="robots">).
Open Graph και Twitter Cards: Παροχή πληροφοριών για τα κοινωνικά δίκτυα κατά το μοίρασμα της σελίδας (<meta property="og:...">, <meta name="twitter:...">).

Παραδείγματα:

<meta charset="utf-8">
<meta name="description" content="Περιγραφή της ιστοσελίδας μου.">
<meta name="keywords" content="html, css, javascript">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<meta property="og:title" content="Τίτλος για κοινωνικά δίκτυα">

Αυτά είναι σημαντικά για το SEO, την σωστή εμφάνιση σε διάφορες συσκευές και την κοινή χρήση περιεχομένου στα κοινωνικά δίκτυα.