Βήμα 1: Δημιουργήστε μια σελίδα και προσθέστε το περιεχόμενο.
Θα χρησιμοποιήσω το θέμα μας Ovation για να δημιουργήσω ένα EPK για αυτήν την επίδειξη. Μπορείτε να δείτε το τελικό προϊόν αυτού του σεμιναρίου εδώ. Θα ξεκινήσω δημιουργώντας μια νέα σελίδα που ονομάζεται EPK και προσθέτοντας το περιεχόμενο που θέλω. Θα συμπεριλάβω:
- Βιογραφικό επιστολής
- Λήψη ενός φύλλου
- Φωτογραφίες υψηλής ποιότητας
- Μια λίστα αναπαραγωγής με ζωντανές ηχογραφήσεις
- Βίντεο από ζωντανές εκπομπές
- Κριτικές από πράκτορες κρατήσεων
- Φόρμα Επικοινωνίας
Όπως μπορείτε να φανταστείτε, η προσθήκη όλου αυτού του περιεχομένου θα κάνει τη σελίδα EPK μεγάλη. Τόσο καιρό που κάποιος που έρχεται να το επισκεφτεί μπορεί να μην ξέρει καν τι ακριβώς περιλαμβάνεται στη σελίδα. Η προσθήκη συνδέσμων αγκύρωσης στη σελίδα και η πλοήγηση θα βοηθήσουν στην οργάνωση και τη χρηστικότητα της σελίδας.
Βήμα 2: Δημιουργήστε τους συνδέσμους αγκύρωσης για κάθε ενότητα
Στην επίδειξη, χρησιμοποίησα ένα μπλοκ διαχωριστή και ένα διαχωριστικό για να σπάσω τα τμήματα.
Αφού δημιουργήσετε τις ενότητες της σελίδας σας στο πρόγραμμα επεξεργασίας Gutenberg, μπορείτε να προσθέσετε άγκυρες σε καθεμία από αυτές.
Ένας σύνδεσμος αγκύρωσης σάς επιτρέπει να υπερσυνδέεστε απευθείας σε αυτήν την ενότητα της σελίδας. Δημιουργείτε έναν σύνδεσμο αγκύρωσης σε οποιοδήποτε στοιχείο με ένα id Χαρακτηριστικό. Συνήθως θα προσθέσετε το id αποδίδουν σε ένα h2 επικεφαλίδα. Εάν προσθέσετε μια επικεφαλίδα στο Gutenberg, τότε κοιτάξτε στον πίνακα „Για προχωρημένους“ στο Ρυθμίσεις αποκλεισμού πλαϊνή γραμμή, θα δείτε ένα πεδίο για την προσθήκη „HTML Anchor“ εκεί. Υπάρχει επίσης ένας σύνδεσμος με μερικές χρήσιμες πληροφορίες που αξίζει να εξερευνήσετε.
Λάβετε υπόψη ότι το κείμενο αγκύρωσης και οι σύνδεσμοι έχουν κάποιο αντίκτυπο στο SEO. Ο Μοζ συνιστά ότι το κείμενο αγκύρωσης είναι συνοπτικό, σχετικό, μη γενικό και όχι υπερβολικά βαρύ με λέξεις-κλειδιά.
Για την επίδειξη μας, θα προσθέσω την άγκυρα HTML στην επικεφαλίδα της ενότητας Βιογραφία ζώνης.
bio
Μπορείτε να κάνετε το ίδιο για κάθε μία από τις άλλες ενότητες της σελίδας σας EPK.
Επαναλάβετε αυτή τη διαδικασία μέχρι να προσθέσετε αγκυρώσεις HTML σε κάθε τμήμα της σελίδας σας.
Βήμα 3: Δημιουργήστε συνδέσμους για τις αγκυρώσεις HTML στο επάνω μέρος της σελίδας
Τώρα που δημιουργήσατε τις άγκυρες, ήρθε η ώρα να ρυθμίσετε τους συνδέσμους προς αυτές. Ο καλύτερος τρόπος για να οργανώσετε τους συνδέσμους σας είναι να δημιουργήσετε μια λίστα στο επάνω μέρος της σελίδας.
Αρχικά, θα δημιουργήσουμε μια νέα επικεφαλίδα „μετάβαση στην ενότητα“. Κάτω από αυτό, θα παραθέσουμε κάθε ενότητα της σελίδας, έχοντας κατά νου τους παράγοντες SEO που ανέφερα προηγουμένως. Έχω κεντραρίσει τους συνδέσμους μου και πρόσθεσα ένα σύμβολο σωλήνα ως μέσο διαχωρισμού καθενός από τα τμήματα. Μπορείτε να διαμορφώσετε τους συνδέσμους σας όπως θέλετε.
Στη συνέχεια, θα προσθέσουμε τους συνδέσμους σε κάθε ενότητα μας. Η σύνδεση με μια ενότητα σε μια σελίδα απαιτεί την προσθήκη ενός συμβόλου κατακερματισμού ακολουθούμενο από την άγκυρα της ενότητας. Για παράδειγμα, η σύνδεση με την ενότητα επαφών στη σελίδα EPK θα μοιάζει με αυτό:
#contact
The end result on the front end is a menu of links that allow a user to jump to a specific section of the page.
Step 4: Optional upgrades
Back to top link
If your page is really long, you may want to consider adding “back to top” links throughout. All modern browsers understand where the top of the page is, so there’s no need to add an HTML anchor for that. You simply need to add the link. At the end of each section, you could create a link that says “back to top”, and use the following for the link:
<a href="#top">Back to top<a/>
Προσθέστε τους συνδέσμους αγκύρωσης στο μενού σας
Εάν στέλνετε ένα EPK για προωθητικούς σκοπούς, ίσως να μην θέλετε να βάλετε έναν σύνδεσμο προς αυτό στο μενού σας. Ωστόσο, εάν θέλετε οι επισκέπτες να το βρίσκουν μόνοι τους, μπορείτε να το προσθέσετε στο κύριο μενού του ιστότοπου. Μπορείτε επίσης να προσθέσετε τους συνδέσμους αγκύρωσης ως στοιχεία υπομενού. Λάβετε υπόψη ότι όταν συνδέεστε σε μια άγκυρα από άλλη σελίδα, πρέπει να συμπεριλάβετε την πλήρη διεύθυνση URL στη σελίδα.
Στο παράδειγμά μας, η διεύθυνση URL της σελίδας μας είναι https://demo.audiotheme.com/ovation/epk/οπότε ο σύνδεσμος προς την ενότητα επικοινωνίας θα μοιάζει με αυτό:
https://demo.audiotheme.com/ovation/epk/#contact
Μπορείτε να προσθέσετε αυτά τα στοιχεία στην κύρια πλοήγηση του ιστότοπού σας προσθέτοντας προσαρμοσμένους συνδέσμους.
Αφού προσθέσετε όλους τους προσαρμοσμένους συνδέσμους σας, απλώς σύρετέ τους κάτω από την κύρια σελίδα όπως θα κάνατε με οποιοδήποτε άλλο στοιχείο υπομενού.
Αυτό θα έχει ως αποτέλεσμα στοιχεία μενού που συνδέονται απευθείας με τις ονομασμένες σας ενότητες.
Το τελικό προϊόν
Το τελικό μας αποτέλεσμα είναι ένα one-stop shop για οτιδήποτε είναι σημαντικό για ένα EPK. Αυτή η ρύθμιση μας επιτρέπει να συνδυάζουμε σχετικές πληροφορίες σε μία σελίδα, αλλά να τις κρατάμε οργανωμένες. Μας επιτρέπει επίσης να στέλνουμε συνδέσμους απευθείας σε συγκεκριμένες ενότητες μέσα σε μια σελίδα.
Δείτε το τελικό αποτέλεσμα ζωντανά στην επίδειξη του Ovation εδώ.
