Cum să vă reproiectați site -ul WordPress (și să vă păstrați SEO)

Redesignările site -ului pot fi atât interesante, cât și provocatoare pentru întreprinderi. Nu există o cantitate mică de speranță ridicată pentru reproiectare, cu toate acestea, aceasta este o întreprindere monumentală. O reproiectare vă poate rezolva problemele existente, oferindu -vă șansa de a dezbrăca un site și de a -l construi din nou.

Luați -l de la cineva care a făcut o mulțime de reconstrucții WordPress - merită, dar cu siguranță necesită ceva de lucru.

De ce să vă reproiectați site -ul?

Este necesară o reproiectare atunci când site -ul dvs. se simte blocat. Acest lucru vine în mai multe forme diferite, dar iată câteva care garantează o schimbare mare:

Dacă ați dat din cap din cap, da la oricare dintre acestea, o reproiectare ar putea fi în interesul dvs. cel mai bun.

Pași pentru reproiectarea unui site WordPress

Există un proces nepriceput pentru orice reproiectare a site -ului. Dar, în mod surprinzător, vă recomandăm să începeți cu un plan.

1. Planificați -vă nevoile de reproiectare

Stabilirea obiectivelor este o parte importantă a unei reproiectare a site -ului web. Este prea mare un proiect pentru a pluti fără scop. Gândiți -vă la ceea ce doriți să obțineți realist.

Obiectivele comune pentru o reproiectare a site -ului web includ adesea lucruri precum:

• Scorurile mai bune de bază web (site -urile mai rapide sunt mai bune pentru toată lumea)
• Rate de conversie îmbunătățite (fie că este vorba de trimiteri de formular, achiziții de produse sau orice altă acțiune cheie pe site -ul dvs.)
• Implicarea îmbunătățită a utilizatorilor, măsurată de lucruri precum timpul de locuit și ratele de respingere
• Crearea unui sistem de proiectare scalabil care simplifică crearea de conținut viitoare
• Adăugarea de noi funcționalități pentru a îmbunătăți experiența utilizatorului (cum ar fi recenziile clienților, o verificare mai rapidă, o modalitate mai bună de a afișa video sau o navigare mai ușoară)

Unele dintre aceste obiective, cum ar fi scorurile de bază ale vitalelor web sau ratele de conversie, sunt ușor măsurabile prin urmărirea valorilor. Alții, cum ar fi crearea unui sistem de proiectare mai bun, ar putea fi mai mult despre realizarea unui anumit sentiment sau a unui nivel de eficiență. Important este să vă asigurați că obiectivele dvs. sunt bine definite și scrise înainte de a începe.

2. Creați un site de stadializare

Nu lucrați niciodată pe un site live. În schimb, configurați un site de stadializare. Utilizați instrumentele dvs. de găzduire pentru a vă clona site -ul WordPress. Dacă nu faceți acest lucru, riscați să vă rupeți site -ul, în timp ce vizitatorii încearcă să -l acceseze. În plus, un site de stadializare își asumă presiunea, menținând site -ul dvs. actual. De asemenea, nu recomand să utilizați o pagină în construcție pe un site live, cu excepția cazului în care site-ul original este un net-negativ. Așteptați până când site -ul reproiectat este gata.

SiteGround oferă una dintre cele mai ușoare moduri de a crea un site de stadializare de pe site -ul dvs. web existent.

Un site de punere în scenă este o clonă a site -ului dvs. web care „trăiește” pe o adresă URL temporară. Este complet separat de site -ul dvs. live, deci nu există nicio interferență între cele două.

Pe site-ul dvs. de punere în scenă, veți dori să-l dedați temporar, astfel încât Google să nu-l observe până nu îl împingeți ca site-ul dvs. live. Pentru a face acest lucru, accesați „Setări> Lectură ”, apoi bifați caseta care spune: „ Descurajați motoarele de căutare din indexarea acestui site .” Veți confunda Google dacă îl lăsați să vă indexeze site -ul de stadializare, pe lângă site -ul dvs. live.

3. Păstrați SEO și detalii tehnice

