Σύνδεσμοι A Href: Τι Είναι & Πώς να τους Χρησιμοποιήσετε

Τι Είναι ένας Σύνδεσμος A Href;

Ένας «σύνδεσμος a href» (ή «σύνδεσμος href») είναι κώδικας HTML που χρησιμοποιεί μια ετικέτα <a> και το χαρακτηριστικό href για να δημιουργήσει έναν κλικαριστό υπερσύνδεσμο.

Για παράδειγμα, αυτός ο σύνδεσμος href δημιουργεί τον υπερσύνδεσμο «Semrush»:

Υπάρχουν άλλοι τύποι συνδέσμων HTML (π.χ., η ετικέτα <link>). Και άλλοι τρόποι δημιουργίας υπερσυνδέσμων (π.χ., με JavaScript). Αλλά οι περισσότεροι σύνδεσμοι δημιουργούνται χρησιμοποιώντας ετικέτες <a>, οι οποίες είναι γνωστές επίσης ως ετικέτες άγκυρας ή στοιχεία άγκυρας.

Τα στοιχεία άγκυρας ορίζονται από την ετικέτα έναρξης <a> και την ετικέτα τέλους </a>.

Το χαρακτηριστικό href (χαρακτηριστικό αναφοράς υπερκειμένου) ορίζει τον προορισμό ή τον στόχο του συνδέσμου. Αυτό είναι συχνά ένας URL ιστοσελίδας. Αλλά υπάρχουν άλλες πιθανές τιμές.

Οι ετικέτες άγκυρας πρέπει επίσης να περιλαμβάνουν περιεχόμενο άγκυρας—το περιεχόμενο στο οποίο είναι συνδεδεμένος ο σύνδεσμος. Σε πολλές περιπτώσεις, αυτό είναι κείμενο άγκυρας (π.χ., «Semrush»). Αλλά μπορεί να είναι ένα στοιχείο HTML, όπως μια εικόνα.

Το σύστημα διαχείρισης περιεχομένου (CMS) σας μπορεί να έχει εργαλεία που εξαλείφουν την ανάγκη για χειροκίνητο κώδικα συνδέσμων a href. Αλλά είναι χρήσιμο να κατανοήσετε πώς λειτουργούν πίσω από τις σκηνές.

Συμβουλή: Ελέγξτε για προβλήματα συνδέσμων και άλλα τεχνικά προβλήματα στον ιστότοπό σας με το εργαλείο Site Audit της Semrush. Μπορείτε να σαρώσετε έως και 100 URL δωρεάν.

Γιατί Είναι Σημαντικοί οι Σύνδεσμοι Href;

Οι σύνδεσμοι href είναι σημαντικοί επειδή είναι ο πιο συνηθισμένος τρόπος δημιουργίας υπερσυνδέσμων. Και οι υπερσύνδεσμοι βοηθούν τους χρήστες και τους web crawlers να πλοηγηθούν στο διαδίκτυο και να αποκτήσουν πρόσβαση σε ψηφιακούς πόρους.

Υπάρχουν δύο κύριοι τύποι υπερσυνδέσμων που μπορείτε να προσθέσετε στον ιστότοπό σας: εσωτερικοί σύνδεσμοι και εξωτερικοί σύνδεσμοι. Και οι σύνδεσμοι a href σας επιτρέπουν να δημιουργήσετε και τους δύο.

Οι εσωτερικοί σύνδεσμοι είναι υπερσύνδεσμοι προς τοποθεσίες ή πόρους στο domain σας.

Παραδείγματα περιλαμβάνουν:

• Πλοηγητικοί σύνδεσμοι προς άλλες σελίδες του ιστότοπού σας
• Πλαίσια σύνδεσμοι προς άλλες σελίδες του ιστότοπού σας
• Σύνδεσμοι άγκυρας (ή άλματα) στις σελίδες σας
• Σύνδεσμοι προς αρχεία (π.χ., ebooks) στον εξυπηρετητή του domain σας

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

Επιπλέον, οι εσωτερικοί σύνδεσμοι βοηθούν την Google να ανακαλύψει σελίδες στο domain σας. Και να κατανοήσει πώς συνδέονται μεταξύ τους. Αυτό μπορεί να οδηγήσει σε υψηλότερες θέσεις στα αποτελέσματα μηχανών αναζήτησης (SERPs).

Οι εξωτερικοί σύνδεσμοι (ή σύνδεσμοι εξόδου) είναι υπερσύνδεσμοι προς τοποθεσίες ή πόρους εκτός του domain σας.

