Cum să înveți cum să menții o pagină pe VKontakte, astfel încât să arate frumos și respectabil? Cum ar trebui să fie o pagină VKontakte Cum să împiedici închiderea imediată a paginii

Bună ziua, dragi cititori!

Dacă sunteți acum pe această pagină, atunci putem presupune că sunteți un blogger începător și aveți deja propriul proiect de internet și materiale pentru acesta.

S-ar părea că s-a pus temelia, s-au scris articolele... Dar nu a fost așa!

Se pare că, pentru a trezi un interes real în rândul cititorilor și pentru a promova cu succes un proiect online, aveți nevoie nu numai de capacitatea de a crea conținut unic și util, ci și de a-l prezenta corect.

Vrei să păstrezi vizitatorii pe resursa ta, nu?

Și ca să devină abonatul/clientul tău?

Răspunsul este evident.

Este designul corect al articolelor de pe site care va da rezultatul necesar.

Chiar dacă nu le scrieți și proiectați singuri, ci contactați copywriteri de la eTXT, recomandările de mai jos vă vor fi în continuare utile.

Utilizați cerințele de mai jos ca instrucțiuni pentru formatarea corectă a articolelor de pe site atunci când emitați o comandă, precum și atunci când o acceptați - și aveți garantat poziții înalte în rezultatele căutării Google și Yandex, deoarece motoarele de căutare acordă o atenție deosebită acestui factor.

Dar nu numai motoarele de căutare sunt atât de solicitante când vine vorba de proiectarea resurselor. De asemenea, utilizatorii acordă o mare atenție acestui lucru: designul frumos al articolului vă va permite nu numai să-i păstrați pe site-ul dvs., ci îi va face și să-și dorească să vă viziteze din nou în viitor :)

Sper ca am reusit sa va motivez putin sa petreceti timp pregatind articole pe site.

Și acum ne vom uita doar la ce trebuie făcut pentru asta.

Ce este conținutul site-ului și cum să îl proiectați?

Conținutul site-ului este toate informațiile care sunt postate pe acesta și anume:

• materialul text al autorului;
• imagini grafice și animate;
• Videoclipuri.

Conținutul unui articol separat poate include, de asemenea, citate de la personalități celebre, decupaje din publicații științifice și fapte interesante.

Toate aceste componente au propriile reguli speciale pentru proiectarea lor pe site, care vor fi discutate în detaliu mai jos.

Cum se formatează corect textul pe un site web?

Să începem cu cel mai important conținut de pe o pagină de site - text.

Deci, listăm regulile de bază pentru formatarea textului pe site:

1. Dimensiunea optimă a fontului de text pentru un site web/blog este de 14-16 px.
   Această dimensiune a fontului este bine percepută de cititorul obișnuit.
2. Un font sans-serif (un exemplu tipic de astfel de font este Arial, un font serif este Times New Roman).
   Serifurile „îngrămădesc” textul, ca și cum l-ar fi mai greu pentru ochiul uman.
   Prin urmare, se recomandă abandonarea acestui font.
3. Materialul extins este împărțit în părți folosind subtitluri tematice.
4. Evidențierea subtitlurilor articolului cu etichete H2...H6 (ținând cont de structura articolului).
5. Dimensiunea fontului subtiturilor ar trebui să difere de fontul textului principal cu 4-6 px (de exemplu, 18-20 px).
6. Culoarea subtitlului poate diferi de culoarea textului principal (de exemplu, poate fi proiectat în stilul culorilor primare ale designului site-ului web).
7. Indentarea între paragrafe este o condiție prealabilă pentru un design frumos de text pe un site web.
8. Cu cât volumul paragrafului este mai mic (numărul de rânduri din acesta), cu atât mai bine.
   Această recomandare se bazează pe caracteristicile psihologice ale unei persoane.
   Ni se pare că, cu cât privirea noastră trece mai repede la următoarea linie, cu atât mai repede vom termina de citit acest material.
   Prin urmare, nu ar trebui să îngrămădiți articolul cu paragrafe uriașe cu un flux nesfârșit de gânduri sau fapte.
   4-5 rânduri pe paragraf vor fi mai mult decât suficiente.
   Și 2-3 rânduri ar fi o soluție și mai bună (mai ales pentru articolele narative).
9. Evidențierea cu caractere aldine, cursive sau sublinierea punctelor importante din text este percepută de utilizator ca „Hara”.
   Tocmai astfel de cuvinte și expresii sunt distincte de restul textului asupra căreia privirea unei persoane cade prima dată.
10. Folosirea listelor într-un articol este considerată bună manieră și respect pentru cititor.
    Listarea oricăror elemente în liste numerotate și marcate facilitează perceperea informațiilor de către utilizator și este mai bine reținută.
11. Hyperlinkurile ar trebui să fie evidențiate în text cu o culoare diferită sau subliniată.
    Atunci când creați un link intern, trebuie să vă amintiți despre regula celor 3 culori în designul site-ului web, adică să proiectați un link către un articol de pe site într-una dintre aceste trei culori.
12. Numărul recomandat de link-uri (hyperlink-uri) pentru un articol cu ​​8-10 mii de caractere fără spații este de 5 bucăți.
    Pentru un număr mai mare de tranziții prin ele, acestea trebuie să fie distribuite uniform în text și nu „umplute” toate într-un singur paragraf.
13. Dacă materialul conține caracteristici comparative ale pozițiilor a două sau mai multe obiecte luate în considerare, atunci este logic să aranjați aceste date sub forma unui tabel.
    Acest lucru va simplifica și va accelera înțelegerea de către cititor a informațiilor prezentate.
14. Este potrivit să întăriți momentele pline de umor sau afirmațiile satirice într-un articol cu ​​o emoticon zâmbitoare/făcând cu ochiul.
    Acest lucru va dilua textul și îi va da o dispoziție.
    Dar pentru materialele științifice, utilizarea „fețelor” nu este acceptabilă.
15. Folosind o etichetă

    Este permis nu numai în proiectarea unui citat de la o persoană celebră.
    Ei pot evidenția un punct cheie separat din text, o notă sau pot cita un fapt din viață, istorie etc.

Acest articol poate servi ca un exemplu clar de design de text pe un site web.