O reproiectare vă poate afecta SEO -ul. Motoarele de căutare își creează indexurile pe baza structurii site -ului existent. Schimbarea prea mult va determina Google să renunțe la paginile din indicele său și să înceapă din nou procesul. De aceea, recomand să efectuați un audit complet al site -ului dvs. existent. Utilizați Google Search Console pentru a identifica pagini performante, erori de târâre și clasamente de cuvinte cheie. Exportarea acestor date vă va ajuta să stabiliți repere pentru a compara site -ul dvs. reproiectat și vă va împiedica să schimbați prea mult fundamentele site -ului dvs. web.

Asigurați -vă că faceți fiecare dintre acestea pentru fiecare reproiectare:

1. Păstrați adresele URL existente. Urmăriți fiecare pagină și postați pe site-ul dvs. web, inclusiv paginile construite de CMS (gândiți-vă la taxonomii și paginile de stocare). Îmi place să am o foaie de calcul a tuturor acestora. Puteți să vă uitați la sitemap -urile dvs. pentru 95% din paginile site -ului dvs.
2. Configurați 301 redirecții pentru orice pagini cu o schimbare URL (foarte importantă - unele pluginuri vor face acest lucru automat).
3. În ceea ce privește 301, păstrați -vă intacte redirecțiile anterioare. De asemenea, s -ar putea să doriți să curățați orice 301 necesar (404 nu sunt rele, dar utilizați un 301 dacă o pagină se mișcă).
4. Migrați -vă etichetele de titlu și meta -descrierile. Puteți să le schimbați, dar cu siguranță nu doriți să le pierdeți dacă nu.
5. Păstrați orice schemă suplimentară utilizată pe paginile dvs. (mai mult decât ceea ce este creat în mod implicit din pluginul SEO). Este o durere să recreezi schema atunci când pur și simplu ai uitat să o salvezi (folosește și foaia de calcul pentru asta).
6. Păstrați -vă structura de rubrică intactă, deoarece motoarele de căutare o folosesc pentru context. Ai voie să faci modificări de conținut, dar știi doar că ar putea afecta SEO -ul tău anterior.

Seo este adesea o gândire ulterioară cu reproiectări. În timp ce SEO poate fi unul dintre ultimele lucruri pentru care optimizați un nou site web (în rațiune), ar trebui să fie unul dintre primele lucruri la care vă gândiți la o reproiectare . Dacă site -ul dvs. web existent primește traficul curent, nu doriți să vă întoarceți un pas (sau mai multe).

4. Utilizați Divi pentru reproiectarea dvs. WordPress

În timp ce schimbarea unei teme poate schimba drastic un site web, veștile bune sunt că toate media și CPT -urile dvs. rămân intacte. Imaginile și videoclipurile încărcate vor avea aceeași cale URL ca în cazul oricăror tipuri de postări personalizate pe care le-ați construit (deși buclele de interogare și elementele de pe pagină vor trebui reconstruite, iar paginarea dvs. s-ar putea schimba). Acest lucru ar trebui să vă ofere mai multă încredere cu o reproiectare, deoarece nu porniți de la zero.

Acum, aveți sute de opțiuni atunci când alegeți o temă pentru o reproiectare WordPress. Cu toate acestea, nu există niciunul mai bun pentru proiectarea de fapt a unui site web decât Divi. Nu am văzut un constructor de pagini pentru WordPress să ofere utilizatorilor ca multe opțiuni de proiectare (indiferent dacă sunt sau nu un începător sau cineva foarte priceput în CSS).

Divi este o mașină de design și, dacă vă angajați cu adevărat la o reproiectare , vă sugerez să nu alegeți un instrument care să vă împingă într -un alt blocaj de proiectare . În primul rând, Divi este un instrument de proiectare. Asta înseamnă că are fiecare caracteristică și funcție de care aveți nevoie pentru a vă reconstrui noul site web.

Dacă aveți nevoie de ceva mai mult ajutor, Divi are site -uri de pornire care sunt proiectate de echipa noastră de designeri web profesioniști. Puteți utiliza, de asemenea, constructorul nostru de site-uri AI încercat și adevărat pentru ceva mai personalizat. Cea mai bună parte a ambelor opțiuni este că fiecare design este conform Divi, ceea ce înseamnă că totul este editabil în cadrul editorului Divi.

