Πώς να κάνω κείμενα για τον ιστότοπο για να τα διαβάσετε

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

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

Πώς να γράψετε το κείμενο

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

Πίνακας περιεχομένων

Ο πίνακας περιεχομένων απαιτείται μόνο αν το υλικό είναι μακρύ. Θα είναι περίεργο αν το προσθέσετε για κείμενο 2000 χαρακτήρων.

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

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

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

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

Προτάσεις και παραγράφους

Οι προτάσεις στο κείμενο πρέπει να είναι διαφορετικού μήκους - έτσι θα έχει ρυθμό. Μια πρόταση είναι σύντομη. Το δεύτερο είναι λίγο μακρύτερο, αλλά όχι πάρα πολύ. Και το τρίτο είναι τόσο μακρύ που ταιριάζει σε αρκετές γραμμές, και μόνο οι λάτρεις του Τολστόι μπορούν να το καταλάβουν (αστείο).

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

Οι παράγραφοι, όπως οι προτάσεις, πρέπει να έχουν διαφορετικό μήκος.

Δεν υπάρχουν ακριβείς αριθμοί, όπως: οι προτάσεις θα πρέπει να έχουν 3-5 λέξεις έκαστο και οι παράγραφοι θα πρέπει να είναι 350 χαρακτήρες ή 4-5 γραμμές. Μην σκεφτείτε τέτοια πράγματα - επικεντρωθείτε καλύτερα στην έννοια των προτάσεων και των λέξεων.

Αριθμημένες λίστες και λίστες με κουκκίδες

Οι λίστες χρησιμοποιούνται για να μην υπερφορτωθούν οι προτάσεις με καταχωρίσεις. Στις λίστες μπορείτε:

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

Οι λίστες με κουκκίδες πρέπει να είναι 3 ή περισσότεροι. Οι σύντομες λίστες φαίνονται κανονικές μόνο αν έχουν αρκετές προτάσεις. Αλλά οι αριθμημένες λίστες φαίνονται καλά από 2 πόντους ήδη.

Η αρίθμηση μπορεί να χρησιμοποιηθεί σε λίστες τύπου "Συμβουλές Χ" ή σε οδηγίες βήμα προς βήμα ώστε ο αναγνώστης να μπορέσει να επιστρέψει στις απαραίτητες συμβουλές ή βήματα. Δηλαδή, οι αριθμημένες λίστες χρησιμοποιούνται όταν η συνοχή είναι σημαντική - αλλιώς, μπορείτε να χρησιμοποιήσετε κουκκίδες.

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

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

  • Πλένετε τα χέρια σας πριν φάτε. Για να πλύνετε τα χέρια σας πρέπει να ...
  • Μην διασχίζετε το δρόμο σε πολυάσχολα τμήματα του δρόμου.. Διαφορετικά, το αυτοκίνητο μπορεί να σας χτυπήσει ...
  • Κάντε την πρώτη πρόταση με έντονα γράμματα. Έτσι, θα προσελκύσετε περισσότερη προσοχή, ειδικά εάν το αντικείμενο παίρνει μερικές γραμμές.

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

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

  • συλλογή πληροφοριών
  • αναλύστε το
  • ελέγξτε τα γεγονότα
  • να γράψετε ένα σχέδιο και ούτω καθεξής.

Σε άλλες περιπτώσεις, θέστε ένα θέμα.

Πίνακες, Χάρτες και Infographics

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

Για να σκάψει ένα pit A χρειάστηκαν 5 εργαζόμενοι που το έσκαψαν σε 2 ημέρες. Κατά την ανασκαφή B εργάστηκε δύο φορές περισσότεροι εργαζόμενοι που κατάφεραν για την ίδια περίοδο. Οι κοιλότητες έχουν ίσο όγκο (30 m3), αλλά ο ρόλος διαδραμάτισε η διαφορά στον τύπο του εδάφους και του εδάφους - πέτρωμα για ανασκαφές Β και έδαφος για εκσκαφές A.

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

Ditch A

Ditch Β

Οι εργαζόμενοι

5

10

Διάρκεια

2 ημέρες

2 ημέρες

Ο όγκος του λάκκου

30 μ3

30 μ3

Τύπος εδάφους

Γη

Ροκ

(Μη ρίχνετε παντόφλες, δεν είμαι οικοδόμος).

Μια ματιά αρκεί για να καταλάβουμε τι είναι αυτό.

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

Sidebars

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

Ή μπορείτε να μεταφέρετε τον χρήστη στη σελίδα με την υπηρεσία, όπως έκανα παραπάνω.

Εικόνες, ήχο και βίντεο

Με αυτά τα στοιχεία μπορείτε να προσθέσετε την προβολή του κειμένου. Είναι πιο εύκολο να δείξεις κάτι από μία φορά από το να περιγράψεις όλη την ώρα. Για παράδειγμα, ο Stephen King μίλησε για τον κανόνα 1: "Show not to tell":

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

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

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

Χρήσιμες πληροφορίες ήδη από τις 0:00

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

Μην κάνετε αυτά τα στοιχεία να αναπαράγονται αυτόματα. Η σελίδα θα καταναλώσει περισσότερους πόρους και θα ενοχλήσει τους χρήστες.

Υποκαταστήματα

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

Σε αυτό το άρθρο, οι υπότιτλοι είναι σημασιολογικοί, αλλά μπορείτε να προσθέσετε ίντριγκες ή κάποια σημαντική σκέψη. Για παράδειγμα, μπορείτε να καλέσετε τον τίτλο "Πώς να δημιουργήσετε υπότιτλους", ή μπορείτε να "X παραδείγματα σχεδίασης υπότιτλων" ή "Υπότιτλοι είναι ξεπερασμένοι - θα τα σταματήσουμε επειγόντως".

