Απαιτείται πλοήγηση στη σελίδα προορισμού: δεδομένα επιβεβαιωμένα από περιπτώσεις. Προσαρμοστικό μενού για σελίδα προορισμού

Η πλοήγηση δίνει μια αίσθηση ελέγχου, κάτι που από μόνο του δεν είναι κακό. Τι γίνεται όμως με τον κανόνα «μία σελίδα, ένας στόχος»; Δεν υπάρχει σαφής απάντηση σε αυτήν την ερώτηση (όπως οι περισσότερες ερωτήσεις βελτιστοποίησης), αλλά υπάρχουν μερικές σπουδαίες περιπτωσιολογικές μελέτες που μπορούν να σας βοηθήσουν να πάρετε την απόφασή σας.

Βελτιστοποίηση σελίδας προορισμού

Η προσγείωση είναι αναπόσπαστο μέρος της στρατηγικής για την αύξηση των κερδών. Κατά μέσο όρο, ο όγκος των πελατών αυξάνεται κατά 55% όταν οι εταιρείες αυξάνουν τον αριθμό των σελίδων προορισμού. Ωστόσο, η έρευνα δείχνει ότι μόνο το 22% των εταιρειών είναι ικανοποιημένες με το .

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

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

Είναι σαφές ότι η πλοήγηση εδώ δεν έχει πολύ νόημα, αλλά μόνο το 16% των σελίδων προορισμού δεν την περιέχει. Πιστεύεται ότι χρειάζονται σύνδεσμοι για να μεταβείτε σε άλλες ενότητες στη διάταξη της σελίδας προορισμού. Ας δούμε τι δείχνουν τα split tests.

Θήκη "για" πλοήγηση

• κατανοήσουν την τοποθεσία σας?
• Πλοηγηθείτε εύκολα σε άλλες ενότητες.

Υπάρχουν τρεις τύποι πλοήγησης:

• κύριος;
• τοπικός;
• συναφής.

Αυτός ο τύπος αντιπροσωπεύει το κύριο μενού του ιστότοπου. Κάθε στοιχείο σε αυτό οδηγεί σε ένα συγκεκριμένο τμήμα του πόρου. Η κεφαλίδα στη σελίδα Edgar είναι ένα παράδειγμα της κύριας πλοήγησης:

Τοπική πλοήγηση

Αυτές είναι υποενότητες της κύριας πλοήγησης σε μορφή αναπτυσσόμενου μενού που δομούν τις πληροφορίες. Υπάρχει ένα τέτοιο μενού στη σελίδα προορισμού Zoho που αναφέρεται παραπάνω.

Πλοήγηση με βάση τα συμφραζόμενα

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

Σύμφωνα με το WordStream, έως και το 96% των σελίδων προορισμού περιέχουν τουλάχιστον έναν σύνδεσμο που απομακρύνει τον επισκέπτη. Οι αριθμοί λένε:

• Μόνο το 4% των σελίδων προορισμού δεν έχουν καθόλου συνδέσμους.
• Το 81% των σελίδων περιέχει από 1 έως 9 συνδέσμους.
• Το 14% χρησιμοποιεί περισσότερα από 10 στοιχεία πλοήγησης.

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

Ας πάρουμε ως παράδειγμα τη σελίδα Meltwater.

Η σελίδα προορισμού όχι μόνο παρουσιάζει το προϊόν κάνοντας κλικ στο κουμπί CTA, αλλά ανοίγει επίσης το δρόμο σε άλλες ενότητες μέσω της πλοήγησης. Για όσους δεν ενδιαφέρονται για τον κύριο σκοπό της σελίδας, μπορεί να είναι κατάλληλο κάτι άλλο. Αποδεικνύεται ότι ακόμα κι αν οι σύνδεσμοι απομακρύνουν τον επισκέπτη, στο τέλος λειτουργούν για το αποτέλεσμα.

Υπόθεση κατά της πλοήγησης

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

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