Pe un buget restrâns? Divi este de fapt printre cele mai accesibile instrumente de design web de pe piață. Obțineți un instrument de proiectare cu drepturi complete, stocare în cloud, asistent AI, suport VIP (și mai mult decât sunt dispus să împletesc această propoziție) pentru 7,42 USD pe lună.

Obțineți divi pentru reproiectarea dvs.

5. Proiectați -vă paginile și șabloanele

Începeți prin a vă configura culorile și fonturile globale . Puteți stabili paleta principală de culori și perechile de fonturi chiar în opțiunile tematice DIVI sau în personalizarea temei WordPress.

În continuare, începeți să lucrați cu sistemul presetat al Divi. Presetările creează stiluri de design reutilizabile pentru toate elementele comune ale site -ului dvs. web. Gândiți -vă la lucruri precum butoane, rubrici, diferite stiluri de text, câmpuri de formă și așa mai departe. Presetările sunt cruciale pentru asigurarea consistenței proiectării pe întregul site. Încep cu o pagină cu elemente pe care știu că le voi folosi pe întregul site - le cum ar fi să înceapă cu pagina lor de pornire pentru asta.

Apoi, lucrați pe șabloanele de antet și subsol folosind constructorul de teme Divi. Creați șabloane globale de antet și subsol, care vor fi aplicate pe întregul dvs. site web (sau pe secțiuni specifice, dacă este necesar). De asemenea, creați orice șabloane de pagină dinamice necesare. Șabloanele de pagini dinamice sunt utilizate pentru conținut care se aplică automat unui șablon (cum ar fi postările de pe blog, paginile de arhivă de categorie și paginile de produse).

După aceasta, mi se pare cel mai bine să termin prin proiectarea paginilor statice de bază. Începeți cu cele mai critice pagini statice, cum ar fi pagina dvs. de pornire, despre pagina, pagina de contact, pagina de servicii, etc. Pe măsură ce proiectați aceste pagini, aplicați -vă stilurile și presetările globale pentru a menține consistența vizuală. Concentrați-vă pe crearea unor machete clare cu apeluri eficiente la acțiuni pe fiecare pagină.

6. Optimizează -ți site -ul pentru performanță

Nu voi reduce acest punct, deoarece puteți citi în profunzime despre îmbunătățirea scorului dvs. de viteză Google Page și ce pluginuri ar trebui să utilizați pentru optimizarea vitezei. Iată, dar aici sunt lucruri pe care le -aș avea pe oricare dintre reproiectele mele finalizate:

Divi

O versiune anterioară a Divi 5 Alpha care a redus timpul de încărcare a paginii cu un factor de patru

Am acoperit deja modul în care Divi este o temă fantastică care nu pune limite în libertatea și controlul designului. Dar este, de asemenea, printre cele mai rapide și performante teme WordPress de pe piață. Dacă instalați Divi pentru prima dată în timpul acestei reproiectări, vă recomand să vă uitați la Divi 5 - o versiune complet reconstruită a constructorului nostru de site -uri, care este mult, mult mai rapid și care are deja mai multe caracteristici noi decât versiunea mai veche a Divi . Dacă reproiectați un magazin WooCommerce, atunci versiunea veche este cel mai bun pariu în acest moment, dar în majoritatea celorlalte cazuri, Divi 5 va fi ceea ce doriți să utilizați.

Obțineți divi pentru reproiectarea dvs.

CLOUDFLARE CDN

Cloudflare este o rețea de livrare a conținutului (CDN) care stochează și servește activele statice ale site -ului dvs. pe servere din întreaga lume, reducând că datele de distanță călătorește către utilizatorii dvs. (făcând -o mai rapidă). Am folosit adesea versiunea gratuită pentru site -uri web mai mici. Cu toate acestea, următorul instrument este ceea ce aș folosi pentru un site web de care am depins pentru veniturile afacerii mele.

Obțineți cloudflare

Nitropack

