Cum să creezi un site web cu o singură pagină cu orice temă WordPress
Publicat: 2018-01-26Primim o mulțime de întrebări despre cum să facem un site web cu o singură pagină sau dacă vindem teme WordPress pe o singură pagină. Permiteți-mi să răspund la ambele întrebări chiar de la început. Fiecare temă WordPress poate fi un site web cu o singură pagină și vă voi arăta cât de simplu este.
Ce este un site web cu o singură pagină?
Site-ul web cu o singură pagină nu este altceva decât un site web cu tot conținutul esențial pe o singură pagină, de obicei pagina de pornire.
Este folosit mai ales de companiile care doresc să promoveze un singur produs sau un serviciu într-un mod clar și direct . Câteva exemple sunt prezentarea unui portofoliu clienților dvs., organizarea unui eveniment sau începerea unei noi afaceri.
Când vă aflați pe un site web cu o singură pagină, un clic pe linkurile de navigare nu vă va trimite la o pagină nouă, dar va sări sau va derula în jos pe aceeași pagină la secțiunea de conținut conectată cu linkul. Acest lucru poate face experiența utilizatorului mult mai bună și crește implicarea utilizatorului.
Există multe teme WordPress de o pagină disponibile online, dar așa cum am spus deja, putem transforma orice temă într-un singur pager cu doar puțină muncă.
Cum să creezi un site web cu o singură pagină cu WordPress?
Legături de ancorare
Pentru un site web de bază cu o singură pagină, avem nevoie doar de un meniu , conținut și linkuri de ancorare . Cred că știți cu toții ce fac meniul și conținutul, așa că haideți să vorbim puțin despre linkurile de ancorare. Legăturile de ancorare sunt făcute dintr-o legătură normală, care este îndreptată către ancoră și ancora în sine. Legăturile care indică ancoră sunt legături normale, care încep cu caracterul #
. Și ancora este un loc specific undeva pe pagina ta. Să aruncăm o privire la un exemplu simplu.
Acesta este linkul nostru din meniu care indică ancora:
<a href="#middle">Go to the middle</a>
Și acesta este conținutul nostru cu ancora în sine:
<h1>Learning about anchor links</h1> <p> Some lorem ipsum content ….</p> <h2>Middle of the page</h2> <p> Some lorem ipsum content ….</p>
În acest caz, #middle
este link-ul nostru de ancorare și id=”middle”
este ancora noastră. Când facem clic pe linkul „Mergeți la mijloc”, vom sări la ancora noastră cu titlul „Mijlocul paginii”. Asta e! Acesta este modul în care putem crea cel mai simplu site web cu o singură pagină. Puteți adăuga câte ancore doriți pe site-ul dvs. web. Să luăm cunoștințele noastre nou dobândite și să le folosim pe un site WordPress.
Creați linkuri de ancorare cu meniul WordPress
Doar în acest scop, am creat deja un site web simplu de o pagină cu tema noastră GrowthPress, care va fi exemplul nostru practic. În primul rând, am creat o pagină nouă și am adăugat conținut. Conținutul constă doar din câteva paragrafe și titluri. Putem adăuga ancore pe aproape orice element HTML, dar în cazul nostru, îl vom adăuga la toate titlurile din conținut.
Puteți vedea din captura de ecran că, pentru a edita HTML al conținutului, va trebui să schimbăm editorul din Visual în Text. Acum putem vedea toate etichetele HTML din conținutul nostru. În cazul nostru, toate titlurile folosesc eticheta <h2>
și le vom folosi pentru adăugarea de ancore. La fel ca în captura de ecran de mai sus, va trebui să adăugați id-ul cu ancora pe acele etichete. De exemplu: <h2 id=”our-anchor”>Some Title</h2>
. Rețineți că ancorele sunt scrise fără #
, dar toate legăturile de ancorare trebuie să înceapă cu #
. Odată ce am adăugat toate ancorele în conținutul nostru, le putem conecta cu linkuri de ancorare.
Dacă sunteți familiarizat cu WordPress, veți ști că putem schimba link-urile de meniu în wp-admin -> Aspect -> Meniuri și exact aici creăm link-urile noastre de ancorare.
Din captură de ecran, puteți vedea că am selectat Linkuri personalizate și, în loc de adresa URL clasică, am adăugat linkul de ancorare #about-us
. Un clic pe acel link va ajunge acum la id=”about-us”
din conținut. Odată ce am adăugat toate linkurile de ancorare, site-ul nostru simplu cu o singură pagină este terminat. Faceți clic pe linkurile nou create și vedeți-l singur!
Defilare lină
Da, sunt total de acord, site-ul cu o singură pagină pe care l-am făcut până acum este grozav, dar acele salturi instantanee nu sunt la fel de grozave ca derularea lină, nu? Pentru a obține o defilare lină, va trebui să adăugăm un pic de cod javascript pe site-ul nostru.
Cele mai multe dintre temele premium au un fel de câmp pentru adăugarea de cod personalizat. De exemplu, în temele noastre puteți merge la wp-admin -> Personalizare -> Opțiuni temă -> Cod personalizat, unde veți găsi câmpurile pe care le puteți utiliza pentru adăugarea unor coduri personalizate, așa cum vom face acum.
Dacă tema dvs. nu are un loc pentru codul personalizat, puteți utiliza un plugin adecvat. Aș recomanda pluginul Insert Headers and Footers de la WPBeginner. Odată ce ați activat pluginul, veți găsi câmpuri pentru adăugarea codului personalizat în wp-admin -> Setări -> Inserați anteturi și subsoluri.
Lipiți codul de mai jos într-unul dintre câmpuri (recomandăm să utilizați scripturi în setarea subsolului) și acum aveți derulare lină pe linkurile de ancorare. Felicitări! Tocmai ați creat un site web cu o singură pagină cu orice temă WordPress!
<script> ( function( $ ) { $(document).on('click', 'a[href*="#"]:not([href="#"])', function(e) { if (location.pathname.replace(/^\//,'') === this.pathname.replace(/^\//,'') && location.hostname === this.hostname) { var hashStr = this.hash.slice(1); var target = $(this.hash); target = target.length ? target : $('[name=' + hashStr +']'); if (target.length) { $('html, body').animate({ scrollTop: target.offset().top }, 1000); window.location.hash = hashStr; return false; e.preventDefault(); } } }); }(jQuery)); </script>
Codul de mai sus va anima efectul de defilare atunci când faceți clic pe un link de ancorare și va actualiza, de asemenea, adresa URL curentă a browserului pentru a reflecta linkul de ancora pe care ați făcut clic. Verificați rezultatul nostru final pe site-ul final cu o pagină.
Cum se setează offset pentru defilare lină?
În cazul în care aveți meniul lipicios fix, aș recomanda să setați și offset-ul, astfel încât începutul conținutului începe sub meniul lipicios. Pentru a realiza acest lucru, va trebui să editați această linie de cod:
$('html, body').animate({ scrollTop: target.offset().top}, 1000);
Singurul lucru pe care trebuie să-l facem aici este să adăugăm o valoare a compensației noastre. Ar trebui să fie cel puțin la fel de mare ca înălțimea meniului fix.
$('html, body').animate({ scrollTop: target.offset().top - 180 }, 1000);
Astfel, vom evita o problemă în care începutul conținutului dvs. se ascunde în spatele meniului.
Avantajele site-urilor web cu o pagină
Acum că știți cum să creați un site web cu o singură pagină, să trecem peste avantajele utilizării unui site web cu o singură pagină.
Site-urile web cu o singură pagină oferă o experiență mai bună pentru utilizatorul mobil
Site-urile web cu o singură pagină constau dintr-o singură pagină cu derulare lungă, perfectă pentru vizualizarea pe mobil. Gândiți-vă la Facebook și la fluxul său de știri. Nu te poți abține decât să continui să defilezi mai departe în gaura iepurelui. Un site web cu o singură pagină este conceput pentru a face exact acest lucru, iar derularea continuă se pretează perfect pentru dispozitivele mobile.
Având în vedere cantitatea limitată de spațiu pe ecran pe dispozitivele mobile, este mult mai ușor să continuați să derulați în jos decât să vă dați seama unde se ascunde meniul și apoi să faceți clic pe linkul corect pentru a ajunge la următoarea pagină a site-ului dvs. Cu alte cuvinte, un site web cu o singură pagină va oferi o experiență excelentă de utilizator pentru oricine vă vizitează site-ul pe dispozitivul mobil.
Site-urile web cu o singură pagină necesită mai puțin text
Un site web tradițional, cu mai multe pagini necesită mult text, astfel încât să nu arate prea gol sau, mai rău, neterminat. Comparați asta cu site-urile cu o singură pagină care vor părea aglomerate și copleșitoare dacă aveți prea mult conținut. Ca atare, veți dori să păstrați copia la minimum și să utilizați propoziții și paragrafe scurte pentru a transmite cele mai importante informații.
Un alt beneficiu al acestei abordări este faptul că scrierea copiei poate fi una dintre sarcinile mai descurajante asociate cu lansarea unui site web. Un site web cu o singură pagină ar putea fi o alegere excelentă dacă nu aveți o copie a site-ului dvs. web complet completată.
Site-urile web cu o singură pagină funcționează bine cu imagini
Imaginile pot face minuni pentru orice tip de site, inclusiv site-uri cu o singură pagină. De fapt, atunci când utilizați imagini asociate cu efectul de paralaxă, puteți produce un efect vizual atrăgător pe site-ul dvs. web.

Chiar dacă decideți să nu utilizați efectul de paralaxă, puteți utiliza în continuare imagini în mod eficient pe un site web cu o singură pagină. Le poți folosi pentru a diferenția între diferite secțiuni, ca să nu mai vorbim de distribuirea de galerii foto sau de imagini de portofoliu.
De asemenea, puteți profita de imagini pentru a îmbunătăți SEO pentru site-ul dvs., deoarece imaginile tind să apară în rezultatele motoarelor de căutare atunci când sunt optimizate corect. Ca atare, asigurați-vă că adăugați nume imaginilor dvs. folosind titluri descriptive și adăugați etichete alt la fiecare imagine pe care o adăugați pe site-ul dvs.
Site-urile web cu o singură pagină pot stimula implicarea utilizatorilor și conversiile
Potrivit unui studiu, un site web cu o singură pagină poate duce la conversii mai mari în comparație cu omologul său cu mai multe pagini. Motivul din spatele acestui lucru este simplu: un site web cu o singură pagină este de obicei foarte concentrat și conceput pentru a-i determina pe vizitatori să ia măsuri.
Are un mesaj mai concentrat și este mai ușor să înțeleagă pentru vizitatorii tăi ce vrei să facă atunci când ajung la sfârșitul paginii.
Când aveți o singură alegere, este ușor să faceți clic pe acel buton sau să apelați la acțiune, mai degrabă decât să mergeți de la o pagină la alta, întrebându-vă ce ar trebui să faceți în continuare.
Site-urile web cu o singură pagină sunt mai ușor de navigat
De asemenea, merită menționat faptul că site-urile web cu o singură pagină sunt mai ușor de navigat. Deoarece totul este pe o singură pagină, este foarte greu să te pierzi și să îți găsești drumul înapoi la început, mai ales pe dispozitivele mobile.
Deși puteți utiliza link-uri de ancorare pentru a sări la diferite secțiuni ale paginii (așa cum se arată în acest articol), este la fel de ușor să derulați înapoi în sus sau în jos și să găsiți secțiunea dorită.
În plus, site-urile web de o pagină bine concepute conduce vizitatorul într-o călătorie care spune povestea afacerii sau a mărcii dvs. într-un mod logic.
Site-urile web cu o singură pagină facilitează țintirea unui anumit public
După cum am menționat mai devreme, site-urile web cu o singură pagină sunt concepute pentru a-i determina pe vizitatori să ia măsuri. Puteți folosi acest lucru în avantajul dvs. și vizați un public foarte specific care este gata să facă pasul următor. Conducându-i prin diferitele secțiuni ale site-ului dvs., puteți prezenta produsul sau serviciul dvs., le puteți arăta cum le rezolvă problema și le puteți oferi soluția sub forma unui apel la acțiune.
Această abordare funcționează excelent atunci când vizați un cuvânt cheie foarte specific sau un public care știe deja că are o anumită problemă și caută soluția.
Contra utilizării unui site web cu o singură pagină
Cu profesioniștii în afara drumului, să aruncăm o privire la unele dintre dezavantajele utilizării unui site web cu o singură pagină.
Va fi mai greu să analizați datele Google Analytics
Până acum, probabil știți că Google Analytics vă poate oferi o mulțime de informații utile despre vizitatorii site-ului dvs. Odată instalat pe site-ul dvs., puteți vedea ce pagini sunt populare, ce postări aduc noi vizitatori și ce pagini trebuie optimizate pentru a-i determina pe oameni să rămână mai mult timp pe site-ul dvs.
Cu un site web cu o singură pagină, sunteți limitat la o singură pagină. Vizitatorii tăi ajung pe aceeași pagină și ajung pe aceeași pagină, ceea ce face mai dificil să știi ce părți ale site-ului tău trebuie îmbunătățite. Dacă decideți să mergeți pe ruta site-ului cu o singură pagină, asigurați-vă că vă înscrieți pentru un instrument precum Hotjar pentru a obține o hartă termică vizuală a modului în care oamenii vă folosesc site-ul.
Partajarea site-ului dvs. pe rețelele sociale este mai dificilă
Cu un site web cu o singură pagină, aveți doar o singură adresă URL de distribuit pe rețelele sociale. Acest lucru poate deveni rapid repetitiv, ca să nu mai vorbim că nu oferă o mulțime de oportunități de a trimite oameni în diferite părți ale site-ului dvs. pentru a găsi răspunsuri la problema lor. Odată ce distribuiți adresa URL principală, întregul site web este partajat în loc de o anumită pagină sau secțiune, așa cum puteți face cu un site web cu mai multe pagini.
O soluție ușoară ar fi să includeți un blog pe site-ul dvs. în care puteți partaja conținut util și util, care să vă atragă publicul. Acest lucru face mai ușor să partajați site-ul dvs. pe rețelele sociale, păstrând în același timp majoritatea informațiilor condensate într-o singură pagină. .
Încărcarea unui site web poate dura mai mult
În funcție de dimensiunea site-ului dvs. cu o singură pagină și de tipul de conținut pe care îl partajați, țineți cont de faptul că ar putea dura mai mult până când site-ul dvs. web se încarcă.
În general, site-urile web cu o singură pagină tind să fie destul de ușoare, totuși, dacă aveți o mulțime de imagini care nu sunt optimizate pentru web, veți experimenta timpi de încărcare lenți. Același lucru este valabil și dacă aveți mult conținut video pe site-ul dvs.
Ca atare, este important să salvați imaginile în formatul adecvat, precum și să le comprimați dimensiunea înainte de a le adăuga pe site. Un alt lucru de luat în considerare este folosirea încărcării leneșe pentru imagini și videoclipuri pentru a le face să se încarce atunci când utilizatorul derulează în jos la acea anumită secțiune a site-ului dvs. în loc să le încarce imediat.
Sunteți limitat cu direcționarea prin cuvinte cheie
Un site web cu o singură pagină nu vă va oferi multe oportunități de a viza mai multe cuvinte cheie. Cu un site web cu mai multe pagini, puteți avea o pagină separată pentru fiecare cuvânt cheie pe care încercați să îl vizați. Un site cu o singură pagină nu funcționează la fel.
Site-urile web cu o singură pagină, așa cum se menționează în secțiunea profesioniști, sunt concepute cu un scop și un public specific. Acest lucru se traduce de obicei în direcționarea unui anumit cuvânt cheie și a variațiilor acestuia, ceea ce înseamnă că este mai bine să creați un site web cu mai multe pagini dacă trebuie să vizați mai multe cuvinte cheie distincte.
Deși nu există nicio regulă care să spună că nu puteți încorpora mai mult de un cuvânt cheie distinct pe pagină, nu veți putea să vă optimizați pagina în mod adecvat, mai ales când țineți cont de faptul că copierea simplă funcționează mai bine cu site-urile web cu o singură pagină.
Nu poți folosi tactici SEO avansate
Vorbind despre SEO, un site web cu o singură pagină nu vă permite să utilizați tactici avansate de SEO cunoscute sub numele de siloing. Siloing se referă la practica de a structura site-ul dvs. în domenii principale de interes, astfel încât să vă puteți demonstra autoritatea în acele domenii. În termeni profani, este practica de a crea categorii și subcategorii pentru a vă organiza conținutul.
Principalul beneficiu al silozării este că deschide posibilități de clasare pentru o multitudine de cuvinte cheie și expresii cheie care acoperă aproape toate întrebările pe care le-ar putea avea un vizitator interesat, precum și toate obiecțiile posibile.
În timp ce site-urile web cu mai multe pagini excelează în acest sens, site-urile cu o singură pagină ar deveni rapid prea copleșitoare și aglomerate, lăsând publicul frustrat.
Site-urile web cu o singură pagină nu oferă detalii
În cele din urmă, datorită copierii și mesajelor scurte și concise, site-urile web cu o singură pagină ar putea să nu le ofere vizitatorilor toate detaliile necesare. Acest lucru poate duce apoi la un număr crescut de e-mailuri care solicită clarificări sau vă lasă vizitatorii confuzi.
Puteți depăși această problemă adăugând un blog pe site-ul dvs. cu o singură pagină și oferind vizitatorilor conținut mai aprofundat și răspunzând la întrebări pe măsură ce apar.
Ar trebui să utilizați un site web cu o singură pagină?
După cum puteți vedea, cu siguranță există avantaje și dezavantaje în utilizarea unui site web cu o singură pagină. Deci, de unde știi dacă un site web de o pagină este alegerea potrivită pentru afacerea ta?
Dacă tocmai ați început cu afacerea dvs. și generați o mulțime de afaceri prin gura în gură, un site web de o pagină vă permite să vă puneți afacerea online fără a petrece prea mult timp pe design și dezvoltare.
Dacă, pe de altă parte, doriți să vă concentrați pe obținerea mai mult trafic organic concentrându-vă pe SEO și dacă vă extindeți operațiunile de afaceri, atunci un site web cu mai multe pagini ar fi mai potrivit pentru dvs.
În cele din urmă, este o chestiune de preferință personală și de obiectivele tale de afaceri. Evaluează unde te afli în afacerea ta și ia notă de ceea ce încerci să realizezi. Apoi, luați în considerare avantajele și dezavantajele menționate mai sus înainte de a lua decizia finală.
Concluzie
Primim cu adevărat o mulțime de întrebări, întrebându-ne dacă avem un fel de teme de o singură pagină și cred că situația este aceeași cu alți autori de teme. Acest articol ar trebui să precizeze că toate temele WordPress pot fi utilizate și ca site-uri web cu o singură pagină și, dacă doriți, puteți schimba site-ul dvs. actual cu un singur pager în cel mai scurt timp. Am acoperit, de asemenea, avantajele și dezavantajele site-urilor web cu o singură pagină și am împărtășit cum să decideți dacă aceasta este alegerea potrivită pentru site-ul dvs.
Spuneți-mi dacă articolul v-a ajutat să înțelegeți mai bine site-urile cu o pagină și lăsați-mi un comentariu dacă aveți întrebări suplimentare .