Αυτό ισχύει και για το υποσέλιδο (το υποσέλιδο της σελίδας), που είναι γεμάτο με συνδέσμους. Φανταστείτε έναν επισκέπτη να βλέπει τη σελίδα προορισμού σας και να κάνει κλικ στο κουμπί CTA, αλλά ξαφνικά αποσπάται η προσοχή από τους παρακάτω συνδέσμους. Αυτό επηρεάζει τη μετατροπή σας.

Για παράδειγμα, στη σελίδα προορισμού κληρώσεων του Better Homes and Gardens, υπάρχει μεγάλη πιθανότητα ο επισκέπτης να θέλει να μάθει περισσότερα για την Meredith Corporation και να παρεκκλίνει από τη διαδρομή που οδηγεί στο κλικ στο κουμπί CTA.

Υπάρχουν αρκετά παραδείγματα, τώρα ας δούμε τι λένε οι δοκιμές διαχωρισμού για τον αντίκτυπο των συνδέσμων στη μετατροπή. Δοκιμή - Ο καλύτερος τρόποςμάθετε τι είναι αποτελεσματικό στη σελίδα προορισμού και τι είναι καταστροφικό. Για να δείτε τη θετική επίδραση της κατάργησης συνδέσμων πλοήγησης, απλώς μελετήστε το παράδειγμα AmeriFirst.

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

Ομοίως, το Hubspot δοκίμασε πέντε σελίδες προορισμού μεγάλο όγκοΚΙΝΗΣΗ στους ΔΡΟΜΟΥΣ. Η έκδοση Α, σε αντίθεση με την έκδοση Β, είχε επάνω και κάτω πάνελκουμπιά πλοήγησης και κοινωνικών μέσων.

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

Είναι ιδιαίτερα ενδιαφέρον ότι η εξαίρεση της πλοήγησης από τη μέση της διοχέτευσης μετατροπής είχε ως αποτέλεσμα αύξηση 16% και 28%, και από την κορυφή της διοχέτευσης - 0-4%.
Όταν η ομάδα Minders δοκίμασε τη σελίδα προορισμού της και αφαίρεσε τη γραμμή πλοήγησης, μέσα σε ένα μήνα η μετατροπή αυξήθηκε από 9,2% σε 17,6%.

Τεστ νούμερο τέσσερα. Η Yuppiechef είναι ένας κορυφαίος διαδικτυακός λιανοπωλητής premium μαγειρικών σκευών με έδρα τη Νότια Αφρική. Δοκίμασαν την αφαίρεση της γραμμής πλοήγησης για να αποτρέψουν την απόσπαση της προσοχής των επισκεπτών από την κύρια εργασία μετατροπής της εγγραφής για τη δημιουργία μιας ηλεκτρονικής λίστας γαμήλιων δώρων.

Αυτό συνέβη μετά την αφαίρεση της γραμμής πλοήγησης:

Αυτή η επιλογή αύξησε τη μετατροπή στο 100%.

Όταν δεν υπάρχουν εξωτερικοί σύνδεσμοι στη σελίδα προορισμού (εκτός από το κουμπί CTA), τίποτα δεν αποσπά την προσοχή του χρήστη από την κύρια εργασία. Μια σελίδα προορισμού χωρίς συνδέσμους εστιάζει σε μία ενέργεια, πράγμα που σημαίνει ότι ο επισκέπτης θα την προσέξει. Αλλά οι σύνδεσμοι πλοήγησης δεν αποσπούν απλώς την προσοχή — είναι γεμάτες υλικές απώλειες.

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

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

Η σελίδα της εταιρείας Conversion XL διαθέτει ένα μενού που σας επιτρέπει να μετακινηθείτε στη σελίδα προορισμού χωρίς κύλιση.

Εάν υπάρχουν πολλές πληροφορίες στη σελίδα, το μενού στην κεφαλίδα θα σας επιτρέψει να μεταβείτε αμέσως στην απαιτούμενη ενότητα. Είναι πιο άνετο άπειρη κύλισηενότητες.

Ετσι δουλεύει Σελίδα GoogleΕφαρμογή:

συμπέρασμα

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

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