Copywriterii experimentați și bloggerii experimentați ar trebui să știe cu siguranță care ar trebui să fie textul articolului și conținutul acestuia.

Dar, dacă abia începi să-ți încerci mâna la blogging, atunci iată câteva sfaturi despre cum să scrii corect articole SEO pentru promovarea lor cu succes pe Internet:

• ar trebui să fie un material unic și util pentru cititorii dvs.;
• textul trebuie să fie ușor de perceput de publicul pentru care este scris;
• fără erori gramaticale sau de punctuație;
• materialul nu trebuie să fie umplut cu propoziții complexe, fraze participiale și adverbiale sau cuvinte inserate.
  Cu cât propoziția este mai simplă și mai scurtă, cu atât mai bine;
• dacă utilizați în text date statistice sau informații bazate pe cercetări științifice, se recomandă indicarea sursei datelor originale;
• folosiți tabele atunci când prezentați date numerice.

Dacă aveți dificultăți în a scrie un astfel de material unic, atunci puteți utiliza serviciile de schimburi de copywriting. Unul dintre cele mai populare și accesibile utilizatorilor obișnuiți este ETXT. Aici, pentru bani relativ puțini, vi se va asigura materialul necesar de calitate.

Cum să proiectați frumos un articol pe un site web folosind imagini?

Există o regulă nerostită atunci când proiectați conținutul site-ului web, și anume că articolul trebuie să aibă cel puțin o imagine care să reflecte esența sa în format grafic.

Prin urmare, nu există nicio modalitate de a face fără imagini din articole. Și pentru a formata corect un articol pe site, acordați atenție următoarelor 2 puncte.

1. Reguli pentru postarea și proiectarea fotografiilor pe site

Dacă intenționați să atașați o singură imagine articolului dvs., atunci este recomandat să o plasați:

• la începutul sau la mijlocul articolului;
• de-a lungul marginii din stânga cu împachetarea textului sau pe toată lățimea paginii de text.

De ce pe marginea stângă?

În primul rând, ochiul uman percepe în primul rând informațiile grafice, iar în al doilea rând, populația vorbitoare de limbă rusă citește de la stânga la dreapta. Atunci când o imagine este plasată în stânga la începutul textului, când utilizatorul tocmai a ajuns pe pagina articolului, el „își aruncă privirea” spre imagine (acest lucru se întâmplă inconștient), apoi continuă să privească în partea dreaptă la text.

Dacă puneți imaginea la începutul articolului în partea dreaptă, atunci va apărea o insuficiență cerebrală de bază 😀

Așezând imaginea pe toată lățimea paginii, nu riști nimic. Principalul lucru este să nu îl faceți prea mare în înălțime, astfel încât să nu se reflecte pe întregul ecran al utilizatorului.

Dar puțini oameni ajung să folosească doar o imagine într-un articol și pe bună dreptate.

Pentru un design cu adevărat frumos al unui articol pe un site web, trebuie să susțineți textul cât mai mult posibil cu informații grafice suplimentare. Principalul lucru aici este să nu exagerați cu numărul de imagini, astfel încât calitatea materialului să nu aibă de suferit.

Puteți plasa imagini conform textului din articol:

• din stânga și din dreapta, alternându-le, ca pe o tablă de șah (dar începeți întotdeauna din stânga)
• numai de la marginea stângă;
• numai pe lățimea paginii;
• pe lățimea paginii și cu imagini mici alternând în stânga și în dreapta.

O soluție destul de interesantă pentru designul colorat al unui articol care conține tabele este plasarea imaginilor în celulele lor.

Ar putea arăta astfel:

2. Unicitatea imaginilor

Toate informațiile de pe site, inclusiv grafica, trebuie să fie unice.

Cum să faci asta dacă nu este posibil să creezi o singură imagine (foto) cu propriile mâini?

Metoda unu— Photoshop vine în ajutor. 🙂

Dacă ați găsit pe Internet imagini care sunt potrivite pentru materialul dvs. și doriți să le plasați în articol, atunci această metodă este pentru dvs.

Vă prezentăm un ghid pas cu pas despre cum să faceți o imagine unică dintr-o imagine găsită pe Internet:

1. Creați un fișier nou în Photoshop cu dimensiunea și rezoluția necesară, selectați un fundal transparent;
2. Plasați imaginea dorită în acest fișier gol, decupați-o dacă este necesar.
3. Efectuați procesul de „vrăjitorie” pe imagine:
   • răsturnați-l pe orizontală;
   • rotiți-l într-un unghi de câteva grade (mai mult este posibil),
   • efectuează corectarea culorii;
   • acoperiți inscripțiile inutile (dacă există).
4. Salvați imaginea rezultată folosind comanda „Fișier – Salvare pentru Web...” În fereastra care se deschide, selectați formatul jpg și calitatea 65-80% (pe baza conținutului imaginii, dacă există o mulțime de detalii mici , setați-l la 80%).
5. Scrieți numele fișierului cu litere latine.

Metoda a doua– căutați imagini potrivite pe stocurile de fotografii.

Stocuri de fotografii– acestea sunt baze de date pentru stocarea fotografiilor diverșilor fotografi care își postează lucrările pentru a fi utilizate de diverse servicii și companii în scopuri proprii. Ele vin în două tipuri: plătite și gratuite.

Nu toți bloggerii începători își pot permite să folosească serviciile de stocuri de fotografii plătite pentru a selecta materialele necesare, dar sunt necesare imagini.

Prin urmare, vă prezentăm o listă de baze de date foto gratuite:

1. firestock.ru
2. pixabay.com
3. freerangestock.com
4. flickr.com
5. stockvault.net
6. pexels.com
7. lifeofpix.com
8. morguefile.com
9. photogen.com
10. stocksnap.io

Mulțumiți-ne făcând clic pe butoanele sociale. rețele sub articol 😉

Design de continut site - video

Prezența unui videoclip în corpul unui articol a devenit acum aproape o condiție obligatorie pentru pregătirea acestuia.

Cel puțin, dacă doriți să păstrați utilizatorul și atenția lui pe site-ul dvs. mai mult timp (și exact de asta are nevoie un blogger începător care nu are încă cititori obișnuiți), atunci trebuie pur și simplu să aveți material video în articol.

