Kako izraditi tekstove za stranice da ih pročitaju

Svatko kaže: dodajte liste u tekstove, provalite u paragrafe, razvodnite ih slikama itd. Itd. Itd. Ovo je dobro, ali savjeti su previše opći, pa sam pripremio detaljan vodič o tome kako dizajnirati članke tako da ih je lako čitati.

Jer, bez obzira na to koliko je vaš sadržaj kul, ili koliko je cool vaša informacija. Ionako će vas ostaviti ako je tekst loše oblikovan. Samo zato što nitko neće shvatiti i otkriti da ste imali nešto korisno.

Kako razraditi tekst

Odmah vas upozoravam da su sve informacije u vodiču preuzete iz mog osobnog iskustva i savjetodavne su prirode. Tekstove možete urediti onako kako želite - ako su čitljivi i izvode zadatak, ne smijete nešto mijenjati samo zato što tako kažem.

Sadržaj

Sadržaj je potreban samo ako je materijal dugačak. To će biti čudno ako ga dodati za 2000 znakova teksta.

Pogledajte kako izgleda sadržaj ovog članka - sastoji se od paragrafa i podstavaka, tako da čitatelj može preskočiti ne samo blok koji mu nije potreban, nego i cijeli odjeljak.

Napravite tablicu sadržaja u obliku poveznica na elemente stranice. Da biste to učinili, svakom se podnaslovu dodjeljuje identifikator, a sidro se postavlja u vezu u sadržaju. Izgleda ovako:

Na Vašoj web stranici to se može učiniti kroz vizualni editor, ali princip će biti isti - propisati identifikator i dodati vezu s sidrom.

Ako kliknete na takvu vezu, zaslon korisnika će se pomaknuti tako da se odabrana stavka nalazi na vrhu zaslona. Po defaultu, nema animacije - možete ga registrirati putem JavaScripta.

Rečenice i paragrafi

Rečenice u tekstu trebaju biti različitih duljina - tako da će imati ritam. Jedna rečenica je kratka. Drugi je malo duži, ali ne previše. I treći je toliko dug da se uklapa u nekoliko redova, a to mogu razumjeti samo ljubitelji Tolstoja (šala).

Svaki paragraf mora sadržavati neke misli, služiti nekoj svrsi. I to bi trebalo odrezati kada se misao završi. U klasičnom copywritingu, ponekad se na kraju paragrafa stvara malo intriga tako da se čitatelj kotrlja na klizavom slajdu.

Odlomci, poput rečenica, moraju biti različitih duljina.

Nema točnih brojeva, kao što su: rečenice moraju biti 3-5 riječi, a paragrafi 350 znakova ili 4-5 redaka. Nemojte razmišljati o takvim stvarima - bolje se koncentrirajte na značenje rečenica i riječi.

Numerirane i označene popise

Popisi se koriste za preopterećenje rečenica s popisima. Na popisima možete:

  • navedite prednosti ili svojstva predmeta,
  • govoriti o koracima procesa
  • opisati u nekoliko točaka zaključak nečega.

Označeni popisi trebaju biti 3 ili više bodova. Kratki popisi izgledaju normalno samo ako imaju nekoliko rečenica. No numerirani popisi izgledaju dobro s 2 boda.

Numeriranje se može koristiti u popisu vrsta "X tips" ili uputa "korak po korak" kako bi se čitatelj mogao vratiti potrebnom savjetu ili koraku. To znači da se numerirani popisi koriste kada je dosljednost važna - u suprotnom možete koristiti označene.

Informacije u popisima se lakše percipiraju i lakše ih se čita. Čak i ako osoba samo prođe kroz tekst, postoji velika vjerojatnost da će pročitati popis.

Ako se stavke sastoje od nekoliko rečenica, prvo se može istaknuti podebljano. Na primjer, ako sastavljate popis preporuka s objašnjenjima:

  • Operite ruke prije jela, Da biste oprali ruke, morate ...
  • Ne prelazite cestu u prometnim dijelovima ceste., Inače će te auto srušiti ...
  • Napravite prvu rečenicu podebljano, Tako ćete privući više pozornosti, pogotovo ako stavka ima nekoliko redaka.

Netko kaže da je nemoguće smjestiti popise blizu jedan drugome ili podnaslovima, ali mislim da je to prihvatljivo. No, da ih završi, tekst nije vrijedan jer stvara osjećaj potcjenjivanja.

Na kraju popisa bi trebao biti neki znak interpunkcije. Ako navedete homogene članove rečenice ili izgovorite dio fraze, stavite zarez i pokrenite sljedeću stavku s popisa malim slovom. Posljednja stavka završava točkom. Na primjer, da biste napisali dobar tekst, trebate:

  • prikupljanje informacija
  • analizirati
  • provjerite činjenice
  • napisati nacrt i tako dalje.

U drugim slučajevima, stavite točku.

Tablice, grafikoni i infografika

Slažem se, čak i najjednostavniji graf ili tablica može ukloniti hrpu teksta koji je teško čitati, percipirati i pamtiti. Pročitajte ovaj odlomak:

Za kopanje jame A trebalo je 5 radnika koji su ga iskopali za 2 dana. Preko iskopa B radilo je dvostruko više radnika koji su upravljali istim razdobljem. Jame su jednake zapremine (30 m.)3), ali ulogu je imala razlika u vrsti tla i terenu - kamen za iskop B i tlo za iskop A.

To je prilično jednostavno, ali čitanje traje neko vrijeme. Tablica se može pročitati mnogo brže, a podaci iz nje bit će bolje zapamćeni:

Jarak A

Ditch B

rad

5

10

vrijeme

2 dana

2 dana

Volumen jame

30 m3

30 m3

Vrsta tla

podzemna voda

stjenovit

(Nemojte bacati papuče, ja nisam graditelj).

Jedan je pogled dovoljan da razumije što je što.

Infografika u cjelini može postati zaseban materijal, ako pristupimo njegovom stvaranju s istom odgovornošću kao i Alexey Alexandrov u materijalu strategije sadržaja.

kravata

U bočnoj traci možete razabrati misli koje treba istaknuti. Za njih, kao i za sve ostale elemente u tekstu, oko se prianja. Ako u kutiju dodate nešto zanimljivo ili intrigantno, čitatelj će spremnije čitati.

Ili možete prenijeti korisnika na stranicu s uslugom, kao što sam to učinio gore.

Slike, audio i video

Pomoću tih elemenata možete dodati vidljivost teksta. Lakše je nešto pokazati nego opisati cijelo vrijeme. Na primjer, Stephen King je govorio o pravilu broj 1: "Pokaži, ne reci":

Bolje je napraviti slike iste širine, ako je moguće. Ako snimate snimke zaslona, ​​provjerite je li tekst jasno vidljiv. I nemojte koristiti fotografije s popisa, osobito u korporativnim blogovima. Uobičajeno središnje poravnanje.

Audio i video također imaju pozitivan učinak na materijal. Na primjer, dodao sam dvije datoteke u članak o audio urednicima kako bih ih prikazao u akciji. Datoteke se mogu prenijeti na vašu web-lokaciju i reproducirati pomoću HTML5 - za to upotrijebite oznaku "".

Videozapisi se mogu umetnuti s YouTubea, Vimeo i drugih sličnih web lokacija za hosting. Bit će dobro pokrenuti videozapis iz pravog trenutka, ako je velik, a trebate samo pokazati odlomak.

Korisne informacije već od 0:00

Preporučljivo je potpisati sva tri elementa. Možete napraviti vic na slike ili samo dati objašnjenja. Naslov zvuka ili videozapisa treba pisati ono što korisnik vidi ili čuje - može se napraviti iznimka ako je video sadržaj jasan iz pregleda ili ste ga opisali u tekstu.

Nemojte ove elemente učiniti automatskim. Stranica će trošiti više resursa, a korisnicima će smetati.

podnaslovi

U klasičnom copywritingu, podnaslovi su postavljeni za titlove. Ponekad nisu ni opisali što će biti u sljedećem dijelu teksta. Dakle, ne bi trebali to činiti - umjesto toga, titlovi bi trebali pokazati čitatelju što može očekivati.

U ovom članku, podnaslovi su semantički, ali možete dodati intrige ili neke važne misli. Na primjer, možete nazvati naslov "Kako napraviti titlove", ili možete "X primjere dizajna podnaslova" ili "Titlovi zastarjeli - hitno ih prestajemo koristiti"

Odabir teksta

Tekst možete odabrati odvažan, u kurzivu, označite je oznakom, precrtajte, promijenite boju. Istaknite ne trebate tipke i važna mjesta - ne stavljajte asfalt u kišu ili snijeg, Hrabro naglašavam potpunu misao ili zaključak.

Koristim kurziv za tipkanje citata ili izravnog govora, fraze koje su važne za percepciju glavne ideje. Precrtani otisci pomažu u stvaranju emocionalnih podtonova, izražavanju pravog stava prema nečemu: "ti glupi susjedi ponovno buše."

Oznaka se može koristiti za isticanje onoga što trebate zapamtiti (kao u studentskim godinama). Sada je gotovo ne koristi na internetu, ja osobno koristiti ovaj alat vrlo rijetko.

Potreban je font različite boje kako bi se istaknula kritična informacija - sigurnosni propisi, važni uvjeti suradnje i tako dalje. Da biste to učinili, možete koristiti bilo koju drugu boju osim plave, jer to je način na koji linkovi obično izgledaju. Iz istog razloga, tekst se ne može podcrtati.

Neophodno je koristiti takve tehnike u dizajnu, ali ne prečesto, inače će tekst biti previše šarolik - bit će ga teže čitati.

Linkovi i akronimi