Άρα τα δεδομένα είναι αμείλικτα. Μια σελίδα προορισμού πρέπει να εξυπηρετεί έναν σκοπό. Δεν πρέπει να δίνετε στους επισκέπτες σας ένα ολόκληρο μενού λόγων για να σας εγκαταλείψουν.

Γεια σας φίλοι, συνάδελφοι! Πώς είσαι? Ελπίζω να πάνε όλοι υπέροχα :) Σήμερα θα φτιάξουμε ένα απλό προσαρμοστικό μενού για εμάς σελίδα προορισμού. Ο κόσμος ρωτά γι' αυτό όλο και πιο συχνά, και εγώ γράφω τέτοιες ερωτήσεις και προσπαθώ να το κάνω ελεύθερος χρόνοςγράφουν άρθρα για αυτά τα θέματα.

Σας ευχαριστώ που μου δώσατε νέες ιδέες με αυτόν τον τρόπο και βοηθήσατε στην ανάπτυξη του ιστολογίου. Παρεμπιπτόντως, για ποιο θέμα θα θέλατε να διαβάσετε; επόμενο άρθρο? Παρακαλώ γράψτε στα σχόλια, αυτό είναι πολύ σημαντικό για μένα. Τώρα, ας ξεκινήσουμε...

Πώς να δημιουργήσετε ένα ανταποκρινόμενο μενού για έναν ιστότοπο

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

Βασικά θα είναι html + css, αλλά θα χρειαστείτε ένα πολύ μικρό σενάριο για να επεξεργαστείτε το κλικ. Ετσι…

Οριζόντιο μενού με απόκριση

Ας ξεκινήσουμε με html. Πρώτα απ 'όλα, ας συμπεριλάβουμε τη βιβλιοθήκη jquery. Πιθανότατα να το χρησιμοποιείτε για μεγάλο χρονικό διάστημα, οπότε φροντίστε να μην το συνδέσετε δεύτερη φορά:

Τώρα τα σημάδια. Μια κανονική μη ταξινομημένη λίστα και ένα μικρό div που περιέχει ένα εικονίδιο μενού. Θα είναι ορατό μόνο σε χαμηλές αναλύσεις.

Τιμή λήψης

Επαφές

Κριτικές

Όπως μπορείτε να δείτε, δεν είναι περίπλοκο, νομίζω ότι μπορείτε να το βελτιώσετε μόνοι σας όπως χρειάζεται.
Τώρα ας προσθέσουμε στυλ:

#menu ( φόντο: #2ba9c0; πλάτος: 100%; padding: 10 px 0; text-align: center; ) #menu a ( χρώμα: #fff; text-decoration: none; padding: 12px 12px; ) #menu a: hover ( περίγραμμα-κάτω: 4 εικονοστοιχεία συμπαγές #fff; φόντο: #078ecb; ) .itemsMenu li ( display:inline; padding-right: 35px; πλάτος:100%; περιθώριο: 0 auto; ) .itemsMenu li img(κατακόρυφη στοίχιση : μέση; περιθώριο-δεξιά: 10 εικονοστοιχεία; ) .iconMenu ( χρώμα: #fff; δρομέας: δείκτης; εμφάνιση: κανένα; ) .showitems ( display:block !important; ) @media οθόνη και (max-width: 600px) ( # μενού a( padding-bottom: 13px; ) #menu a:hover ( border-bottom: none; ) .iconMenu ( display:block; ) .itemsMenu ( display:none; ) .itemsMenu li ( display:block; padding:10px 0;))

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

Πραγματικά δεν θα ήθελα να περιγράψω κάθε γραμμή, γιατί το ιστολόγιο δεν αφορά τη διάταξη ως τέτοιο. Επιτρέψτε μου απλώς να προσπαθήσω να εξηγήσω.

Αρχικά, ορίσαμε την ιδιότητα display:inline στα στοιχεία li για να εμφανίζονται οριζόντια το ένα δίπλα στο άλλο. Θα μπορούσα να χρησιμοποιήσω το float:left, αλλά αποφάσισα να το κάνω με αυτόν τον τρόπο. Και αποκρύψτε το εικονίδιο μενού με την ιδιότητα display:none. Όταν η ανάλυση της οθόνης είναι μικρότερη από 600 pixel, αφαιρέστε το inline από τα στοιχεία li, αποκρύψτε τα και εμφανίστε το εικονίδιο. Με λίγα λόγια - ναι.