Dacă o persoană petrece mult timp pe o resursă web (vizionează un videoclip încorporat într-un articol, care poate dura de la 2 minute la 2 ore), atunci informațiile care sunt prezentate pe aceasta sunt cu adevărat utile. Factorii comportamentali se îmbunătățesc, iar motoarele de căutare consideră acest lucru drept încrederea utilizatorilor în resursă.

Și dacă utilizatorii au încredere, atunci Google și Yandex vor avea încredere și vor promova site-ul dvs. mai sus în clasament.

Acesta este beneficiul neprețuit al introducerii unui player video în articolele de pe site-ul dvs.! Și ar fi păcat să nu profităm de asta!

În plus, videoclipul atașat articolului dvs. nu trebuie să fie deloc unic.

Desigur, este bine dacă ai propriul tău canal YouTube unde încarci videoclipuri legate de blogul tău. Le puteți posta în siguranță pe site-ul dvs. web, ucigând două păsări dintr-o singură lovitură - mărind numărul de vizionări ale videoclipului dvs. și, astfel, promovându-l în Top, precum și câștigând mai multă încredere în blogul dvs. din motoarele de căutare.

In general, se dovedeste a fi o utopie :)

Dar dacă nu ai propriul tău canal, nu dispera. Videoclipurile altora vă vor veni în ajutor, dintre care există un număr mare pe YouTube și alte gazde video.

Să vedem cum să plasați videoclipul altcuiva de pe cel mai popular site de găzduire video de astăzi - YouTube - pe site-ul dvs. Pentru a face acest lucru aveți nevoie de:

De asemenea, va trebui să setați dimensiunile dorite (lățime și înălțime) pentru playerul video. Pentru a face acest lucru, schimbați pur și simplu numerele din parametrii de lățime și înălțime.

Pentru a reflecta playerul video pe toată lățimea paginii, setați parametrul lățime la 100% și experimentați cu parametrul înălțime.

Și iată un videoclip despre cum să plasați un videoclip YouTube pe site-ul dvs. :)

Dacă doriți ca atât articolul dvs. să fie citit integral, cât și videoclipul să fie vizionat, plasați-l pe acesta din urmă la sfârșitul articolului. În acest caz, videoclipul va deveni un element de rezumat a tot ceea ce este scris mai sus.

De asemenea, este posibil să plasați un videoclip în mijlocul textului, dar numai acolo unde este cu adevărat adecvat. De exemplu, în text ați dat instrucțiuni detaliate pentru anumite acțiuni și apoi ați susținut cuvintele cu instrucțiuni video (cum am făcut noi).

Plasarea unui videoclip la începutul unui articol reduce semnificativ probabilitatea de a-l citi. În cel mai bun caz, acestea vor fi primele paragrafe înainte de videoclip.

Și de ce ai încercat atunci, selectând și analizând cu atenție materialul prezentat?

Deci, atunci când creezi un articol pe un blog, gândește-te de 100 de ori înainte de a posta un videoclip oriunde. Vrei profit maxim de la ea!

Citate în designul unui articol de pe site

Un element, cum ar fi un citat, este de obicei formatat pe un site web folosind eticheta

.

Și așa cum am menționat mai sus, această etichetă nu include neapărat doar expresii binecunoscute ale oamenilor publici.

Un exemplu de citat interesant și de designer cu un îndemn ascuns la acțiune:

Etichetă

are propriul stil distinctiv față de restul textului și, prin urmare, puteți plasa în el elemente pe care doriți să le evidențiați în materialul dvs.

Poate fi:

1. Concluzii sau reguli învățate din cele de mai sus.
2. Note sau sfaturi care au legătură indirectă cu subiectul principal al articolului.
3. Exemple din propria mea experiență.
4. Fapte interesante din istorie.
5. Un îndemn la acțiune, indiferent dacă urmează să citești un alt articol, să achiziționezi un curs de informare sau să te abonezi la un buletin informativ cu articole.

Aceasta nu este întreaga listă de opțiuni; imaginația vă poate spune și alte modalități de a utiliza această etichetă.

Așa că ați învățat cum să formatați un articol pe site-ul dvs. web pentru a-i face pe cititori să-și dorească să revină la blogul dvs. din nou și din nou și să obțină un răspuns pozitiv de la motoarele de căutare.

Și pentru ca paginile site-ului dvs. să fie indexate mai repede, vă puteți posta postările aici

Dacă în lumea offline o persoană este „întâmpinată de hainele sale, dar văzută de mintea lui”, atunci în lumea online este întâmpinată de designul său și de conținutul său. Pagina principală a site-ului este fața ta pe Internet și primul lucru care atrage privirea vizitatorului. Nu va exista a doua șansă de a face o primă impresie: cea principală ar trebui să fie cât mai clară și atractivă, astfel încât să nu rămână întrebări.

Ce informații caută un vizitator când vizitează prima dată un site? Am formulat 5 întrebări cheie la care ar trebui să răspundă pagina ta de pornire. Luați-le ca bază și nu veți rata niciun potențial client.

Cine eşti tu?

Răspunsul la această întrebare ar trebui să fie tare și clar. Dacă scopul site-ului este de a-ți promova afacerea, primul lucru pe care ar trebui să-l vadă vizitatorii este logo-ul tău. Această regulă se aplică site-urilor din portofoliu și tuturor resurselor care promovează servicii. Faceți clar cine sunteți imediat, nu așteptați ca oamenii să aibă întrebări sau confuzii. Iată câteva sfaturi utile despre.

Ce faci?

Asigurați-vă că oamenii înțeleg imediat ce servicii oferiți. Mai simplu spus - cum le poți fi de folos. Dacă tu, de exemplu, ești fotograf, designer sau coafor, atunci scrie așa. Poți spune despre tine în diferite moduri, în cele mai multe cazuri este suficient să adaugi pur și simplu o ocupație sau un tip de activitate lângă numele sau logo-ul tău. Amintiți-vă: concizia este sora talentului.

Ce voi găsi aici?