Επιλογή κειμένου

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

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

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

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

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

Σύνδεσμοι και ακρωνύμια

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

  • Χρησιμοποιήστε άγκυρες - Μην εισάγετε τον σύνδεσμο ως κείμενο, είναι προτιμότερο να το συνδέσετε με οποιαδήποτε λέξη ή πρόταση. Και αυτή η λέξη πρέπει να αφήσει τον χρήστη να ξέρει πού θα πάει. Για παράδειγμα: "Δείτε το webinar επαλήθευσης κειμένου."
  • Υπογράμμιση - είναι δύσκολο να βρεθεί ένας σύνδεσμος αν δεν υπογραμμιστεί.
  • Για να ζωντανέψετε - όταν τοποθετείτε το ποντίκι πάνω από το σύνδεσμο, ο κέρσορας θα πρέπει να αλλάξει σε ένα χέρι με το δείκτη (Στην CSS, αυτό γίνεται όπως: cursor: pointer;). Αυτό είναι ένα απαραίτητο ελάχιστο όριο, το οποίο είναι καταχωρημένο στα προεπιλεγμένα προγράμματα περιήγησης, αλλά μπορείτε να συνταγογραφήσετε ότι η υπογράμμιση εξαφανίζεται όταν αιωρείτε.
  • Χαρακτηρισμός μητρώου τίτλο - αυτό το χαρακτηριστικό είναι γραπτό κείμενο που εμφανίζεται όταν τοποθετείτε το δείκτη του ποντικιού πάνω από το σύνδεσμο. Μπορείτε να προσθέσετε μια εξήγηση ή κάτι αστείο σε αυτό.

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

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

Spoilers

Τα Spoilers είναι τα στοιχεία πίσω από τα οποία μπορείτε να κρύψετε το κείμενο. Τους αρέσει να τις χρησιμοποιούν στις σελίδες του F.A. Q. Φαίνεται έτσι:

Χρησιμοποιούνται για να κρύψουν κάτι από τον αναγνώστη: spoilers σκηνής, ένα μεγάλο κομμάτι κειμένου ή μια σύνδεση. Ο κύριος κανόνας εδώ είναι ότι ο χρήστης κατανοεί ότι ο αεροτομή μπορεί να ανοίξει για να δει το περιεχόμενό του.

Emoticons ή Emoji

Γιατί τόσο σοβαρό; :-) Στα άρθρα, μπορείτε να χρησιμοποιήσετε emoticons, αλλά δεν μπορείτε να τους καταχραστεί. Επίσης, είναι κακό για εκείνους που έχουν κάνει blogging για μεγάλο χρονικό διάστημα, και δεν έχουν χρησιμοποιήσει ποτέ emoticons - πολύ δραστική αλλαγή.

Προσθέστε τέτοια στοιχεία πολύ προσεκτικά.

Θέσεις από κοινωνικά δίκτυα

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

Λεπτές τέχνες συλλογής εικόνων για θέσεις σε κοινωνικά δίκτυα: 9.5 κανόνες //t.co/0wKPqnJP1h # cm # smm # design # web design

- Texterra (@WebTexterra) 10 Μαΐου 2018

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

Κατ 'αρχήν, αν προσθέσετε 1-2 θέσεις ανά σελίδα, η διαφορά στην ταχύτητα λήψης θα είναι ασήμαντη.

Διαφορετικές σελίδες

Όλες οι συστάσεις από αυτό το άρθρο είναι κατάλληλες για άρθρα blog, σε άλλες σελίδες μπορούν μόνο να παρεμβαίνουν. Για παράδειγμα, μια σελίδα με μια ενότητα μπορεί να κάνει απλό κείμενο: χωρίς εικόνες, βίντεο, γραφήματα κ.ο.κ. Ναι, και το κείμενο σε αυτή τη σελίδα είναι πολύ μικρότερο.

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

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

Υπάρχουν κανόνες για το σχεδιασμό καρτών, σελίδων με επαφές, σφάλματος 404 κ.ο.κ.

Σχεδιασμός

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

  • Σκούρα γραμματοσειρά σε ανοιχτό φόντο. Μην χρησιμοποιείτε μαύρο ή άσπρο, επειδή δημιουργούν υπερβολική αντίθεση - τα μάτια γίνονται γρήγορα κουρασμένα από αυτό. Είναι καλύτερα να κάνουμε το φόντο μονοφωνικό - χωρίς σχέδια και άλλα πράγματα.
  • Το μέγεθος της γραμματοσειράς είναι 14-18 εικονοστοιχεία, η απόσταση γραμμής είναι περίπου 150%.
  • Για τις οθόνες, μια γραμματοσειρά sans serif είναι πιο κατάλληλη.

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

Συνηθισμένα λάθη

Τις περισσότερες φορές το κείμενο δεν το κάνει. Αλλά κοιτάξτε τα θαύματα του σχεδιασμού:

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

Ένα άλλο λάθος - προτομή με εγγραφή. Πολλά στοιχεία εμφανίζονται σε σύντομα κείμενα που δυσκολεύουν την ανάγνωση:

Κάποιος ξεχνά ότι πρέπει να υπάρχει αρκετός χώρος μεταξύ των στοιχείων:

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

Και τι λάθη στο σχέδιο που συναντήσατε; Μοιραστείτε τα με τα σχόλια - θα προσθέσουμε τα πιο ενδιαφέροντα στο άρθρο! kak-oformlyat-teksty-dlya-sayta-chtoby-ikh-chitali
#
Σχεδιασμένο από

Loading...

Αφήστε Το Σχόλιό Σας