Tekst mora nužno biti perelinkovka da se poveća vrijeme koje korisnik provede na mjestu. Ali veze moraju biti ispravno izdane:

  • Koristite sidra - ne stavljajte poveznicu kao tekst, bolje je da je priložite bilo kojoj riječi ili rečenici. I ova bi riječ trebala obavijestiti korisnika gdje će ići. Na primjer: "Pogledajte naš webinar za provjeru teksta."
  • naglasiti - teško je pronaći vezu ako nije podcrtana.
  • Za animaciju - kada pređete mišem preko veze, pokazivač bi se trebao pomaknuti na ruku s kažiprstom (U CSS-u se to radi na sljedeći način: kursor: pokazivač;). To je nužan minimum, koji je registriran u zadanim preglednicima, ali možete propisati da donja crta nestaje kada se zadržite.
  • Atribut registra naslov - ovaj atribut je napisan tekst koji se pojavljuje kada prelazite preko veze. Možete dodati objašnjenje ili nešto smiješno.

Skraćenice također propisuju naslove, ali ne vode nikamo. Koriste se da nešto objasne ili dešifriraju kraticu. U tom slučaju, korisnik mora shvatiti da se prilikom pomicanja miša nešto događa. U blogu naglašavamo skraćenice s točkastom linijom.

Nedostatak akronima i atributa naslov je da bi se prikazao njegov sadržaj, morate postaviti miš iznad elementa. To jest, neće raditi na mobilnim uređajima.

spojleri

Spoileri su elementi iza kojih možete sakriti tekst. Žele ih koristiti na stranicama F. A. P. Izgleda ovako:

Njima se skriva nešto od čitatelja: spojleri scena, veliki dio teksta ili veza. Glavno pravilo ovdje je da korisnik shvaća da se spojler može otvoriti da vidi njegov sadržaj.

Emoticons ili Emoji

Zašto tako ozbiljno? :-) U člancima možete koristiti emotikone, ali ih ne možete zlorabiti. Također, oni su loši za one koji su već dugo vremena pisali blogove i nikada nisu koristili emotikone - previše drastična promjena.

Dodajte takve predmete vrlo pažljivo.

Postovi s društvenih mreža

Već smo navikli gledati screenshotove postova u člancima, ali društvene mreže omogućuju umetanje postova izravno na web-lokaciju - možete komunicirati s njima: ostavljati komentare, stavljati lajkove, repost i tako dalje.

Suptilna umjetnost odabira slika za postove na društvenim mrežama: 9.5 pravila //t.co/0wKPqnJP1h # cm # smm # dizajn # web dizajn

- Texterra (@WebTexterra) 10. svibnja 2018

Ova metoda ima svoje prednosti: ne morate uzeti snimke zaslona, ​​ne morate brinuti o kvaliteti teksta i tako dalje. No, tu je i minus - morate povezati dodatne skripte na stranicu, a to može usporiti preuzimanje. I biti će nemoguće komunicirati s postovima ako su izbrisani ili ako socijalna mreža "padne".

U principu, ako dodate 1-2 postova po stranici, razlika u brzini preuzimanja bit će beznačajna.

Različite stranice

Sve preporuke iz ovog članka pogodne su za blog članke, na drugim stranicama mogu samo ometati. Na primjer, stranica s odjeljkom može činiti jednostavan tekst: bez slika, videozapisa, grafikona i tako dalje. Da, a tekst na ovoj stranici je mnogo kraći.

Postovi u društvenim mrežama mogu se jednostavno podijeliti u paragrafe uz dodavanje emotikona ili koristiti ugrađene uređivače članaka i njihove funkcije. Velik dio onoga što je ovdje opisano neće raditi tamo.

Registracija odredišnih stranica općenito je uređena na poseban način, tako da se ne smijete ograničavati na savjete iz ovog članka.

Postoje pravila za izradu karata, stranica s kontaktima, pogrešku 404 i tako dalje.

dizajn

Dodavanje svih ovih elemenata neće imati smisla ako se tekst ne može pročitati zbog vašeg dizajna. Za ugodno čitanje preporučujemo:

  • Tamni font na svijetloj pozadini. Nemojte koristiti crnu ili bijelu boju, jer stvaraju previše kontrasta - oči se brzo umaraju. Bolje je učiniti pozadinu mono - bez uzoraka i drugih stvari.
  • Veličina fonta je 14-18 piksela, razmak linija je oko 150%.
  • Za monitore, sans serif font je bolje prilagođen.

To je nužan minimum za dizajn, ali zapravo ima mnogo više preporuka.

Uobičajene pogreške

Najčešće se tekst ne razabire. Ali pogledajte čuda dizajna:

Ovaj je tekst jednostavan za čitanje jer sadrži odabire, podnaslove i paragrafe. Ali to je napisano sa samo jednom rečenicom.

Druga pogreška - poprsje s registracijom. Previše se elemenata pojavljuje u kratkim tekstovima koji otežavaju čitanje:

Netko zaboravlja da između elemenata mora biti dovoljno prostora:

Previše slobodnog prostora također ne bi trebalo biti, inače će čitatelj morati uložiti napor kako bi prešao na drugi element.

I koje su pogreške u dizajnu koje ste upoznali? Podijelite ih u komentarima - u članak ćemo dodati najzanimljivije! kak-oformlyat-teksty-dlya-sayta-chtoby-ikh-chitali
#
Dizajnirao

Pogledajte videozapis: Tražite idealno mjesto za vaš tekst? Pružamo vam način da svi pročitaju vašu objavu (Listopad 2019).

Ostavite Komentar