Răspunsul la această întrebare în timp util este al treilea pas către pagina de pornire perfectă. Site-urile, după cum știm, sunt diferite. Sunt simple, cu un minim de detalii, și sunt, dimpotrivă, cu mai multe pagini, cu un munte de conținut. Indiferent de stilul pe care îl alegeți, asigurați-vă că vă proiectați navigarea astfel încât vizitatorii să poată găsi cu ușurință informațiile de care au nevoie. Creați un meniu îngrijit și atractiv și asigurați-vă că ordinea paginilor de pe site se potrivește cu ierarhia vizuală. Apropo, un antet fix poate fi util atunci când lucrați la îmbunătățirea navigației - citiți despre avantajele sale.

Cu ce ​​esti diferit de ceilalti?

Acum este timpul să vă amintiți cuvântul „”. În primul rând, decideți ce asociații doriți să evoce afacerea și site-ul dvs. Creează-ți propriul stil și design: când vine vorba de a te prezenta online, fonturile, culorile, pictogramele și imaginile de calitate pot spune multe despre tine. Dacă designul web vi se pare prea complicat, nu vă faceți griji. Mai bine fă-ți un obicei să citești în mod regulat cele relevante

Pentru orice companie, pagina de start a site-ului este ușa virtuală de intrare. Dacă unui vizitator nu îi place ceea ce vede, fiți siguri că va face clic pe butonul „Înapoi”.

Cum să-ți faci designul site-ului web atractiv? În același timp, nu ar trebui să fie doar frumos, ci ar trebui să funcționeze. De aceea, cele mai bune pagini de pornire din această listă punctează nu numai frumusețe, ci și geniu.

Ce face un design bun pentru pagina de pornire a unui site web

1) Designul paginii de start răspunde clar la întrebarea „Cine sunt eu?”, „Ce ofer?” și/sau „Ce poate face utilizatorul aici?”

Dacă reprezentați o marcă cunoscută ( de exemplu Coca-Cola), poți scăpa fără a descrie cine ești sau ce faci. Dar majoritatea companiilor trebuie să răspundă la aceste întrebări, astfel încât fiecare vizitator să știe că se află în locul potrivit. Dacă utilizatorii nu își pot da seama ce faci în câteva secunde, nu vor rămâne mult timp.

2) Rezonanță cu publicul țintă

Pagina principală ar trebui să vorbească publicului țintă în limba lor. Cele mai bune exemple de design site-uri evitate " corporate gobbledygook„și eliminați tot ce este inutil și care distrag atenția.

3) Mesaj despre propunerea de valoare

Când un utilizator se uită la pagina de pornire, trebuie să fie făcut să rămână. Este cel mai bun loc pentru a exprima semnificația produsului sau serviciului tău într-o singură propoziție, astfel încât utilizatorul să decidă să rămână pe site-ul tău și să nu meargă la concurenți.

4) Utilizabilitate

Toate opțiunile de design discutate mai jos sunt foarte convenabile: sunt ușor de navigat și nu există obiecte „folositoare” pe ele. De exemplu, bannere flash, animații, ferestre pop-up sau elemente excesiv de complexe și inutile. Multe dintre ele sunt optimizate și pentru dispozitive mobile, ceea ce este foarte important în condițiile moderne.

5) Include un îndemn (element CTA)

Fiecare dintre paginile de pornire discutate mai jos utilizează efectiv îndemnuri primare și secundare pentru a ghida vizitatorii către următorul pas logic. De exemplu, " Încercare gratuită”, „Cumpără acum” sau „Mai multe detalii”.

Amintiți-vă că scopul paginii de pornire este de a menține vizitatorii pe site și de a-i duce la sfârșitul pâlniei de conversie. Elementul CTA le spune ce să facă în continuare, astfel încât utilizatorii să nu se simtă șocați sau confuzi. Mai important, elementul CTA transformă pagina de pornire a site-ului într-una care vinde sau atrage potențiali clienți.

6) În continuă schimbare

Cele mai bune pagini de pornire nu sunt întotdeauna statice. Unele, cum ar fi WhiteHouse.gov, se schimbă constant în funcție de nevoile, preocupările și întrebările utilizatorilor.

7) Utilizează un design general excelent

Design-ul bine gândit al site-ului este cheia succesului în construirea încrederii între utilizatori și brand, stabilirea unei conexiuni cu publicul țintă și avansarea în canalul de conversie. În esență, aceste pagini de pornire folosesc eficient plasarea CTA, spațiul alb, culorile, fonturile și alte elemente suport.

Web design inspirator: 16 cele mai bune modele de pagină de pornire

1) FreshBooks

Acest design este genial deoarece:

• Ușor de folosit. Există multe dezbateri despre dacă paginile de pornire scurte sau lungi sunt mai bune. Dacă alegeți ultima opțiune, ar trebui să vă asigurați derularea și citirea ușoară. Această pagină aproape că arată ca o poveste;
• Combinația de culori și poziționarea elementelor CTA primare a fost folosită cu succes. Când intri pe pagina principală, devine imediat clar că compania dorește să-ți atragă atenția;
• Text foarte tentant pe elementul CTA: „ Încercați gratuit timp de 30 de zile»;
• Subtitrare efectivă: „ Pentru peste 5 milioane de oameni care folosesc FreshBooks, trimiterea facturilor și ținerea evidenței cheltuielilor este acum o briză" Această afirmație este atractivă pentru publicul țintă deoarece stăpânirea software-ului de contabilitate tinde să „ chinuitor de dificil» pentru liber profesioniști și proprietari de afaceri mici.

2) Airbnb

• Acest exemplu de design al paginii de pornire a unui site este impresionant: întâmpină vizitatorii cu un videoclip pe ecran complet cu imagini frumoase, de înaltă rezoluție. Ea vorbește despre călători care petrec timpul ca și cum ar fi localnici: pregătind mâncarea în bucătărie, cumpărând brânzeturi locale. Arată foarte natural și autentic;
• Chiar în centrul paginii de start se află un formular de căutare cu destinația și data de sosire/plecare pe care o caută majoritatea vizitatorilor, direcționând utilizatorii către următorul pas logic;
• Formularul de căutare este „inteligent”: va afișa automat ultima căutare a utilizatorului dacă acesta este autorizat;
• Îndemnul principal la acțiune („Căutare”) contrastează cu fundalul și iese în evidență, în timp ce îndemnul secundar este vizibil în partea de sus.

3) Monetărie

