Ετικέτες HTML για την εισαγωγή υπερσυνδέσμων. Πώς να δημιουργήσετε μια εικόνα συνδέσμου σε html. Υπογράμμιση σε συνδέσμους

Κυκλοφόρησε ένα νέο βιβλίο, το Social Media Content Marketing: How to Get Inside Your Followers' Heads and Make Them Fall Fall with Your Brand.

Αυτό είναι ένα διαφημιστικό πανό στα δεξιά του δρόμου. Μια πολύχρωμη εικόνα μπορεί να στείλει έναν οδηγό στον κόσμο που διαφημίζει. Εάν, φυσικά, ο ταξιδιώτης θέλει να πάει εκεί - δηλαδή, πηγαίνει στη διεύθυνση που αναγράφεται στο banner.

Τύποι συνδέσμων στον ιστότοπο

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

Για παράδειγμα, στην ενότητα "Συλλογή φωτογραφιών", για τη διευκόλυνση των χρηστών, είναι λογικό να δημιουργείτε συνδέσμους εικόνων. Όταν κάνετε κλικ στο εικονίδιο της φωτογραφίας, ανοίγει ένα νέο μεγάλο παράθυρο, στο οποίο ένα άτομο μπορεί να δει πλήρως την εικόνα σε μεγάλη μορφή. Ή, για παράδειγμα, η εικόνα του χάρτη οδήγησης μπορεί επίσης να μεγεθύνεται εάν το επιθυμεί ο χρήστης. Εάν το κείμενό σας περιέχει σχέδια και γραφικά, είναι λογικό να παρέχετε έναν σύνδεσμο για τη λήψη της εικόνας σε πλήρες μέγεθος.

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

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

Πώς να εισαγάγετε έναν σύνδεσμο σε μια εικόνα

Τα περισσότερα CMS διαθέτουν ενσωματωμένους επεξεργαστές που σας επιτρέπουν να εργάζεστε με τη φόρτωση εικόνων και τη ρύθμιση συνδέσμων από αυτές.

  • ΣΕ οπτικός επεξεργαστήςΣυνήθως μπορείτε απλά να επιλέξετε την εικόνα, να κάνετε κλικ στο κουμπί "εισαγωγή συνδέσμου" και να καθορίσετε το επιθυμητό url.
  • Εάν εισάγετε έναν σύνδεσμο σε μια εικόνα ως κώδικα HTML, χρησιμοποιήστε την ακόλουθη ορθογραφία:



Ετικέτα<а>σημαίνει να ακολουθείς έναν σύνδεσμο, α καθορίζει τη διαδρομή προς την εικόνα από την οποία στέλνετε τον χρήστη κάπου. Δηλαδή, αρχικά πρέπει να το ανεβάσετε στον διακομιστή σας.

Πρόσθετες οδηγίες:

  • ύψος, πλάτος - υποδεικνύουν το μέγεθος της εικόνας.
  • περίγραμμα - εργαζόμαστε με μπορντούρα (πλαίσιο).
  • alt - εναλλακτικό κείμενο για τον επισκέπτη του οποίου η εικόνα δεν εμφανίστηκε.

Μπορείτε να προσθέσετε μια σκιά στην εικόνα, να αλλάξετε τη διαφάνεια όταν τοποθετείτε το δείκτη του ποντικιού, να αλλάξετε χρώμα, στρογγυλές γωνίες - όλα αυτά είναι δυνατά με τα εργαλεία CSS.

Εάν δημιουργήσετε μια εικόνα από άλλο ιστότοπο ως σύνδεσμο

Μπορείτε να χρησιμοποιήσετε μια εικόνα από άλλο πόρο, για το σκοπό αυτό στο πρέπει να επικολλήσετε την πλήρη διαδρομή του.

Εάν θέλετε να τοποθετήσετε μια εικόνα στον ιστότοπό σας χωρίς να την κατεβάσετε, δηλαδή να την τραβήξετε από άλλη τοποθεσία:

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

Όλα αυτά επιδεινώνουν τα αποτελέσματα της προώθησης της ιστοσελίδας.

Κανόνες για τη δημοσίευση συνδέσμων εικόνων στον ιστότοπο