Πώς να εμφανίσετε το περιεχόμενό σας στην μπροστινή σελίδα του ιστολογίου
Η πρώτη σελίδα του blog είναι προφανώς μεγάλης σημασίας για τη συνολική σχεδίαση.
Μέχρι πριν από λίγα χρόνια, τα περισσότερα blogs έδειξαν απλώς αναρτήσεις κατά σειρά δημοσίευσης, τα πιο πρόσφατα στην κορυφή.
Στη συνέχεια, τα αποσπάσματα έγιναν δημοφιλή, και αργότερα περιοδικές στυλ πρώτες σελίδες.
Ο σκοπός της πρώτης σελίδας, φυσικά, θα ποικίλει λίγο από τον έναν τύπο στον άλλο. για παράδειγμα, ένα προσωπικό ιστολόγιο θα είναι διαφορετικό από ένα επαγγελματικό blog πολλαπλών δημιουργών.
Σε αυτήν την ανάρτηση, θα ρίξουμε μια ματιά στις επιλογές που έχουν οι μπλόγκερ και οι σχεδιαστές για την προβολή περιεχομένου στην πρώτη σελίδα και μερικοί λόγοι για την επιλογή τους.
Πριν βρεθείτε στις λεπτομέρειες, ας εξετάσουμε το σκοπό της πρώτης σελίδας , ώστε να μπορείτε να λάβετε πιο ενημερωμένη απόφαση σχετικά με τον τύπο που θα χρησιμοποιήσετε για το δικό σας blog.
Η πρώτη σελίδα είναι σημαντική επειδή έχει σημαντικό αντίκτυπο στην πρώτη εντύπωση των επισκεπτών.
Οι νέοι επισκέπτες αναμένουν να είναι σε θέση να πάρουν μια καλή ιδέα για το τι προσφέρει το blog από την πρώτη σελίδα μόνο. Οι επισκέπτες θέλουν επίσης να βρουν περιεχόμενο που αναζητούν μέσα από αυτό.
Η εύκολη πλοήγηση και η χρηστικότητα είναι σημαντικές επειδή η πρώτη σελίδα πιθανότατα θα είναι η πιο συχνά προβαλλόμενη σελίδα στον ιστότοπο .
Η πρώτη σελίδα είναι σημαντική, τέλος, επειδή θα προωθήσει το πιο σημαντικό ή πρόσφατο περιεχόμενο.
Επιλογές για την εμφάνιση περιεχομένου σε μπροστινή σελίδα
Έχετε βασικά τρεις επιλογές για την προβολή του περιεχομένου του ιστολογίου στην πρώτη σελίδα: πλήρεις αναρτήσεις, αποσπάσματα και περιοδικό στυλ . Θα εξετάσουμε τα οφέλη του καθενός, τα οποία ελπίζουμε ότι θα σας βοηθήσουν να κατανοήσετε την κατάστασή σας και να λάβετε τεκμηριωμένη απόφαση.
1. Πλήρεις θέσεις
Με την επιλογή των πλήρων μηνυμάτων, οι αναρτήσεις ιστολογίου εμφανίζονται πλήρως, χωρίς περικοπή, με αντίστροφη χρονολογική σειρά. Αυτή η μέθοδος δεν είναι σχεδόν τόσο δημοφιλής όσο πριν από μερικά χρόνια. Εδώ είναι τα οφέλη από την εμφάνιση των πλήρων θέσεων στην πρώτη σελίδα:
- Οι επισκέπτες μπορούν να διαβάσουν ολόκληρα μηνύματα χωρίς να φεύγουν από τη σελίδα
Δεν υπάρχουν πολλά blogs που δείχνουν πλήρεις θέσεις στην πρώτη σελίδα τους επειδή άλλες επιλογές παρέχουν περισσότερα οφέλη. Αλλά ένα όφελος από την εμφάνιση των πλήρων μηνυμάτων είναι ότι οι επισκέπτες μπορούν να διαβάσουν ολόκληρες πρόσφατες αναρτήσεις στο σύνολό τους χωρίς να φύγουν από τη σελίδα. Το μόνο που δεν θα μπορούσε να κάνει είναι να σχολιάσει μια συγκεκριμένη θέση. - Λειτουργεί καλά με σύντομες θέσεις
Αν οι αναρτήσεις ιστολογίου σας είναι σχετικά μικρές (π.χ. 500 λέξεις ή λιγότερες), η εμφάνισή τους στο πλήρες κείμενο στην πρώτη σελίδα μπορεί να είναι ευκολότερη. Τα αποσπάσματα μπορούν να φαίνονται αστεία αν περιέχουν ήδη το ήμισυ της θέσης και οι επισκέπτες μπορούν να ενοχλούνται εάν κάνουν κλικ στο πλήρες μήνυμα και βρίσκουν μόνο δύο ακόμη παραγράφους για ανάγνωση. - Δεν καταστρέφει τη ροή του αναγνώστη
Έχοντας να κάνετε κλικ σε μια ατομική ανάρτηση αφού έχετε διαβάσει το απόσπασμα μπορεί να σπάσει τη ροή του αναγνώστη και ίσως να τους προκαλέσει να χάσουν το ενδιαφέρον τους και να εγκαταλείψουν τον ιστότοπο συνολικά.
2. Αποσπάσματα Post
Μια άλλη επιλογή είναι να δείξουμε μόνο αποσπάσματα από δημοσιεύσεις, με συνδέσμους προς το πλήρες περιεχόμενο για όσους ενδιαφέρονται.
Θα μπορούσατε να δείξετε στους καλλιτέχνες, για παράδειγμα, 10 άρθρα στην πρώτη σελίδα και αφήστε τους επισκέπτες να επιλέξουν τι να διαβάσουν. Το WordPress παράγει αποσπάσματα αυτόματα ή μπορείτε να δημιουργήσετε ένα προσαρμοσμένο απόσπασμα που λαμβάνεται απευθείας από τη δημοσίευση ή να εμφανίσετε οποιοδήποτε άλλο κείμενο θέλετε.
Εμφάνιση αποσπασμάτων στην πρώτη σελίδα είναι μια δημοφιλής επιλογή τώρα. Εδώ είναι τα οφέλη:
- Η σάρωση είναι ευκολότερη
Οι περισσότεροι επισκέπτες προτιμούν να σαρώσουν το περιεχόμενο στην πρώτη σελίδα για να δουν τι είναι διαθέσιμο και τι είδους δημοσιεύσεις δημοσιεύονται. Οι πλήρεις θέσεις καθιστούν δύσκολη τη σάρωση. Τα αποσπάσματα δείχνουν ότι είναι γρήγορος και εύκολος για τους επισκέπτες να δουν τι έχει δημοσιευτεί πρόσφατα και να επιλέξουν τι τους αρέσει. - Έλεγχος σχεδιασμού
Οι σχεδιαστές θεμάτων και οι μπλόγκερ μπορούν να είναι λίγο πιο δημιουργικοί με αποσπάσματα παρά με πλήρεις θέσεις. Μπορείτε να ελέγξετε το μήκος των αποσπασμάτων, που σας επιτρέπει να τοποθετήσετε και να ταξινομήσετε το περιεχόμενο πιο συγκεκριμένα, χωρίς να ανησυχείτε για τις μεγάλες θέσεις που σπάζουν τη διάταξη. Όπως θα δείτε στην βιτρίνα στο τέλος, μερικοί σχεδιαστές θεμάτων είναι αρκετά δημιουργικοί με αποσπάσματα. Τα αποσπάσματα απλά δίνουν στον σχεδιαστή μεγαλύτερο έλεγχο στον τρόπο εμφάνισης της πρώτης σελίδας. - Μικρότερη μπροστινή σελίδα
Εάν οι αναρτήσεις σας είναι σχετικά μεγάλες και εμφανίζετε αρκετές από αυτές πλήρως στην πρώτη σελίδα, η σελίδα θα καταστεί γρήγορα ακατάλληλη. Τα αποσπάσματα κρατούν τη σελίδα πιο σύντομη, διευκολύνοντας έτσι την πλοήγηση των επισκεπτών. Φυσικά, ο αριθμός των αποσπασμάτων που εμφανίζετε επηρεάζει τη δυνατότητα διαχείρισης, οπότε ρυθμίστε ανάλογα. - Περισσότερες προβολές σελίδας
Ορισμένοι μπλόγκερ χρησιμοποιούν αποσπάσματα για να αυξήσουν τις προβολές σελίδων: εάν ένας επισκέπτης διαβάσει ένα απόσπασμα και θέλει να δει ολόκληρο το περιεχόμενο, θα πρέπει να αφήσει την πρώτη σελίδα δίνοντας στο blog μια άλλη προβολή σελίδας. Περισσότερες προβολές σελίδας μπορούν να οδηγήσουν σε μεγαλύτερο εισόδημα για ορισμένους τύπους διαφήμισης. Ωστόσο, η αύξηση των προβολών σελίδας για περισσότερα έσοδα μπορεί να ερεθίσει τους επισκέπτες. Σε γενικές γραμμές, αν αυτός είναι ο μόνος λόγος για την εμφάνιση αποσπασμάτων στην πρώτη σελίδα, μην το κάνετε. - Διπλότυπο περιεχόμενο αποφεύγεται
Οι μηχανές αναζήτησης δεν σας αρέσουν το διπλό περιεχόμενο και ίσως σας τιμωρούν αν υποψιάζονται ότι το blog σας το έχει. Μια πρώτη σελίδα που εμφανίζει τις πλήρεις θέσεις ουσιαστικά αντιγράφει το περιεχόμενο των μεμονωμένων σελίδων του ιστολογίου. Η εμφάνιση των αποσπασμάτων μπορεί να βοηθήσει στην αποτροπή αυτού του προβλήματος.
3. Περιοδικό-στυλ
Η τρίτη επιλογή είναι μια σελίδα τύπου περιοδικού. Είναι παρόμοιο με τα αποσπάσματα, αλλά οι θέσεις δεν εμφανίζονται αναγκαστικά με χρονολογική σειρά. Αντ 'αυτού, συνήθως κατηγοριοποιούνται, με τις ημερομηνίες τους να εμφανίζονται.
Αυτό είναι χαρακτηριστικό των ιστοτόπων ειδήσεων, στους οποίους οι τίτλοι και τα teasers είναι διατεταγμένα σε στήλες ανά θέμα, όπως ο αθλητισμός, τα παγκόσμια νέα και ούτω καθεξής.
Αυτό το περιοδικό στυλ φέρνει όλα τα οφέλη από τα αποσπάσματα και μερικά άλλα. Εδώ είναι τα οφέλη:
- Καλύτερη οργάνωση του περιεχομένου
Το σημαντικότερο όφελος είναι ότι το στυλ του περιοδικού επιτρέπει την καλύτερη οργάνωση του περιεχομένου. Αντί να προβάλλετε απλώς τις πέντε ή δέκα πιο πρόσφατες αναρτήσεις, μπορείτε να εμφανίσετε αναρτήσεις ανά κατηγορία ή ακόμα και να κάνετε κράτηση για μια περιοχή χαρακτηριστικών για τις θέσεις που θέλετε να δώσετε την μεγαλύτερη έκθεση. Μπορείτε να ελέγξετε ποιο περιεχόμενο βλέπουν οι επισκέπτες πρώτα. Και οι επισκέπτες μπορεί να κατανοήσουν καλύτερα τι προσφέρει το ιστολόγιό σας βλέποντας το περιεχόμενο ταξινομημένο ανά κατηγορία. - Έλεγχος σχεδιασμού
Αυτό το όφελος είναι ακόμη μεγαλύτερο με τις μπροστινές σελίδες του περιοδικού σε σχέση με τα αποσπάσματα. Ο blogger επιλέγει ακριβώς πού να εμφανίζει κάθε κομμάτι περιεχομένου, με βάση την κατηγορία. Και πολλά στυλ σχεδίασης είναι δυνατά με αυτήν την επιλογή. - Μοιάζει με τον τυπικό ιστότοπο ειδήσεων
Η οργάνωση και ταξινόμηση του περιεχομένου ανά θέμα τείνει να κάνει την πρώτη σελίδα να μοιάζει με ιστότοπο ειδήσεων. Εάν το ιστολόγιό σας έχει μεγάλο περιεχόμενο και είναι ειδησεογραφικό, αυτό θα μπορούσε να είναι ο αποφασιστικός παράγοντας. Αυτό το ύφος τείνει να δημιουργήσει την εντύπωση ενός μεγαλύτερου ιστότοπου, διότι παρουσιάζει τόσο μεγάλο περιεχόμενο και ποικιλία θεμάτων.
Tutorials για το σχεδιασμό και την τοποθέτηση Blog σελίδες με WordPress
Ακολουθούν διάφορα μαθήματα σχετικά με τη δημιουργία πρώτων σελίδων στο WordPress και τους τύπους των σχεδίων που συζητήσαμε.
- Δημιουργήστε μια διάταξη βασικών εφημερίδων με το WordPress και το jQuery
Αυτό το σεμινάριο από το NETTUTS θα σας οδηγήσει στη διαδικασία σχεδιασμού μιας εμπνευσμένης από την εφημερίδα πρώτης σελίδας. - Δημιουργήστε μια ενότητα Προτεινόμενα Θέματα για το WordPress
Πολλά blogs έχουν ένα χαρακτηρισμένο τμήμα των μηνυμάτων στο πάνω μέρος της πρώτης σελίδας. Αυτό το σεμινάριο σας δείχνει πώς να το κάνετε. - Πώς να κάνω μια Προτεινόμενη Post Carousel για WordPress
Αυτή είναι μια άλλη ανάρτηση στο NETTUTS που καλύπτει το θέμα της δημιουργίας μιας εμφανισμένης θέσης μετά. - Προσθήκη Thumbnails στο WordPress με προσαρμοσμένα πεδία
Χρησιμοποιώντας μικρογραφίες με αποσπάσματα μετά στην πρώτη σελίδα είναι μια δημοφιλής επιλογή. Αυτό το σεμινάριο σας δείχνει πώς να το κάνετε. - Πώς να: Αποκτήστε την πρώτη εικόνα από μια ανάρτηση και προβάλετε την
Αυτή η ανάρτηση δείχνει μια εναλλακτική λύση στη χρήση προσαρμοσμένων πεδίων για την εμφάνιση εικόνων στην πρώτη σελίδα. - 6 τεχνάσματα και συμβουλές για τη δημιουργία ενός περιοδικού WordPress Theme
Το Cats Who Code παρέχει μερικές χρήσιμες πληροφορίες για όσους θέλουν να δημιουργήσουν μια πρώτη σελίδα περιοδικού. - Εμφάνιση μόνο αποσπασμάτων μηνυμάτων στο WordPress
Αυτό το άρθρο παρουσιάζει την απλή αλλαγή που πρέπει να κάνετε στον κώδικα του θέματος για να εμφανίσετε αποσπάσματα αντί για πλήρεις αναρτήσεις. - Στον έπαινο των ετικετών πρότυπου WordPress, Μέρος ΙΙ: Η διάταξη του περιοδικού
Ο Darren Hoyt συζητά θέματα που σχετίζονται με τη δημιουργία σχεδίων περιοδικών στο WordPress. - WordPress: Οριζόντιο μενού διαγραφής με στυλ περιοδικού
Αυτή η ανάρτηση δείχνει πώς μπορείτε να δημιουργήσετε ένα μενού πλοήγησης σε μορφή περιοδικών. - Ετικέτες προτύπων / Δημοσιεύσεις ερωτημάτων | Ετικέτες πρότυπων / λήψη μηνυμάτων
(από τον Κώδικα WordPress)
Παρουσίαση της πρόσοψης του Blog
Τώρα θα παρουσιάσουμε μια σειρά από μπροστινές σελίδες ιστολογίου που παρουσιάζουν διάφορες προσεγγίσεις για την προβολή περιεχομένου.
Αποσπάσματα
Vectips
Αυτό το στυλ αποσπασμάτων, με μικρογραφίες στα αριστερά, είναι αρκετά δημοφιλές.
Localisten Sprechblase
Ένα σύντομο απόσπασμα από κάθε θέση, με συνοδευτική εικόνα. Στην αρχική σελίδα εμφανίζονται μόνο οι τρεις πιο πρόσφατες αναρτήσεις.
Blogfullbliss
Οι εικόνες αυτής της πρώτης σελίδας βρίσκονται στα δεξιά των αποσπασμάτων.
Francesca Battistelli
Μόνο αποσπάσματα κειμένου, χωρίς εικόνες.
Creative Tempest
Πολύ σύντομα αποσπάσματα, με μια μικρογραφία της κύριας εικόνας από κάθε θέση.
Blog Me Tender
Αποσπάσματα των τριών πιο πρόσφατων δημοσιεύσεων, κάθε μία με εικόνα.
Η Τέχνη της Μη Συμμόρφωσης
Αυτή η μοναδική διάταξη χωρίζεται στη μέση. Πέντε αποσπάσματα εμφανίζονται στα αριστερά.
Bluedots Design
Οι εικόνες αυτής της αρχικής σελίδας εμφανίζονται παραπάνω, αντί για δίπλα, στα αποσπάσματα.
Reviver σχεδίασης
Ακολουθεί ένα παράδειγμα της ευελιξίας που μπορούν να φτάσουν τα αποσπάσματα στην πρώτη σελίδα. Η διάταξη αυτών των δύο στηλών δεν θα ήταν δυνατή με τις πλήρεις θέσεις.
Αποσπάσματα Plus Προτεινόμενο περιεχόμενο
Tutorial9
Περιλαμβάνει ένα slider με πέντε πρόσφατες αναρτήσεις, με τα αποσπάσματα μετά από τα παρακάτω.
Έγχρωμο
Παρόμοιος συνδυασμός ρυθμιστικού και αποσπάσματος χρησιμοποιείται εδώ.
L'effet Crea
Αυτή η πρώτη σελίδα έχει επίσης μια εμφανή περιοχή περιεχομένου πάνω από αποσπάσματα πρόσφατων αναρτήσεων.
Στυλ περιοδικών
Δημοφιλή τσαγιέρες
Οι τέσσερις τίτλοι προβάλλονται οριζόντια (με τις κατηγορίες τους) πάνω από αποσπάσματα πρόσφατων δημοσιεύσεων. Τα "Τελευταία Tees" εμφανίζονται στα αριστερά των αποσπασμάτων.
Το 9513
Τα αποσπάσματα των "επιλογών του συντάκτη" εμφανίζονται στην κύρια στήλη, με τίτλους των τελευταίων καταχωρήσεων ιστολογίου στα δεξιά.
Kineda
Μία θέση εμφανίζεται "Στο προσκήνιο", με τέσσερις άλλες δημοφιλείς θέσεις από την εβδομάδα που εμφανίζονται οριζόντια. Απόσπασματα άλλων πρόσφατων αναρτήσεων φαίνονται παρακάτω.
Μια ιδέα
Περιλαμβάνει μια περιοχή για έναν χαρακτηρισμένο τίτλο και ένα απόσπασμα. Τέσσερα άλλα αποσπάσματα από διάφορες κατηγορίες εμφανίζονται παρακάτω.
Ecoki
Ένα χαρακτηρισμένο άρθρο βρίσκεται στην κορυφή, με τέσσερις πρόσφατες αναρτήσεις καταχωρημένες οριζόντια, και στη συνέχεια μια άλλη σειρά τεσσάρων "Πρέπει να διαβάζει".
Πλήρη μηνύματα:
Ασυνήθιστες πρώτες σελίδες
Story Pixel
Τίτλοι τριών πρόσφατων δημοσιεύσεων, χωρίς αποσπάσματα ή πλήρεις θέσεις.
Michela Chiucini
Ένα απόσπασμα μετά, με τίτλους άλλων πρόσφατων αναρτήσεων που αναφέρονται παρακάτω.
Dirt Du Jour
Μια θέση που παρουσιάστηκε πλήρως.
Αυτή η ανάρτηση γράφτηκε αποκλειστικά για το Webdesigner Depot από τον Steven Snell, α Σχεδιαστής ιστοσελίδων και blogger. Ο Στίβεν τρέχει Ερωτικοί σχεδιασμοί ιστολογίων , η οποία παρουσιάζει καλά σχεδιασμένα blogs.
Ποιο σύστημα λειτουργεί καλύτερα για εσάς και γιατί; Παρακαλώ μοιραστείτε τα σχόλιά σας μαζί μας.