• Este un design super simplu, cu un titlu și subtitrare puternice, fără niciun argo;
• Pagina principală oferă un mediu sigur, dar relaxat, ceea ce este foarte important pentru un produs care gestionează informații financiare;
• Conține, de asemenea, un îndemn simplu și convingător: „ Înregistrează-te gratuit". Designul CTA este de asemenea grozav - pictograma lacătului lovește semnul, comunicând încă o dată mesajul de siguranță.

4) Dropbox (Consumator)

• Pagina de pornire Dropbox este un exemplu de simplitate extremă. Utilizarea reclamei și a videoclipurilor este limitată și tot spațiul de fundal este combinat;
• Este greu de spus din captura de ecran statică de mai sus, dar această opțiune de proiectare a site-ului web atrage atenția prin utilizarea subtilă a animației fanteziste în grafică;
• Subtitrarea este simplă, dar puternică: „ Deschideți fișierele oriunde, pe orice dispozitiv și partajați-le cu ușurință" Nu trebuie să descifrezi nicio terminologie pentru a înțelege ce face Dropbox;
• Concentrați-vă pe un îndemn principal la acțiune: „ Înregistrează-te gratuit«.

5) Dropbox (afaceri)

• Acesta este un prim exemplu de asistență pentru un site pentru diferite audiențe. Aceasta este diferită de pagina de pornire, care a fost creată inițial pentru consumator (vezi mai sus). Utilizatorii business cer mai multe informații, precum și o confirmare suplimentară că Dropbox(Business) este o soluție sigură și scalabilă pentru companii ( Dropbox abordează problema percepției direct pe pagina sa de pornire);
• Dropbox continuă să folosească design și branding simple. Include doar ceea ce este important: o imagine mare susținută de anunțuri și un „ Încercați o încercare gratuită de 30 de zile„, un îndemn la acțiune.

6) Whitehouse.gov

• cine vorbește în numele unei întregi națiuni nu este o sarcină ușoară. Whitehouse.gov se schimbă constant pentru a reflecta problemele și prioritățile majore. Testarea și optimizarea este o componentă cheie a designului strălucit al paginii de pornire;
• Ceea ce este grozav la Whitehouse.gov este că este diferit de majoritatea site-urilor guvernamentale. Are un design curat și promovează comunitatea;
• Este destul de ușor să găsești ceea ce cauți odată ce ai ajuns aici. Și dacă nu puteți găsi imediat ceea ce aveți nevoie, există un câmp de căutare convenabil.

7) 4 Rivers Smokehouse

• Combinat cu o imagine mare pentru designul site-ului, titlul „ SÂNUL. 18 ani de măiestrie. Pentru placerea ta"sună tentant;
• Derularea Parallax vă va oferi o prezentare rapidă a serviciilor, meniurilor și oamenilor care se distrează de minune - o utilizare excelentă a unei tendințe populare de design.

8) Servicii de terapie pediatrică Cobb

• Titlul și subtitrarea atrag latura emoțională a vizitatorilor: „ Lucrați cu compania. Se merită. Ai încredere în noi. Am fost și noi acolo. Îți vom găsi un loc de muncă în care să te poți exprima pe deplin» Această propunere este unică și convingătoare;
• Titlul este pe un carusel rotativ care ține cont de categoria de vizitatori, de la solicitanți de locuri de muncă la persoane care caută un terapeut pentru școlile lor;
• Există mai multe căi pe care vizitatorii trebuie să le urmeze pentru a ajunge la pagină. Dar apelurile la acțiune sunt bine plasate, spuse simplu și contrastează cu restul paginii.

9) Jill Konrath

• Designul este simplu și ajunge direct la obiect. Din titlu și subtitlu este imediat clar ce face Jill Conrath ( și cum vă poate ajuta afacerea);
• De asemenea, oferă acces ușor la analiza lui Jill, care este importantă în stabilirea credibilității ei ca vorbitor principal;
• Înscrierea cu ușurință pentru newsletter și contactul sunt cele două chemări principale la acțiune;
• Include sigle ale canalelor de știri și recenzii ca recunoaștere socială - sunt respectate toate regulile de proiectare a site-ului.

10) Evernote

• De-a lungul anilor, Evernote a evoluat dintr-o aplicație simplă de luare de note într-o suită de instrumente de afaceri. Acest lucru nu este întotdeauna ușor de transmis pe pagina de pornire, dar Evernote a făcut o treabă bună de a distila mesajele potențiale în câteva puncte forte cheie;
• Această pagină de pornire folosește o combinație de culori bogate și dezactivate în videoclipuri, precum și subtitrări în verde și alb strălucitor pentru a le scoate în evidență;
• După un titlu simplu („Amintiți-vă totul”), ochiul se oprește la îndemnul la acțiune „ Înregistrează-te gratuit».

11) Telerik by Progress

• « Întreprindere plictisitoare” nu este sentimentul care va apărea atunci când vizitați site-ul Telerik. Compania oferă o varietate de tehnologii și produse, folosind culori îndrăznețe, designuri interesante și videoclipuri cu o energie asemănătoare Google. Un aspect important este crearea unui mediu astfel încât vizitatorii să se simtă bineveniți și să știe că au de-a face cu oameni reali;
• Îmi place prezentarea de ansamblu simplă și de înaltă calitate a celor șase oferte de produse. Este o modalitate complet clară de a comunica ceea ce face compania;
• Reclama este uşoară şi uşor de citit. Vorbesc limba clienților lor.

12) Boxbee

• Titlul este un apel la acțiune care se adresează direct publicului țintă: antreprenori din industria stocării datelor;
• Pagina de pornire a site-ului are un design curat și simplu. Evidențiază titlul și apoi demonstrează imediat îndemnul principal la acțiune;
• Acest îndemn principal la acțiune iese în evidență datorită culorii contrastante.

Cap sugerează că numărul care este scris în mijlocul paginii și mare este mai vizibil. Faceți acest lucru dacă doriți ca cât mai mulți clienți să poată suna și discuta cu angajații companiei.

Oferă contacte ale diferitelor departamente

Pentru o companie mare care primește un flux imens de solicitări ale clienților în fiecare zi, este logic să postați imediat coordonatele departamentului de vânzări, suport tehnic, resurse umane și alte departamente. În acest fel, oamenii vor putea obține un răspuns la întrebarea lor mai rapid.