Χρησιμοποιούμενοι σωστά, οι εξωτερικοί σύνδεσμοι προσθέτουν αξία στο περιεχόμενό σας.

Για παράδειγμα, μπορείτε να χτίσετε εμπιστοσύνη συνδέοντας προς αξιόπιστες πηγές. Ή να μοιραστείτε ένα χρήσιμο εργαλείο που δεν είναι διαθέσιμο στον ιστότοπό σας.

Ο John Mueller της Google ισχυρίζεται ότι οι εξωτερικοί σύνδεσμοι προς αξιόπιστους ιστότοπους δεν βοηθούν στις θέσεις του ιστότοπου. Αλλά πολλοί επαγγελματίες SEO πιστεύουν ότι το κάνουν.

5 Καλύτερες Πρακτικές για Συνδέσμους A Href

Κατά τη δημιουργία συνδέσμων a href, ακολουθήστε αυτές τις καλύτερες πρακτικές για να εξασφαλίσετε ότι οι υπερσύνδεσμοί σας λειτουργούν σωστά. Και να ωφελούν τον ιστότοπό σας όσο το δυνατόν περισσότερο.

1. Επιλέξτε τη Σωστή Τιμή Χαρακτηριστικού Href

Η τιμή του χαρακτηριστικού href είναι ο προορισμός του συνδέσμου. Αυτό μπορεί να είναι μια ιστοσελίδα, μέρος μιας ιστοσελίδας, αρχείο, διεύθυνση email ή αριθμός τηλεφώνου, για παράδειγμα.

Ο προορισμός του συνδέσμου τοποθετείται ανάμεσα στα εισαγωγικά του χαρακτηριστικού href, όπως εδώ:

Ας εξερευνήσουμε τους κύριους τύπους τιμών href:

Σχετικοί URL

Ένας σχετικός URL είναι μια διαδρομή προς έναν πόρο στον ίδιο ιστότοπο.

Για παράδειγμα, το λογότυπο του blog της Semrush έχει την τιμή href «/blog/»:

Μερικοί προγραμματιστές ιστοσελίδων χρησιμοποιούν σχετικούς URL για όλους τους εσωτερικούς συνδέσμους. Επειδή είναι συνοπτικοί. Και μπορούν ακόμα να λειτουργήσουν μετά από μια μεταφορά ιστότοπου.

Ωστόσο, συνιστούμε τη χρήση απόλυτων URL για σκοπούς SEO.

Απόλυτοι URL

Ένας απόλυτος URL είναι η πλήρης διαδρομή σε έναν URL, συμπεριλαμβανομένου του πρωτοκόλλου, του domain και οποιωνδήποτε επιπλέον διαδρομών ή παραμέτρων.

Για παράδειγμα:

Θα χρειαστεί να χρησιμοποιήσετε απόλυτους URL όταν προσθέτετε εξωτερικούς συνδέσμους.

Αλλά είναι επίσης χρήσιμοι για εσωτερικούς συνδέσμους. Επειδή μπορείτε πάντα να συνδέεστε με τον canonical URL—την προτιμώμενη έκδοση μιας διπλής σελίδας.

Αυτό εξαλείφει οποιαδήποτε ασάφεια ή σύγχυση για τις μηχανές αναζήτησης. Άρα μπορεί να βοηθήσει το SEO σας.

Σε ένα βίντεο της Google, ο John Mueller είπε ότι η σύνδεση με canonical URL «πιθανότατα έχει λίγο περισσότερο νόημα, επειδή τότε δεν χρειάζεται να ανησυχείτε για πράγματα όπως η πρόσβαση στην μη-WWW έκδοση του ιστότοπού σας.»

Σύνδεσμοι Άγκυρας

Οι σύνδεσμοι άγκυρας (ή άλματα) είναι σύνδεσμοι προς διαφορετικά μέρη της ίδιας σελίδας.

Για παράδειγμα, όλοι οι σύνδεσμοι στον πίνακα περιεχομένων αυτού του άρθρου είναι σύνδεσμοι άγκυρας.

Για να δημιουργήσετε ένα άλμα, δώστε στο στοιχείο που θέλετε να συνδέσετε ένα χαρακτηριστικό id (id=”id-name”).

Όπως εδώ:

Στη συνέχεια, δημιουργήστε τον σύνδεσμο χρησιμοποιώντας #id-name ως τιμή href.

Όπως εδώ:

Εναλλακτικά, χρησιμοποιήστε href=”#top” ή href=”#” για να δημιουργήσετε ένα άλμα στην κορυφή της σελίδας.