Nitropack este o platformă all-in-one pentru a face site-uri web foarte, foarte rapide. Oferă site -uri web WordPress, cache inteligentă, livrare optimizată de resurse prin intermediul propriului CDN și o optimizare impresionantă a imaginilor. De asemenea, gestionează încărcarea leneșă și convertirea imaginilor în WebP. Cu WordPress, de multe ori vă alăturați un șir de plugin-uri și instrumente terțe, dar Nitropack este cu adevărat un magazin unic. Tratează -te cu această suită uimitoare de instrumente integrate - îmi vei mulțumi mai târziu.

Obțineți nitropack

7. Urmați o listă de verificare înainte de lansare

O listă de verificare înainte de lansare este acolo, astfel încât să nu ratați din greșeală ceva. Există literalmente sute de lucruri pe care le puteți verifica, dar iată șase categorii majore de lucruri de verificat:

• Contragează tot conținutul : Verificați tipurile, erorile gramaticale și orice lucru care necesită un ochi atent pentru a prinde (îmi place să folosesc AI aici pentru a prinde anumite lucruri).
• Revizuirea imaginilor și media : Asigurați -vă că toate imaginile și videoclipurile sunt afișate corect și optimizate.
• Testare mobilă : Testați fiecare pagină pe dispozitive și tablete mobile pentru a asigura că proiectarea receptivă funcționează așa cum este de așteptat. Trăim bine în secolul XXI, așa că asigurați-vă că testați și afișări ultra-larg.
• Testare cu browser încrucișat : testați site-ul dvs. pe diferite browsere (Chrome, Firefox, Safari, Edge) pentru a asigura compatibilitatea.
• Efectuați o târâre a site-ului : dacă puteți, utilizați versiunea gratuită a SclepingFrog pentru a vă târâ site-ul și vedeți dacă trebuie să fie abordate erori evidente înainte de lansare.
• Instalare Analytics : Chiar înainte de lansare este un moment excelent pentru a configura analitice. Asigurați -vă că setați evenimente de conversie, astfel încât să puteți vedea cu adevărat cum se desfășoară site -ul dvs. reproiectat.

8. Du -te live

A sosit momentul adevărului! După ce ați testat riguros site -ul dvs. reproiectat pe mediul dvs. de stadializare și aveți încredere în stabilitatea și performanța sa, este timpul să mergeți în direct. În acest moment, ați construit ceva care funcționează bine, vă satisface utilizatorii finali și vă va îndeplini obiectivele de afaceri.

Dacă utilizați SiteGround, puteți face site -ul dvs. de stadializare în direct folosind instrumentele lor de site. La fel cum Siteground a creat mediul dvs. de stadializare cu un singur clic, acesta va schimba site -ul de stadializare în mediul live.

Este nevoie doar de câteva momente pentru a se întâmpla. Îmi place cum gestionează schimbarea URL -ului de stadializare pe întregul site în domeniul dvs. personalizat. Aceasta era o astfel de durere, dar acum este cu adevărat fără efort.

Redesignarea WordPress făcută corect

Adesea auzim utilizatorii spunând că și -au dorit să fi trecut la Divi cu ani în avans, în special cei care doresc un control mai mare al proiectării decât ceea ce oferă o temă tipică WordPress. Divi face din WordPress să reproiecteze o plăcere. Constructorul său de drag-and-drop , setările de design global și opțiunile avansate de stil vă permit să vă reproiectați site-ul web pentru a reflecta marca și obiectivele dvs. Nu tăiați colțurile și obțineți o temă WordPress, veți ajunge să înlocuiți peste câțiva ani.

Încercați divi

După ce aveți tema potrivită, concentrați -vă pe adăugarea de noi funcții pe site -ul dvs. web, menținerea (și îmbunătățirea) SEO și construirea cu viteză și receptivitate de la început.

Ia -o să plece

Redesignările sunt multă muncă, dar modul în care o facem folosind aceste instrumente le face mult mai ușoare. Vă recomandăm oricare dintre aceste instrumente de mai jos pentru găzduirea, proiectarea și optimizarea site -ului dvs.