Site-ul web al holdingului restaurantului internațional „Ginza Project” conține numerele de telefon ale call center-ului, serviciului PR, departamentului HR și altor departamente.

Pe site-ul Tinkoff Bank, pe lângă contactele departamentelor, există și diferite numere de telefon pentru diferite categorii de clienți: posesori de carduri de credit, deținători de carduri de debit și deponenți.

Nu este necesar să postați imediat contactele departamentelor regionale într-o listă mare. Le puteți afișa doar făcând clic pe numele reprezentanței dorite. De exemplu, ca în secțiunea de informații de contact de pe site-ul Refinish Avtolac.

Centrul pentru Schimb Internațional are destul de multe filiale în întreaga lume. Reprezentanții companiei sunt grupați în secțiuni în funcție de țară pentru a căuta cu ușurință numerele de telefon și adresele lor.

Fotografiile cu semnele magazinelor offline de pe site-ul mărcii de îmbrăcăminte stradală „BatNorton” vor ajuta clienții să navigheze în centrul comercial și să găsească departamentul potrivit.

Contactele birourilor regionale Sayner apar în ferestre pop-up. Această tehnică va elibera pagina de contact de informații în exces. Utilizatorul se va putea familiariza în detaliu cu numărul de telefon și adresa doar dealer-ului de care are nevoie.

Window Continent are patruzeci și șapte de reprezentanțe la Moscova. Pentru comoditatea clienților, contactele sunt postate pe site în trei forme: într-o singură listă, pe harta orașului și pe harta metroului. În ultimele două opțiuni, informațiile de contact apar într-o fereastră pop-up când faceți clic pe reprezentanța dorită.

Scrieți contactele angajaților

O persoană are încredere în altă persoană mai mult decât în ​​numele impersonal al unei companii. Prin urmare, spuneți-ne despre specialiștii dvs. Arătați că anumiți oameni sunt responsabili pentru fiecare domeniu de activitate al companiei.

Încearcă să postezi fotografii cu angajații tăi. Gândiți-vă ce imagini vor inspira cea mai mare încredere în rândul clienților? Poate că acestea vor fi fotografii la locul de muncă sau fotografii în costume de afaceri într-un studio profesional.

Afișați indicații de orientare

O hartă de direcții clară economisește timp în explicarea fiecărui client cum să ajungă la companie. Și asigură că majoritatea oaspeților nu se vor pierde.

Indicații de conducere frumoase desenate. Acestea produc imagini realiste ale clădirilor, parcurilor și altor obiecte din apropiere, asupra cărora oamenii se vor concentra atunci când vă caută biroul.

Cu toate acestea, rețineți că desenarea unei hărți de călătorie este o sarcină care necesită multă muncă. Și cel mai probabil se va potrivi companiilor care au puține birouri sau puncte de vânzare, unul sau două.

Dacă o companie are multe birouri sau reprezentanțe, atunci este mai ușor să utilizați o hartă standard a rutei decât una desenată manual. Este ușor de creat în orice designer de hărți. Și pentru a nu aglomera pagina de contact de pe site cu numeroase indicații de conducere, acestea pot fi ascunse în ferestre pop-up.

Site-ul web Mary Truffle conține indicații desenate manual către două saloane de nuntă.

Harta redată a traseului către magazinul de cadouri Presentstar arată cele mai mici detalii: de la o pisică sub un copac până la extratereștrii care fură o Lada.

Contactele reprezentanțelor Centrului pentru Schimb Internațional sunt postate pe site sub forma unei liste. Dacă dați clic pe numele reprezentanței, harta locației se va deschide într-o fereastră pop-up.

În secțiunea cu informații de contact de pe site-ul PSKB Bank, indicațiile către fiecare birou sunt inițial ascunse. Și apar făcând clic pe numele biroului din casetele derulante.

Pe pagina de contact a magazinului online marca Sony, utilizatorul selectează orașul dorit într-o fereastră pop-up. Și imediat după aceea, pagina afișează informațiile relevante de contact, indicații de orientare și o descriere text despre cum să ajungi acolo.

Pe site-ul web al festivalului de automobile „Unlim 500+” sunt schimbate trei scheme diferite - călătorie la locul evenimentului, o hartă a poligonului și locația cafenelei și a scenei pe puntea de observație. Selectați schema dorită - descrierea din partea stângă a paginii și harta din partea dreaptă se schimbă.

Pe site-ul web Rozovoz, informațiile de contact sunt postate într-o fereastră pop-up. Și deja în interiorul ferestrei puteți comuta două blocuri de informații: adresele depozitelor de flori și numărul de telefon al serviciului de livrare.

Pe site-ul web al complexului rezidențial Panorama Skolkovo, este posibil să se traseze o rută dintr-un punct arbitrar de pe hartă până la biroul de vânzări.

Utilizați spațiul din fereastra pop-up din interiorul hărții

Uneori trebuie să afișați pe hartă adresele și numerele de telefon ale mai multor puncte de vânzare. Dar dacă postezi toate informațiile de contact dintr-o dată, pagina va fi supraîncărcată și va fi dificil să găsești ceva anume.

Este convenabil să ascundeți contactele în ferestre pop-up care apar atunci când faceți clic pe un anumit punct de pe hartă. Absența unei cantități mari de informații de contact pentru diferite magazine, reprezentanțe și birouri simplifică vizual pagina și facilitează navigarea.

Cu toate acestea, există modalități mai interesante de a folosi o mică bucată de spațiu liber în interiorul unei ferestre pop-up de pe hartă!

Pe site-ul holdingului de restaurante Ginza Project, puteți comuta patru blocuri de informații într-o fereastră pop-up: adresa restaurantului, numărul de telefon, programul de funcționare și cea mai apropiată stație de metrou.

Pe site-ul Leto Bank, într-o fereastră pop-up de pe hartă, puteți evalua activitatea sucursalei pe o scară de 5 puncte.

Pe site-ul bazei de flori „Totul într-un pachet”, pe lângă adresa, numărul de telefon și orele de funcționare, în fereastra pop-up sunt și fotografii ale fiecărui depozit.