Τώρα χρειαζόμαστε ένα απλό σενάριο που θα επεξεργάζεται ένα κλικ στο εικονίδιο του μενού και θα δείχνει τα στοιχεία του:

$(function() ( $(".iconMenu").click(function() ( if($(".itemsMenu").is(":visible")) ($(".itemsMenu").removeClass(" showitems"); ) else ($(".itemsMenu").addClass("showitems"); ) )); ));

Σαν αυτό. το πήγα στο ξεχωριστό αρχείοκαι το συμπεριέλαβε πριν από την ετικέτα σώματος κλεισίματος.

Αυτό είναι όλο. Με αυτόν τον τρόπο μπορείτε να δημιουργήσετε γρήγορα ένα απλό προσαρμοστικό μενού για τη σελίδα προορισμού σας.

Φυσικά, υπάρχουν και μειονεκτήματα. Οι εσοχές καθορίζονται σε pixel, αλλά μπορείτε να ορίσετε όλες τις αποστάσεις ποσοστό. Απλώς δεν ήταν απαραίτητο. Εάν αυτός ήταν ένας πλήρης ιστότοπος, τότε θα χρησιμοποιούσα εικονίδια svg ή γραμματοσειράς, όχι png, και θα υπολόγιζα εκ νέου τις εσοχές ως ποσοστό. Και έτσι, ήταν λίγο αυτοσχέδιο :) Ελπίζω ότι όλα είναι ξεκάθαρα; Αντίο.

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

Άρθρα για εφέ κύλισης:

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

Δοκιμάστε να κάνετε κύλιση σε αυτήν τη σελίδα προορισμού μέχρι το τέλος και, στη συνέχεια, να χρησιμοποιήσετε το μενού:

Κατεβάστε

Διαδικασία αλλαγής μπλοκ:

Πώς να κάνετε ένα σχέδιο σελίδας προορισμού όπως αυτό;1 Δομή HTML

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

Η δομή του μενού είναι στάνταρ:

1 2 3 4 5 6

Μπλοκ 1 Μπλοκ 2 Μπλοκ 3 Μπλοκ 4

Επιτρέψτε μου να εξηγήσω τα χαρακτηριστικά:

• data-menuanchor - το χαρακτηριστικό απαιτείται για τη δημιουργία ενός μενού.
• Το href είναι ένα χαρακτηριστικό συνδέσμου που πηγαίνει στην αντίστοιχη άγκυρα με το ίδιο αναγνωριστικό.

Τώρα ας δημιουργήσουμε τη δομή όλων των μπλοκ:

1 2 3 4 5 6 7 8 9 10 11 12 13 14

Υπάρχει ένα γενικό μπλοκ με το αναγνωριστικό "fullpage" που περιέχει μπλοκ με περιεχόμενο. Υπάρχει ένα χαρακτηριστικό εδώ που σας είναι άγνωστο:

• data-anchor - αυτό το χαρακτηριστικό είναι για τη λειτουργία του μενού, το οποίο θα λειτουργήσουμε λίγο αργότερα.

2 Στυλ CSS

Δεν υπάρχουν ειδικά στυλ εδώ, επομένως εδώ θα τοποθετήσω μόνο τα στυλ για το μενού:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

#menu (ύψος: 60 εικονοστοιχεία; αριστερά: 0; περιθώριο: 0; συμπλήρωση: 0; θέση: σταθερό; επάνω: 0; πλάτος: 100%; δείκτης z: 70; στοίχιση κειμένου: δεξιά; φόντο: #fff; ) #menu li ( background : rgba(255 , 255 , 255 , 0,5 ) ; border-radius : 4px ; color : #000 ; display : inline-block; margin : 10px ; ) /*Στιλ συνδέσμου όταν το αντίστοιχο μπλοκ είναι ενεργό* / # menu li a , #menu li.active a ( display : block ; padding : 9px 18px ; text-decoration : none ; color : #ccc ; ) /*Στιλ στοιχείου λίστας όταν το αντίστοιχο μπλοκ είναι ενεργό*/ #menu li .active ( φόντο : rgba(0 , 0 , 0 , 0.5 ) ; χρώμα : #fff ; )

