Cele mai bune practici pentru slider: Ce trebuie să știți

Publicat: 2018-04-09

Deci vrei să pui un glisor sau un carusel pe site-ul tău? Înainte de a face asta, sunt mulți factori de luat în considerare. Un glisor deplasat, prost configurat nu este doar ignorat; de fapt poate dăuna SEO și enerva vizitatorii.

Asta cu siguranță nu înseamnă că sunt proaste, doar că, la fel ca în cazul oricărei alte funcții sau plugin WordPress, ar trebui să fii sigur că îl configurați corect. Iată câteva dintre cele mai bune practici de urmat atunci când implementați glisoare pe site-ul dvs. WordPress.

Faceți-vă glisorul plăcut vizual

Alături de estetica generală, există și alți factori de luat în considerare. Relevanța generală a glisorului, locația pe pagină și chiar și secvența imaginilor sunt toate aspectele vizuale importante de luat în considerare.

Nu te complica

Mai ales dacă activați redarea automată, este extrem de important ca diapozitivele să fie simple, eficiente și să ajungă la obiect. Acest lucru nu se aplică doar textului; cu excepția cazului în care utilizați un glisor ca galerie pentru arta sau fotografia dvs., utilizați imagini curate și neaglomerate.

Nu-l proiectați ca pe un anunț

Datorită reclamelor intruzive, mulți oameni dezvoltă „orbirea bannerului” - și un glisor greșit, proiectat prost poate fi supus acestui fenomen. Evitați orice sfat de design pe care l-ar urma un agent de publicitate, în special tacticile folosite de cele mai enervante reclame.

Aceasta înseamnă că nu utilizați lumini intermitente, culori plat stridente, fonturi Impact și similare și alte tehnici care vă distrag atenția. Chiar dacă caruselul tău vinde sau promovează un produs, acesta ar trebui să se integreze cu site-ul web și să arate natural. Poate doriți ca oamenii să se uite la glisoarele dvs., dar aceste tactici agresive provoacă contrariul.

Faceți glisorul dvs. util și relevant

Fiecare glisor pe care îl plasați ar trebui să aibă un scop clar. Îți prezintă fotografia? Dirijați utilizatorii către anumite părți ale site-ului? Explicați despre ce este site-ul dvs.? Încercați să promovați un produs? Atrageți utilizatorii?

Și puneți-vă caruselele în zona potrivită. Amplasarea unui glisor este unul dintre cei mai importanți factori în ceea ce privește dacă va fi observat sau uitat. Asigurați-vă că nu este îngropat în conținutul paginii dvs. sau plasat la întâmplare. Ar trebui să fie undeva strategic și vizibil, cum ar fi într-o bară laterală, în partea de sus a paginii sau sub o postare pe blog. Chiar și subsolul poate fi un loc bun pentru a pune un glisor.

Alegeți cu atenție secvența de diapozitive

Nu presupuneți niciodată că un vizitator va rămâne în jur pentru a vedea fiecare diapozitiv. Alegeți-vă secvența cu mare atenție. Primele diapozitive ar trebui să încerce să atragă și să intereseze utilizatorul, dar dacă acest lucru nu reușește, măcar asigurați-vă că vă exprimați punctul de vedere.

Cu toate acestea, aceasta nu este o scuză pentru a face celelalte diapozitive mai puțin eficiente. Indiferent pe ce diapozitiv se întâmplă să facă clic pe cineva, toți ar trebui să-și servească scopul: să vorbească despre compania ta, să prezinte fotografii grozave și așa mai departe.

Faceți-vă glisorul utilizabil

Regula cardinală a glisoarelor: trebuie să fie ușor de utilizat și să nu provoace enervare vizitatorilor. Există multe moduri în care puteți face un carusel mai accesibil, de la optimizarea pentru un public mare care utilizează dispozitivele mobile până la ajustarea cu atenție a timpului de rotire a diapozitivei.

Luați în considerare dezactivarea redării automate

Mișcarea poate fi distragerea atenției sau enervante pentru unii utilizatori. Pe postările de blog sau pe o bară laterală care urmărește utilizatorii pe tot site-ul, dezactivați întotdeauna redarea automată; distragerea atenției vizitatorilor în timp ce ei încearcă să citească nu este niciodată o idee bună.

Cu toate acestea, în unele cazuri, este posibil să doriți ca caruselul să fie ceea ce toți vizitatorii îi acordă atenție sau poate fi important ca aceștia să vadă mai multe diapozitive. Când decideți dacă să mențineți redarea automată activată sau dezactivată, luați în considerare locația, conținutul și intenția glisorului.

Creșteți timpul dintre rotații

Dacă este necesară redarea automată pentru designul dvs., asigurați-vă că diapozitivele nu trec prea repede, mai ales dacă implică text. Este frustrant când un glisor avansează înainte să fii gata. Optimizați pentru un ritm lent de lectură; mai bine un carusel lent, dar bine proiectat decât unul care împinge cât mai multe diapozitive posibil în zece secunde.

