Κάθε έγγραφο HTML στο διαδίκτυο αποτελείται από διάφορα στοιχεία. Πολλά από τα στοιχεία είναι αρκετά συνηθισμένα και βρίσκονται σχεδόν σε όλα, όπως παραγράφους, επικεφαλίδες, εικόνες και συνδέσμους. Όσο συνηθισμένο όμως είναι αυτά τα στοιχεία, υπάρχουν προαιρετικά. Δεν τα χρειάζεστε τεχνικά σε μια ιστοσελίδα - αν και οποιαδήποτε σελίδα λείπει αυτά τα στοιχεία είναι πιθανό να είναι αρκετά αραιά!
Εκτός από αυτά τα προαιρετικά στοιχεία HTML, υπάρχουν και άλλα που απαιτούνται στην πραγματικότητα από μια σελίδα. Τα περισσότερα από αυτά τα στοιχεία βρίσκονται στο
περιοχή της σελίδας HTML. Αυτά τα Τα στοιχεία είναι αυτά που δεν εμφανίζονται σε ιστοσελίδες (ως επί το πλείστον). Τα στοιχεία είναι κρυμμένα από τους ανθρώπους που επισκέπτονται τον ιστότοπό σας, αλλά εξακολουθούν να είναι πολύ χρήσιμα καθώς μεταφέρουν πληροφορίες στο πρόγραμμα περιήγησης ιστού καθώς και στις μηχανές αναζήτησης σχετικά με αυτήν τη σελίδα.
Από τεχνική άποψη, υπάρχει μόνο μία ετικέτα που απαιτείται να βρίσκεται στην κορυφή όλων των εγγράφων HTML: το στοιχείο. Αυτό το ζεύγος ετικετών ξεκινά και τελειώνει την ιστοσελίδα σας και επιτρέπει στο πρόγραμμα περιήγησης να γνωρίζει ότι τα πάντα μεταξύ αυτών των δύο ετικετών είναι περιεχόμενο HTML. Το μόνο πράγμα που βλέπετε συχνά πριν από το ετικέτα ανοίγματος είναι οι σελίδες doctype. Αυτό θα γραφτεί έτσι:
Μετά το ετικέτα είναι αυτό που προαναφέρθηκε
ετικέτα. Μέσα από αυτό το ζεύγος ετικετών είναι όπου θα προσθέσετε διάφορα άλλα σημαντικά στοιχεία, όπως το
, όποιος <meta> ετικέτες, καθώς και συνδέσμους CSS και Javascript.<p><div>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1427824399252755" data-ad-slot="4175470618" data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
</center></div> <a id="menu-1"></a><h2 id='D9MVVA4IB6'> Το στοιχείο ΤΙΤΛΟΣ</h2>
<p>Θα πρέπει πάντα να συμπεριλαμβάνετε ένα την ιστοσελίδα σας. Υπάρχουν πολλοί λόγοι για αυτό, όπως:<p>
<ol>
<li>
<p>Οι μηχανές αναζήτησης χρησιμοποιούν το</p>
<p>ΤΙΤΛΟΣ<p>ως το κύριο μέσο ταξινόμησης ιστοτόπων. Εάν η ιστοσελίδα σας δεν έχει περιγραφικό τίτλο, οι μηχανές αναζήτησης θα της δώσουν χαμηλότερη κατάταξη από άλλες σελίδες. Αυτό είναι επίσης αυτό που εμφανίζεται ως κείμενο συνδέσμου στη σελίδα αποτελεσμάτων μηχανών αναζήτησης (γνωστή και ως SERP).</p>
<div>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1427824399252755" data-ad-slot="4175470618" data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
</center></div></li>
<li>
<p>Εμφανίζεται στο επάνω μέρος του παραθύρου του προγράμματος περιήγησης ή στην καρτέλα, περιγράφοντας τη σελίδα του προγράμματος περιήγησης.</p>
</li>
<li>
<p>Είναι αυτό που γράφεται όταν κάποιος κάνει σελιδοδείκτη τον ιστότοπό σας. Εάν ένας χρήστης κάνει σελιδοδείκτη τον ιστότοπό σας, θέλετε να το θυμάται. Αν δεν χρησιμοποιήσετε μια ετικέτα τίτλου, τότε στον ιστότοπό σας θα εμφανιστεί το "Untitled Document", ο οποίος είναι ο προεπιλεγμένος τίτλος σελίδας που χρησιμοποιείται σε πολλές πλατφόρμες λογισμικού ανάπτυξης ιστού.</p>
</li>
</ol>
<p>Δεδομένου ότι το η ετικέτα προορίζεται να εμφανίζει μια επισκόπηση του τι είναι αυτή η σελίδα, κάθε σελίδα του ιστότοπού σας πρέπει να έχει μοναδικό χαρακτήρα , καθώς κάθε σελίδα του ιστότοπού σας περιλαμβάνει μοναδικό περιεχόμενο. Προσπαθήστε να κρατήσετε το περιεχόμενο αυτής της ετικέτας κάτω από 60 χαρακτήρες ή λιγότερο. Μπορείτε να συμπεριλάβετε περισσότερα, αλλά οι μηχανές αναζήτησης θα περικόψουν το περιεχόμενο εάν υπερβεί αυτόν τον αριθμό.<p>
<a id="menu-2"></a><h2 id='LO9IGC7TSS'> Μεταφάσεις ή μεταδεδομένα</h2>
<p>Οι πληροφορίες Meta είναι δεδομένα που περιέχονται στο <head> του εγγράφου HTML που παρέχει πρόσθετες πληροφορίες σχετικά με την ιστοσελίδα σας στο πρόγραμμα περιήγησης και άλλες συσκευές. Μπορείτε να συμπεριλάβετε πληροφορίες όπως το όνομα του συγγραφέα, το πρόγραμμα που χρησιμοποιήθηκε για τη δημιουργία της σελίδας, την ημερομηνία λήξης της σελίδας και, ίσως το πιο σημαντικό, την περιγραφή και τις λέξεις-κλειδιά που σχετίζονται με την ίδια τη σελίδα.<p>Το πιο σημαντικό</p>
<p>META<strong>
<p>ετικέτα που θα πρέπει να συμπεριλάβετε στα έγγραφα του ιστού σας είναι στην πραγματικότητα το σύνολο χαρακτήρων ή charset. Αυτό είναι σημαντικό για την ασφάλεια των ιστοσελίδων σας.</p>
<p>Το σύνολο χαρακτήρων θα πρέπει να είναι πάντα η πρώτη γραμμή στο δικό σας</p>
<p>ΚΕΦΑΛΙ<strong>
<p>έτσι ώστε οι χάκερς να μην μπορούν να εισέλθουν. Στο πλαίσιο αυτό, κατά μήκος των υπόλοιπων ετικετών που καλύψαμε, θα θέλαμε έτσι:</p>
<p><!doctype html>
<html>
<head><meta charset='utf-8'><title>Αυτό είναι το περιεχόμενο του τίτλου
Μάθετε περισσότερα σχετικά με τα Meta Tags
Οι μετα-ετικέτες είναι πολύ σημαντικές για την καλή κατάταξη στις μηχανές αναζήτησης, αλλά αν έχετε μόνο χρόνο να γράψετε είτε έναν καλό, περιγραφικό τίτλο ή μετα-ετικέτες, γράψτε τον τίτλο. Ο τίτλος του εγγράφου σας θα προχωρήσει περισσότερο για την τοποθέτηση μηχανών αναζήτησης από τις μετα-ετικέτες. Για πρόσθετες πληροφορίες σχετικά με τις μετα-ετικέτες:
- Μαγεία με μετα-ετικέτες - Χρησιμοποιήστε μετα-ετικέτες για να έχετε καλύτερη τοποθέτηση μηχανών αναζήτησης
- Περισσότερες Meta Tags - Πηγαίνετε πέρα από τις λέξεις-κλειδιά και τις περιγραφές για να αξιοποιήσετε στο έπακρο τα μεταδεδομένα σας.
- Σύνδεσμοι Meta Tag - Πρόσθετοι σύνδεσμοι για τη βοήθεια του meta tag
Άλλα Στοιχεία
Επιπλέον, άλλα σημαντικά πράγματα που θα βρείτε στο
μιας σελίδας είναι σύνδεσμοι σε Javascript αρχείων CSS ενός ιστότοπου, είτε ως σύνδεσμοι σε αρχεία JS είτε ως κώδικας Javascript inline.
