Τα πρώτα στοιχεία σε ένα έγγραφο HTML
Κάθε έγγραφο HTML στο διαδίκτυο αποτελείται από διάφορα στοιχεία. Πολλά από τα στοιχεία είναι αρκετά συνηθισμένα και βρίσκονται σχεδόν σε όλα, όπως παραγράφους, επικεφαλίδες, εικόνες και συνδέσμους. Όσο συνηθισμένο όμως είναι αυτά τα στοιχεία, υπάρχουν προαιρετικά. Δεν τα χρειάζεστε τεχνικά σε μια ιστοσελίδα - αν και οποιαδήποτε σελίδα λείπει αυτά τα στοιχεία είναι πιθανό να είναι αρκετά αραιά!
Εκτός από αυτά τα προαιρετικά στοιχεία HTML, υπάρχουν και άλλα που απαιτούνται στην πραγματικότητα από μια σελίδα. Τα περισσότερα από αυτά τα στοιχεία βρίσκονται στην περιοχή
της σελίδας HTML. Αυτά τα στοιχεία είναι αυτά που δεν εμφανίζονται σε ιστοσελίδες (ως επί το πλείστον). Τα στοιχεία είναι κρυμμένα από τους ανθρώπους που επισκέπτονται τον ιστότοπό σας, αλλά εξακολουθούν να είναι πολύ χρήσιμα καθώς μεταφέρουν πληροφορίες στο πρόγραμμα περιήγησης ιστού καθώς και στις μηχανές αναζήτησης σχετικά με αυτήν τη σελίδα.Από τεχνική άποψη, υπάρχει μόνο μία ετικέτα που απαιτείται να βρίσκεται στην κορυφή όλων των εγγράφων HTML: το στοιχείο . Αυτό το ζεύγος ετικετών ξεκινά και τελειώνει την ιστοσελίδα σας και επιτρέπει στο πρόγραμμα περιήγησης να γνωρίζει ότι τα πάντα μεταξύ αυτών των δύο ετικετών είναι περιεχόμενο HTML. Το μόνο που βλέπετε συχνά πριν την ετικέτα είναι η σελίδα doctype. Αυτό θα γραφτεί έτσι:
Μετά την ετικέτα είναι το προαναφερθέν ζεύγος ετικετών
. Μέσα από αυτό το ζεύγος ετικετών είναι όπου θα προσθέσετε μια σειρά από άλλα σημαντικά στοιχεία, συμπεριλαμβανομένων των ετικετώνΤο στοιχείο ΤΙΤΛΟΣ
Πρέπει πάντα να συμπεριλαμβάνετε
- Οι μηχανές αναζήτησης χρησιμοποιούν το TITLE ως το κύριο μέσο ταξινόμησης τοποθεσιών. Εάν η ιστοσελίδα σας δεν έχει περιγραφικό τίτλο, οι μηχανές αναζήτησης θα της δώσουν χαμηλότερη κατάταξη από άλλες σελίδες. Αυτό είναι επίσης αυτό που εμφανίζεται ως κείμενο συνδέσμου στη σελίδα αποτελεσμάτων μηχανών αναζήτησης (γνωστή και ως SERP).
- Εμφανίζεται στο επάνω μέρος του παραθύρου του προγράμματος περιήγησης ή στην καρτέλα, περιγράφοντας τη σελίδα του προγράμματος περιήγησης.
- Είναι αυτό που γράφεται όταν κάποιος κάνει σελιδοδείκτη τον ιστότοπό σας. Εάν οι χρήστες κάνουν σελιδοδείκτη στον ιστότοπό σας, θέλετε να θυμούνται ότι ήταν ο ιστότοπός σας και όχι το "Untitled Document", ο οποίος είναι ο προεπιλεγμένος τίτλος σελίδας που χρησιμοποιείται σε πολλές πλατφόρμες λογισμικού ανάπτυξης ιστού.
Δεδομένου ότι η ετικέτα
Μεταφάσεις ή μεταδεδομένα
Οι πληροφορίες Meta είναι δεδομένα που περιέχονται στο
του εγγράφου HTML που παρέχει επιπλέον πληροφορίες σχετικά με την ιστοσελίδα σας στο πρόγραμμα περιήγησης και άλλες συσκευές. Μπορείτε να συμπεριλάβετε πληροφορίες όπως το όνομα του συγγραφέα, το πρόγραμμα που χρησιμοποιήθηκε για τη δημιουργία της σελίδας, την ημερομηνία λήξης της σελίδας και, ίσως το πιο σημαντικό, τις περιγραφές και τις λέξεις-κλειδιά που σχετίζονται με την ίδια τη σελίδα.Η πιο σημαντική ετικέτα META που πρέπει να συμπεριλάβετε στα έγγραφα του ιστού σας είναι στην πραγματικότητα το σύνολο χαρακτήρων ή charset. Αυτό είναι σημαντικό για την ασφάλεια των ιστοσελίδων σας .
Το σύνολο χαρακτήρων θα πρέπει να είναι πάντα η πρώτη γραμμή στην HEAD σας, έτσι ώστε οι χάκερς να μην μπορούν να εισέλθουν. Στο πλαίσιο αυτό, στις υπόλοιπες ετικέτες που έχουμε καλύψει, θα θέλαμε αυτό:
head>
html>
Μάθετε περισσότερα σχετικά με τα Meta Tags
Οι μετα-ετικέτες είναι πολύ σημαντικές για την καλή κατάταξη στις μηχανές αναζήτησης, αλλά αν έχετε μόνο χρόνο να γράψετε είτε έναν καλό, περιγραφικό τίτλο ή μετα-ετικέτες, γράψτε τον τίτλο . Ο τίτλος του εγγράφου σας θα προχωρήσει περισσότερο για την τοποθέτηση μηχανών αναζήτησης από τις μετα-ετικέτες.
- Μαγεία με μετα-ετικέτες - χρησιμοποιήστε μετα-ετικέτες για να έχετε καλύτερη τοποθέτηση μηχανών αναζήτησης
- Περισσότερες Meta Tags - πηγαίνετε πέρα από τις λέξεις-κλειδιά και τις περιγραφές για να αξιοποιήσετε στο έπακρο τα μεταδεδομένα σας
- Σύνδεσμοι Meta Tag - πρόσθετοι σύνδεσμοι για τη βοήθεια του meta tag
Άλλα Στοιχεία
Εκτός από τα στοιχεία που έχουμε ήδη καλύψει, άλλα σημαντικά πράγματα που θα βρείτε στο
μιας σελίδας είναι οι συνδέσεις με τα Javascript αρχεία CSS ενός ιστότοπου, είτε ως συνδέσμους σε αρχεία JS είτε ως inline κώδικα Javascript.Αρχικό άρθρο από την Jennifer Krynin. Επεξεργασμένο από τον Jeremy Girard στις 21/7/17