Σύνδεσμοι Mailto

Το χαρακτηριστικό href=”mailto:” δημιουργεί έναν σύνδεσμο mailto που ανοίγει ένα νέο email στο πρόγραμμα email του χρήστη.

Συνήθως χρησιμοποιείται σε συνδυασμό με μια διεύθυνση email στόχου.

Για παράδειγμα, έχουμε έναν σύνδεσμο href σαν αυτόν στο footer του ιστότοπού μας:

Το κλικ στον υπερσύνδεσμο δημιουργεί ένα προσχέδιο email σαν αυτό:

Μπορείτε επίσης να προσθέσετε παραμέτρους όπως γραμμή θέματος, περιεχόμενο σώματος και διεύθυνση CC στον κώδικα a href.

Ας πούμε ότι θέλετε οι υποψήφιοι για δουλειά να στείλουν το βιογραφικό τους στο jobs@example.com με γραμμή θέματος «Web Developer Role.»

Για να το κάνετε ευκολότερο, μπορείτε να προσθέσετε έναν HTML σύνδεσμο σαν αυτόν:

Σημειώστε ότι το «%20» χρησιμοποιείται αντί για κενά. Αυτό είναι ένα παράδειγμα URL κωδικοποίησης—μια διαδικασία που βοηθά να εξασφαλιστεί ότι οι παράμετροι λειτουργούν σωστά.

Σύνδεσμοι Tel

Για να δημιουργήσετε έναν σύνδεσμο tel, χρησιμοποιήστε το χαρακτηριστικό href=”tel:” σε συνδυασμό με τον αριθμό τηλεφώνου.

Όπως εδώ:

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

2. Χρησιμοποιήστε Άλλα Χαρακτηριστικά Ετικέτας Άγκυρας

Το χαρακτηριστικό href είναι σημαντικό σε ένα στοιχείο άγκυρας επειδή ορίζει τον προορισμό του συνδέσμου. Αλλά μπορείτε να προσθέσετε άλλα χαρακτηριστικά ετικέτας άγκυρας για να καθορίσετε τι συμβαίνει όταν ο χρήστης κάνει κλικ στον σύνδεσμο.

Αυτά τα χαρακτηριστικά μπορούν επίσης να βοηθήσουν τις μηχανές αναζήτησης να κατανοήσουν τους συνδέσμους σας. Και επομένως να ωφελήσουν το SEO σας.

Εδώ είναι μια γρήγορη επισκόπηση των πιο συνηθισμένων:

Χαρακτηριστικό Άγκυρας	Σκοπός	Παράδειγμα Ετικέτας Άγκυρας
Download	Πείτε στο πρόγραμμα περιήγησης να κατεβάσει τον συνδεδεμένο πόρο αντί να τον ανοίξει. Περιλάβετε ένα περιγραφικό όνομα αρχείου ανάμεσα στα εισαγωγικά.	<a href=”example.pdf” download=”Filename”>Download </a>
Rel	Ενημερώστε τις μηχανές αναζήτησης για τη σχέση του ιστότοπού σας με τον συνδεδεμένο πόρο. Για παράδειγμα, rel=“nofollow” ζητά από τις μηχανές αναζήτησης να αποφύγουν να αντιμετωπίσουν τον σύνδεσμο ως έγκριση της συνδεδεμένης σελίδας. (Αυτό είναι μια σημαντική έννοια στη δημιουργία συνδέσμων.)	<a href=”https://www.example.com/” rel=”nofollow”>Anchor Text</a>
Target	Πείτε στο πρόγραμμα περιήγησης πού να ανοίξει τον σύνδεσμο. Για παράδειγμα, target=”_blank” ανοίγει τον πόρο σε νέα καρτέλα ή παράθυρο. Ενώ target=”_self” το κρατά στο ίδιο πλαίσιο.	<a href=”https://www.semrush.com/” target=”_blank”>Semrush</a>
Title	Εμφανίστε ένα tooltip όταν ο χρήστης περνάει το ποντίκι πάνω από τον σύνδεσμο. Περιλάβετε το κείμενο tooltip ανάμεσα στα εισαγωγικά.	<a href=”https://www.semrush.com/” title=”Semrush homepage”>Semrush</a>

Συμβουλή: Ορισμένοι τύποι συνδέσμων από άλλους ιστότοπους (backlinks) μπορούν να ωφελήσουν το SEO σας. Με το εργαλείο Backlink Analytics της Semrush, μπορείτε εύκολα να αναλύσετε τα backlinks σας και να τα συγκρίνετε με αυτά των ανταγωνιστών.