În ferestrele pop-up de pe harta rutei către centrele de învățare a limbilor străine J&S există un buton de apel online, un link către grupul VKontakte și mai multe fotografii. Și, de asemenea, un astfel de „set standard” ca adresa, numărul de telefon și orele de funcționare.

Postează o fotografie cu intrarea în biroul companiei

Arată cum arată intrarea în biroul companiei. Mai ales dacă nu aveți propriul logo în fața clădirii. Este mai ușor să arăți acest lucru o dată într-o fotografie decât să le explici clienților în cuvinte de fiecare dată.

Scrieți cum să ajungeți la birou

Oferă mai multe opțiuni pentru a descrie modul în care oamenii pot ajunge la tine: pe jos, cu mașina, cu transportul public. Imaginați-vă în locul unei persoane care a coborât din ultimul vagon de metrou la stația Kaluzhskaya și s-a trezit pentru prima dată pe strada Profsoyuznaya. Unde ar trebui să meargă mai departe? În ce parte a străzii? Unde și unde ar trebui să te întorci? Povestește-ne despre asta cât mai detaliat posibil.

Instrucțiunile de orientare pot fi postate dintr-o dată sau ascunse în blocuri de informații care se deschid cu un clic de mouse.

Site-ul web al magazinului de cadouri Presentstar are instrucțiuni pentru drumeți și șoferi.

Puteți ajunge la Gazprom nu doar pe jos, ci și cu troleibuzul sau cu mașina. Descrierile plimbărilor și excursiilor la birou sunt postate pe pagina de contacte.

Pe site-ul Refinish Avtolac, descrierile modului de a ajunge la companie cu mașina sau transportul public apar făcând clic pe titlul corespunzător.

Pe pagina de contact a clinicii de reproducere MAMA există nu numai instrucțiuni pentru utilizatorii de troleibuz și mașini, ci și pentru oaspeții din afara orașului care călătoresc din gară sau aeroport. Blocurile cu texte diferite sunt comutate făcând clic pe pictogramele cu o mașină, autobuz, tren.

Atenție la texte

Nu fi plictisitor, lucrează la textele și titlurile de pe pagina ta de contact. Un titlu strălucitor va opri privirile să rătăcească pe site în locul potrivit.

Rambler spune că există multe motive pentru a-i scrie. Dar în acest loc ar putea exista o expresie monotonă precum „Lista de adrese de e-mail”.

Marca de pălării tricotate „Handy Hat” vrea să fie mai aproape de clienții săi. Vino, spune el, la noi pe VKontakte.

Pe pagina de contact a producătorului de impregnări decorative „Veres” există o frază simplă că produsele sunt prezentate în peste 300 de orașe din Rusia. În acest moment ar putea exista un titlu standard „Reprezentanții noștri”. Dar atunci nimeni nu ar ști cât de largă este geografia activităților companiei.

Plasați un link către contacte în alte secțiuni ale site-ului

„Ascuns în subsolul negru, negru, în colțul cel mai îndepărtat, printre alte o duzină de link-uri, este singurul link de pe site către pagina de contact. Pentru ca nimeni să nu o găsească cu siguranță”, este o poveste îngrozitoare despre o companie care nu a vrut să audă apeluri și să citească scrisorile oamenilor.

Dacă doriți să ia legătura cu cât mai mulți clienți, atunci faceți linkul către secțiunea de contacte cât mai vizibil. De exemplu, utilizați imagini pentru a crea link-uri.

Furnizați un link către informații de contact, acolo unde este cazul. De exemplu, scrii știri despre o prelegere viitoare susținută de un antrenor de afaceri celebru din compania ta. Este logic să completați articolul cu un link către informații de contact, astfel încât toată lumea să se poată înscrie la prelegere.

Pe fiecare pagină a site-ului web al bazei de flori „Everything in a Bundle” există un link clar vizibil către adresele depozitelor.

Am lansat o nouă carte, Social Media Content Marketing: How to Get Inside Your Followers' Heads and Make them to Love with Your Brand.

Pagina principală este îmbrăcămintea prin care site-ul este întâmpinat. Dacă nu inspiră încredere utilizatorului sau este pur și simplu incomod de utilizat, probabil vei primi un alt „refuz”. Prin urmare, astăzi vorbim despre designul paginii principale a site-ului: ce ar trebui să fie și ce ar trebui evitat, vom afla în ce constă structura clasică a resursei și cum să facem totul corect.

Cum ar trebui să fie designul paginii principale a site-ului?

Informativ, util, convenabil si placut ochiului. Asta e pe scurt. Să aruncăm o privire mai atentă.

– acesta este întotdeauna punctul de intrare. Chiar dacă unul nou provine dintr-o căutare și ajunge pe o pagină de destinație special creată, va merge totuși la pagina principală. O persoană va dori să știe ce fel de companie sunteți, ce servicii și produse aveți. Și sarcina ta este să-l ajuți cu asta.

Pe pagina principală ar trebui să indicați cu siguranță:

• Cine esti si ce faci?
• Ce oferi.
• De ce să te aleg pe tine în locul oricărei alte companii

În plus, trebuie să aveți grijă de componenta vizuală atractivă și de ușurința în utilizare. Un site care arată ca un extraterestru din 2004 nu va inspira încredere, pentru că exemplele contrare sunt un ban pe duzină. De ce să cumpărați o mașină veche dacă, toate celelalte lucruri fiind egale, puteți cumpăra una nouă?

Situația este similară cu ușurința în utilizare. Dacă o persoană nu înțelege imediat unde să meargă, acest lucru va provoca cel puțin iritare. Totul ar trebui să fie cât se poate de evident și simplu, dar de bun gust.

Cum să proiectați pagina principală a unui site web: să o privim în detaliu

Să luăm ca exemplu structura clasică a site-ului web. În general, o pagină constă dintr-un antet cu navigare, câteva blocuri de informații și. Să ne uităm la fiecare element în detaliu.

Antet și navigare

Totul este simplu aici: logo-ul este plasat aici (alias un link către pagina principală), cu link-uri către. Nu ar trebui să fiți original aici, pentru că dacă vă abateți de la aspectul clasic vertical sau orizontal, riscați să derutați utilizatorul. Dacă faceți un meniu cu pictograme, furnizați-le o explicație text. Plasați „Contacte” fie în dreapta, fie mai jos, în funcție de tipul de meniu.