Το μόνο που μένει είναι να συνδέσετε το σενάριο και να γράψετε έναν μικρό κώδικα JS.

3 μέρος JS

Απαιτούμενες βιβλιοθήκες:

• jQuery.min.js

Ας τα συνδέσουμε:

1 2

Πώς να δημιουργήσετε έναν σύνδεσμο στο μενού προορισμού; Ναι, πολύ απλό! Απλώς αντιγράψτε μέρος του κώδικα (μερικές γραμμές) και επικολλήστε τον στη σωστή θέση. Τώρα ας τα δούμε όλα αυτά. Αλλά ας εξηγήσουμε πρώτα. Αρχικά, υποτίθεται ότι η σελίδα προορισμού δεν οδηγεί πουθενά (εννοείται σε άλλες σελίδες), είναι ένας ιστότοπος μιας σελίδας. Επομένως, όλοι οι σύνδεσμοι θεωρητικά θα πρέπει να οδηγούν μόνο σε τμήματα του ίδιου του LP(). Μερικές φορές είναι απαραίτητο να τοποθετήσετε έναν σύνδεσμο προς μια άλλη σελίδα, για παράδειγμα, στην πολιτική απορρήτου. Έχουμε ήδη περιγράψει όλες αυτές τις λεπτομέρειες στο άρθρο "". Ας εξετάσουμε και τις δύο επιλογές για την προσθήκη υπερσυνδέσμων σε μια σελίδα μιας σελίδας.

Για παράδειγμα, θα χρησιμοποιήσουμε τον πόρο μας "". Ακολουθήστε τον σύνδεσμο προς τη σελίδα και πατήστε το συνδυασμό πλήκτρων Ctrl + U (δεν χρειάζεται να αλλάξετε το πληκτρολόγιο στα Αγγλικά). Θα ανοίξει ο κώδικας html της σελίδας.

Κώδικας HTML σελίδας προορισμού

Οι υπερσύνδεσμοι σε ιστότοπους περικλείονται σε ειδικές ετικέτες HTML. Ετικέτα έχει ένα χαρακτηριστικό href = ακολουθούμενο από μια νομική διεύθυνση, έναν σύνδεσμο προς μια σελίδα (άλλη) ή μια άγκυρα σε ένα μέρος του εγγράφου με σύμβολο # και τίτλο, κάτι σαν αυτό Δώρο

Κωδικός μενού

Τώρα πρέπει να προωθήσετε στο επιθυμητό τμήμα της προσγείωσης, για αυτό χρησιμοποιείτε το αναγνωριστικό = "το όνομα που χρησιμοποιήθηκε στο μενού με το σύμβολο #", στην περίπτωσή μας "οθόνη", δείτε την εικόνα

ID από το μενού

Τώρα ας δημιουργήσουμε έναν επιπλέον σύνδεσμο προς το υποσέλιδο (υποσέλιδο). Για αυτό, κατά κάποιο τρόπο πρόγραμμα επεξεργασίας html, για παράδειγμα NotePad++, απλώς αντιγράψτε έναν από τους υπάρχοντες συνδέσμους μενού και επικολλήστε παρακάτω μετά το κόστος. Στη συνέχεια, μετά το εικονίδιο #, αντικαταστήστε το με futer και τη λέξη μετά το πουλί >Υποσέλιδο. Αυτό είναι που πρέπει να πάρετε.

προστέθηκε νέος σύνδεσμοςστο μενού

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

Μενού πριν από την προσθήκη συνδέσμου
Μενού μετά την προσθήκη κώδικα

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

Ορισμός αναγνωριστικού από το μενού Αντικατάσταση συνδέσμου σε άλλη σελίδα

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