Ποιότητα Web - Κρίσιμα HTML Elements

Για την βελτίωση της ποιότητας του web, τα στοιχεία <DOCTYPE>, <title> και <h1> είναι σημαντικά.

Το στοιχείο <DOCTYPE>

Το Doctype σημαίνει "δήλωση τύπου έγγραφου" (DTD).

Όλες οι σελίδες HTML και XHTML πρέπει να χρησιμοποιούν το στοιχείο <Doctype> για να καθορίσουν την έκδοση HTML που ακολουθούν.

Η έννοια doctype καθορίζει την έκδοση HTML που χρησιμοποιείτε και παρέχει σημαντικές πληροφορίες στον περιηγητή για να παρουσιάσει την σελίδα σας ταχύτερα και πιο ομοιόμορφα.

Η δήλωση τύπου έγγραφου επιτρέπει επίσης στο λογισμικό επαλήθευσης να ελέγξει τη γραμματική της σελίδας:

HTML 4.01 Στατική, Μεταβατική, Σχέδια

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd"

XHTML 1.0 Strict, Transitional, Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"

DTD XHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"

Δείτε επίσης:Ετικέτα <!DOCTYPE> HTML

Το στοιχείο <title>

Το στοιχείο <title> είναι ένα από τα πιο σημαντικά στοιχεία HTML. Η κύρια λειτουργία του είναι να περιγράφει το περιεχόμενο της σελίδας.

Ακόμα και αν ο τίτλος δεν είναι ορατός ως μέρος της σελίδας, είναι σημαντικό για την ποιότητα του ιστότοπου, καθώς είναι ορατός στις εξής τοποθεσίες:

  • Λίστα μηχανών αναζήτησης
  • Η κουλούρα του παραθύρου
  • Στα σημειωματάρια του χρήστη

Ο τίτλος πρέπει να είναι όσο το δυνατόν πιο σύντομος και περιγραφικός.

Όταν ένας χρήστης αναζητά ιστότοπο στο internet, οι περισσότεροι μηχανές αναζήτησης εμφανίζουν τον τίτλο του ιστότοπου στα αποτελέσματα της αναζήτησης. Βεβαιωθείτε ότι ο τίτλος ταιριάζει με το περιεχόμενο της σελίδας, ώστε ο χρήστης να έχει περισσότερες πιθανότητες να επισκεφθεί τον ιστότοπό σας κάνοντας κλικ σε αυτά τα δεσμούς.

Ο τίτλος του παραθύρου είναι ορατός στην κουλούρα του παραθύρου όταν ο χρήστης επισκέπτεται τον ιστότοπό σας. Βεβαιωθείτε ότι ο τίτλος είναι κατανοητός και περιγράφει το περιεχόμενο του ιστότοπου, ακόμη και όταν το παράθυρο είναι μειωμένο.

Μετά την επίσκεψη του χρήστη στην ιστοσελίδα σας, ο τίτλος της ιστοσελίδας αποθηκεύεται στο φάκελο ιστορικού (ο χρήστης μπορεί επίσης να προσθέσει την ιστοσελίδα στο φακέλο συλλογής). Για μελλοντικές επιτυχείς επισκέψεις, βεβαιωθείτε ότι ο τίτλος περιγράφει σαφώς τον ιστότοπό σας.

Καλοί τίτλοι:

Εκπαιδευτικός Οδηγός HTML
Εισαγωγή XML

Κακές τίτλοι:

Εισαγωγή
Τίτλος 1
Το CodeW3C.com διαθέτει μια οργανωμένη και εύκολα κατανοητή σειρά HTML, CSS, JavaScript,
Εκπαιδευτικός Οδηγός DHTML, XML, XHTML, WAP, ASP, SQL, και περιέχει πολλά παραδείγματα και κώδικα πηγής.

Δείτε επίσης:HTML <title> Tag

Το στοιχείο <h1>

Το στοιχείο <h1> χρησιμοποιείται για να περιγράψει τον κορυφαίο τίτλο της ιστοσελίδας.

Ορισμένοι περιηγητές δείχνουν αυτόματα τα στοιχεία <h1> με μεγάλο μέγεθος γραμματοσειράς, οπότε πολλοί αναπτύχικες ιστοσελίδων χρησιμοποιούν το στοιχείο <h2> αντί για το <h1> για να δείξουν τον κορυφαίο τίτλο. Αυτό δεν επηρεάζει τους αναγνώστες, αλλά μπορεί να δημιουργήσει σύγχυση για τους μηχανές αναζήτησης και άλλες λογισμικό που προσπαθούν να κατανοήσουν τη δομή της ιστοσελίδας.

Βεβαιωθείτε ότι χρησιμοποιείτε το <h1> για τον κορυφαίο τίτλο, και το <h2> και το <h3> για χαμηλότερες επιπέδους.

Μπορείτε να δοκιμάσετε να κατασκευάσετε την ιστοσελίδα σας με βάση αυτό το μοντέλο:

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

Δείτε επίσης:HTML <h1> - <h6> Tags