Antetul ar trebui să includă informații de contact de bază: număr de telefon, adresă și e-mail. Acest lucru va face mai ușor pentru toată lumea: utilizatorul nu va trebui să meargă la pagina de contact pentru a suna și a pune o întrebare despre un produs sau serviciu.

Un bun exemplu de design al antetului paginii principale a unui site web este Sberbank. Totul este simplu și corect - există un bloc separat pentru fiecare serviciu, contactele sunt integrate în antet.

Blocuri cu informații

Dacă nu sunteți Gazprom, merită să informați utilizatorul despre ceea ce faceți în general - acesta va fi primul bloc de informații. Ar trebui să vă descrie pe scurt serviciile, produsele și beneficiile.

Următorul punct sunt avantajele dvs. Asigurați-vă că îl puneți într-un paragraf separat cu propriul titlu. Este important ca un potential client sa inteleaga de ce ar trebui sa te aleaga pe tine si nu pe orice alta companie. Încercați să răspundeți la această întrebare și să o faceți cât mai concis posibil.

Structurați textul astfel încât să fie convenabil pentru cititor: folosiți titluri, împărțiți textul în paragrafe mici și așa mai departe. Dacă utilizatorul este interesat de condițiile și costul livrării, va găsi imediat informațiile de care are nevoie. Dacă vrea să citească din nou despre avantajele tale, atunci nici nu vor fi probleme.

Apel la acțiune

Designul paginii principale a site-ului ar trebui să rezolve două probleme: să atragă atenția utilizatorului asupra lucrurilor necesare și să-l conducă fără probleme la o achiziție. Prin urmare, este important să împingeți utilizatorul să ia decizia corectă la momentul potrivit. Un „Call-to-acton” – „call to action” – s-a ocupat întotdeauna de acest lucru.

Poate fi diferit. Dacă aveți un singur serviciu, atunci totul este evident - trebuie să conduceți un potențial client să-l achiziționeze, apoi „apăsați-l” cu un buton bine plasat.

Dacă există mai multe servicii, separați-le pe pagini diferite. Lăsați cel mai important pe pagina principală - cu cât un cumpărător are mai multe opțiuni, cu atât este mai probabil să se încurce și să nu aleagă absolut nimic.

Un exemplu este site-ul web Semantics. Apelul la acțiune este același pentru toate serviciile, astfel încât atenția utilizatorului nu este distrasă.

subsol

Sau . Este posibil să nu fie acolo dacă derularea infinită este activată pe pagina principală, dar în structura clasică este necesară. Toate contactele, linkurile către rețelele sociale, paginile cu posturi vacante, detalii și alte lucruri fără importanță sunt postate acolo. În subsol puteți plasa un bloc suplimentar cu contacte, iar chiar deasupra puteți face un alt buton de apel la acțiune - în cazul în care utilizatorul a decis să studieze oferta în detaliu și a ajuns la sfârșitul paginii.

Nu puneți prea mult text pe pagina dvs. de pornire, deoarece acest lucru va speria vizitatorii. Dacă nu vă puteți lipsi de o „pânză” pentru 10 mii de caractere, structurați corect textul: pentru fiecare gând sau descriere a unui serviciu ar trebui să existe un titlu, iar paragrafele nu trebuie să fie prea lungi.

Evidențiați oferte excelente

Dacă oferiți o reducere la un serviciu sau produs, plasați informațiile despre acesta mai aproape de antet. În acest fel, utilizatorul va aprecia imediat beneficiile și se va gândi să facă o achiziție, chiar dacă nu a plănuit să facă una.

Asta a făcut Svyaznoy - acțiunea este vizibilă și atrage atenția.

Folosiți imagini

Uneori, imaginea potrivită valorează cât o mie de cuvinte, deoarece conținutul vizual este mai ușor de digerat. Există o mulțime de exemple: de câte ori ați văzut fotografii de stoc cu oameni fericiți, susținute de descrieri scurte și concise ale serviciilor? Creierul conectează imediat imaginea și textul, chiar dacă persoana înțelege că totul este flirt și înșelăciune.

Nu te lauda prea mult

Evită minciuna, oamenii nu sunt idioți și înțeleg perfect atunci când iei prea mult. Nimeni nu are nevoie de o copie în stil shop-on-the-canapea, doar descrieți beneficiile și serviciile dvs. așa cum sunt.

Editează constant pagina

Testați noi variante de copiere, îndemnuri și structură. Regulile și sfaturile sunt grozave, dar nu știi niciodată ce va funcționa cu adevărat. Există o mulțime de cazuri în care acțiunile contrare logicii au dus la o creștere a conversiei. De exemplu, am citit despre un site care a crescut vânzările, îndepărtarea descrieri ale mărfurilor de pe carduri. Testați, experimentați și monitorizați performanța paginii. Principalul lucru este să faci totul cu atenție și să nu faci mișcări bruște. Mutați butonul de comandă într-o altă locație, schimbați structura antetului resursei, schimbați aspectul cardului de produs - ceva simplu și nesemnificativ poate avea un efect foarte grav.

Cum se proiectează pagina principală a unui site web din punctul de vedere al optimizării SEO

Trebuie să utilizați cuvintele cheie în mod organic. Cea mai ușoară opțiune este să le includeți în titluri. Dar acest lucru nu se poate face întotdeauna, deoarece solicitările utilizatorilor pot fi complet sălbatice. În acest caz, redactorul va trebui să încerce să se asigure că textul este pentru oameni, și nu pentru roboți de căutare.

Rezultate

Designul paginii principale a site-ului este important. Dacă arată rău sau este incomod pentru utilizator, acesta nu va zăbovi în resursă, cu atât mai puțin va cumpăra ceva. Prin urmare, nu este nevoie să reinventăm roata - uneori lucrurile familiare funcționează cel mai bine. Nici nu ar trebui să creați un site web șablon, dar trebuie să fiți mai atenți la experimente. Faceți structura familiară utilizatorului, umpleți pagina cu informații utile și adăugați ceva propriu - rețeta este universală și lasă mult loc pentru creativitate.

Articolul folosește imagini de Dmitry Mirolyubov.