Optimizați opțiunile de navigare

Nu este nimic mai enervant decât să dai clic pe o săgeată de navigare și să faci prezentarea în avans în acel moment, forțându-te să sări peste un diapozitiv. Întreruperea la trecerea mouse-ului sau la navigare este o caracteristică pe care mulți se așteaptă. Glisoarele Soliloquy au această funcție și ar trebui să fie activată pe majoritatea caruselelor pe care le creați. Dacă alegeți să păstrați redarea automată, acest lucru este necesar.

Între timp, caruselele care avansează singure, fără nici un balon de navigare sau un buton de pauză, pot irita mulți utilizatori, deoarece vor trebui să aștepte ca întregul ciclu să se termine doar pentru a găsi acel diapozitiv. Asigurați-vă că adăugați comenzi de navigare și la glisor.

De asemenea, ar trebui să luați în considerare comenzile de navigare foarte mari , mai ales dacă aveți o audiență mobilă considerabilă sau în vârstă.

În cele din urmă, pe caruselele cu multe imagini, luați în considerare includerea miniaturilor , astfel încât utilizatorii să poată naviga cu ușurință la diapozitivul dorit.

Evitați deteriorarea SEO

Un glisor configurat greșit este un glisor care nu este adecvat pentru motoarele de căutare. Din fericire, multe măsuri care fac site-ul dvs. web și caruselul său SEO-friendly le fac, de asemenea, mai ușor de utilizat! Aceste practici sunt cele mai importante de urmat.

Receptivitatea în primul rând

Dacă utilizați un plugin de glisare, cel mai probabil nu va trebui să vă faceți griji cu privire la receptivitatea acestuia. Cu toate acestea, această parte este crucială. Testați pentru a vă asigura că textul și imaginile arată grozav pe toate dispozitivele. Modificați dimensiunea butonului, înlocuiți imaginile neclare; orice trebuie să faci pentru un slider mobil frumos.

Asigurați-vă că glisarea este activată și. Utilizatorii de dispozitive mobile se vor aștepta ca gesturile de glisare să funcționeze pentru elemente precum glisoarele și, dacă nu este cazul, poate provoca supărare.

Design pentru accesibilitate

Deși ar trebui să vă proiectați întregul site web ținând cont de accesibilitate, glisoarele ar trebui să fie create în acest fel. Nu numai că ajută persoanele cu dizabilități să se deplaseze, ci tinde să îmbunătățească SEO.

Câteva exemple de design bun de accesibilitate includ activarea comenzilor de la tastatură , evitarea defilării automate sau oprirea în anumite condiții și asigurarea faptului că textul are suficient contrast.

Creați o imagine mare erou Slider

O tactică inovatoare este să înlocuiți o „imagine erou” sau un banner pe pagina de destinație care explică despre ce este vorba despre site-ul dvs. web, cu un glisor animat. Această tehnică are avantajele și dezavantajele ei. Un carusel poate fi la fel de eficient ca o imagine standard de erou, dar trebuie implementat cu atenție.

Dacă decideți să puneți un glisor pe pagina dvs. de pornire, amintiți-vă că vizitatorii noi au o singură întrebare: despre ce este acest site web? Fiecare diapozitiv, singur și fără context, ar trebui să răspundă la această întrebare.

Evitați titlurile H1

Pentru motoarele de căutare, H1 acționează ca titlu al paginii. Deci, atunci când există mai multe titluri, cum ar fi într-un glisor, poate încurca motorul de căutare și poate scădea SEO. Pentru a fi în siguranță, evitați să le folosiți într-un carusel.

Evitați linkurile de navigare numai cu glisoare

Există o pagină pe site-ul dvs. care poate fi accesată doar printr-un glisor? Încercați să evitați acest lucru; este confuz atât pentru utilizatori, cât și pentru motoarele de căutare. Puteți utiliza glisoarele de link ca instrument de navigare, dar asigurați-vă că există o altă opțiune.

Crearea de cursoare eficiente

Una dintre cele mai bune practici pe care le puteți urma odată ce vă decideți să plasați un carusel pe site-ul dvs. web este să luați în considerare utilizarea unui plugin, cum ar fi Soliloquy. Mai ales dacă sunteți un nou dezvoltator web, încercarea de a crea singur un slider se poate solda cu un dezastru SEO. Un plugin este mult mai ușor de lucrat și este optimizat special pentru WordPress și motoarele de căutare.

Acum că știți câteva sfaturi despre plasarea unui glisor util, util și captivant pe site-ul dvs. web, cum plănuiți să îl utilizați? Sperăm că acest ghid v-a ajutat în viitoarele dvs. eforturi de web design. Și între timp, conectează-te cu noi pe Twitter și Facebook.

Salvați Salvați

Salvați Salvați

Salvați Salvați

Salvați Salvați

Salvați Salvați