Cum să reproiectezi un site web WordPress: lista de verificare supremă

Aaah, reproiectarea unui site web WordPress...

Când te gândești la diferitele probleme pe care le implică această misiune, de obicei ai tendința de a te stresa puțin.

Cine nu visează, în acest moment cheie, să facă un simplu Command + Option + Escape sau Ctlr + Alt + Del pe serverul său și să o ia de la capăt ușor?

Din păcate, reproiectarea site-ului dvs. este întotdeauna puțin mai complexă decât atât . Și o neglijență, o greșeală, o gafă se întâmplă atât de repede...

WPMarmite a dorit să vă împărtășească cele mai bune practici pentru a aborda acest mare proiect cu liniște sufletească.

Sunteți gata? În această postare, detaliez toate elementele la care trebuie să te gândești pentru a-ți reproiecta site-ul WordPress , de la strategia upstream până la lansarea online.

Cele mai bune proiecte WordPress au nevoie de cea mai bună gazdă!

WPMarmite recomandă Bluehost: performanță excelentă, suport excelent. Tot ce ai nevoie pentru un început excelent.

Încercați Bluehost

Pentru a afla cum să creați un site web WordPress de la zero, consultați ghidul nostru complet .

Cei 4 pași înainte de reproiectarea site-ului dvs. WordPress

Înainte de a pune mâna pe WordPress pentru a vă reproiecta site-ul web, va trebui să lucrați la diferite elemente structurale.

Așa e: nu credeai că vei începe fără să știi în ce te bagi?

1. Stabiliți obiectivele reproiectării dvs

Ca orice proiect, pentru a reproiecta un site web aWordPress, trebuie să ai obiective, pe care trebuie să le definești precis (fie că ești freelancer, agenție web sau webmaster neprofesionist).
Aceste obiective clare și concise sunt cele care vă vor ghida următorii pași .

Se rezumă la a vă pune următoarea întrebare: de ce doriți să vă reproiectați site-ul? Pot exista multe motive pentru aceasta:

• Schimbați designul site-ului dvs. , selectând o temă nouă sau optând pentru un generator de pagini.
• Actualizați administrarea site-ului dvs. Acesta poate fi cazul dacă pluginurile dvs. sau versiunea dvs. de CMS WordPress nu au fost niciodată actualizate, dacă există conflicte între diferite pluginuri sau dacă tema dvs. a fost modificată neregulat. Toate acestea sunt preocupări care pot afecta performanța site-ului dvs. și gestionarea zilnică a acestuia.
• Optimizați-vă SEO . Un obiectiv pe care să vă întrebați, mai ales dacă traficul dvs. a scăzut sau nu decolează, dacă experiența dvs. de utilizator este în prezent șocantă sau dacă codul dvs. HTML nu este optimizat pentru roboții Google.
• Adăugați noi funcții pe site-ul dvs. pe care designul dvs. actual nu le poate găzdui. De asemenea, poate doriți să îl faceți mai intuitiv și mai ușor de utilizat pentru vizitatorii dvs.
• Îmbunătățiți structura tehnică a site-ului dvs. web (sau comerțului electronic) pentru a-i consolida securitatea, pentru a îmbunătăți viteza de încărcare și pentru a modifica structura arborescentă.
• Migrați-vă site-ul pe alt server de găzduire web .
• Faceți mai multe vânzări , mai ales dacă aveți un magazin WooCommerce.
• Actualizați-vă site-ul cu concurența , care oferă site-uri web mai actualizate. Veți profita de ea pentru a vă îmbunătăți imaginea mărcii și reputația.

Notează, într-un document bine structurat, aceste obiective diferite. Veți vedea că acestea vor constitui elemente de structurare, pentru a vă organiza reproiectarea site-ului.

2. Structurați-vă proiectul de reproiectare

Acum că aveți o idee clară despre scopul reproiectării dvs., să vorbim despre diferiții pași care determină liniile principale ale proiectului dumneavoastră.

Creați-vă wireframes

Termenul wireframes sună un clopoțel?

Este necesară o revizuire rapidă a subiectului, deoarece acest pas este crucial.

Wireframes-urile sunt machete structurale care vă ajută să aranjați diferitele elemente ale paginilor dvs. web într-un singur document.

Ideea este într-adevăr să puneți cadrul diferitelor pagini ale site-ului dvs., să aveți o idee clară despre experiența utilizatorului pe care o veți crea.

Ți-am dat un exemplu în acest articol și iată-l din nou pentru a ilustra punctul meu de vedere:

Dacă metoda milennium hârtie + creion poate fi suficientă pentru o reproiectare ușoară, tot îți recomand să folosești un instrument digital pentru a-ți proiecta wireframes .

Acest lucru nu vă va permite doar să le modificați cu ușurință dacă este necesar, ci și să partajați aceste wireframes cu echipa dvs. (sau cu vărul dvs. care lucrează în marketing web).

Pot recomanda doar câteva instrumente pentru a face acest lucru :

• Balsamiq Wireframes : Este un software cu plată, dar versiunea de încercare gratuită de 30 de zile vă oferă mult timp pentru a proiecta wireframes bine realizate.
• MockFlow : Acesta este un instrument online freemium la îndemână. Versiunea sa gratuită vă permite să creați până la 3 pagini, pentru a începe.
• Sketch : O platformă de proiectare web colaborativă foarte puternică, cu condiția să știți cum să o utilizați corect. Oferă o versiune de încercare gratuită de 30 de zile, apoi o ofertă plătită începând de la 9 USD/lună.
• Canva : Nu este un instrument dedicat wireframing-ului, dar vă permite să vă apropiați de el datorită numeroaselor sale caracteristici. Și, mai presus de toate, are o versiune gratuită cu o mulțime de funcții.

Și în acest moment, aveți o idee mai clară despre ce să vă așteptați pentru a vă reproiecta site-ul WordPress.

Proiectarea machetelor dvs

Acolo unde wireframes-urile vă vor oferi o viziune asupra structurii paginilor dvs. reproiectate, machetele vor integra designul în sine.

Creat printr-un software de aspect de pagină (cum ar fi InDesign), aspectul paginilor dvs. web poate necesita o anumită tehnică și este un pas destul de consumator de timp.

Deci întrebarea este: chiar trebuie să creați machete grafice pentru reproiectarea dvs.? Raspunsul este simplu:

• Da, dacă doriți să vă creați propria temă . În acest caz, va trebui să vă proiectați site-ul web reproiectat de la zero și, astfel, să puteți vizualiza cu ușurință toate elementele grafice.
• Nu, dacă doriți doar să utilizați o temă existentă și să o reproiectați. O soluție mai simplă. Dar, în acest caz, asigurați-vă că vă alegeți noua temă în funcție de obiectivele dvs.
  Pentru a vă ajuta, WPMarmite are resursa de care aveți nevoie: o listă cu cele mai bune teme gratuite. Bucurați-vă!
  

Alăturați-vă abonaților WPMarmite

Obțineți ultimele postări WPMarmite (și, de asemenea, resurse exclusive).

ABONEAZĂ-TE ACUM

Gândiți-vă la noua structură a arborelui

Da, te asigur, tot vorbim de reproiectarea site-ului, nu de horticultura!

A-ți proiecta structura arborelui înseamnă să-ți imaginezi legăturile care vor exista între diferitele pagini și să te gândești la toate modurile în care un vizitator își poate găsi drumul în jurul site-ului.

Pe scurt, creând structura arborescentă, vă gândiți la diferitele căi de navigare ale utilizatorilor dvs.

Deci, cum se face?

Proiectați o structură de arbore și amintiți-vă să includeți:

• Meniul principal de navigare, precum și potențialele meniuri secundare.
• Subsolul dvs. și linkurile pe care le poate conține.
• Posibilele tale bare laterale, în special pe blogul tău.
• Diferitele categorii ale blogului tău etc.

Cu o astfel de diagramă, nu puteți uita să creați o rețea bine realizată între diferitele pagini , care va asigura o experiență de utilizator fluidă.

La fel ca wireframes, puteți crea această diagramă pe o foaie de hârtie sau puteți utiliza un instrument online precum GlooMaps sau Octopus.

Proiectarea specificației dvs

Ei bine, în această etapă, ești bine aprovizionat cu elemente de structurare. Acum este timpul să adunăm toate acestea într-un document cheie: un caiet de sarcini.

Specificația reproiectării site-ului dvs. este un document foarte extins, care vă permite să vizați diferitele așteptări pe care le aveți de a vă reproiecta site-ul.

Veți găsi pe web multe șabloane de specificații. Totuși, al tău trebuie să conțină în mod imperativ:

• O descriere a proiectului dvs. web și a companiei dvs. , precum și rolul pe care site-ul dvs. îl joacă în acest proiect.
• Publicul țintă al noului dvs. site web , descris cu precizie dacă este posibil.
• Obiectivele reproiectării dvs. , ilustrate cât mai mult posibil cu cifre. Dacă unul dintre obiectivele dvs. este, de exemplu, să vă creșteți traficul, nu uitați să specificați traficul site-ului dvs. actual.
• Elementele care trebuie recuperate de pe site-ul dvs. actual : conținutul paginilor dvs., imaginile posibile etc.
• Căile grafice pe care doriți să le urmați . Pentru a face acest lucru, integrați-vă wireframes-urile și machetele în specificațiile dvs., precum și în ghidul de stil (care vă definește identitatea vizuală).
• Noile elemente funcționale ale site-ului dvs. reproiectat, cum ar fi adăugarea unui magazin de comerț electronic, un blog, un modul de înscriere, o nouă administrare (back-office) etc.
• Etapele majore ale proiectului dvs. de redesign : când doriți să aveți o previzualizare a site-ului dvs.? Când vrei să fie live?

Acum e mult mai clar, nu-i așa?

3. Gândiți-vă la resursele de care aveți la dispoziție

Acum este timpul să trecem la treabă.

Provocarea ta, dacă o accepți, este acum să enumerați resursele pe care le aveți la dispoziție în ceea ce privește :

• Buget : cât vrei să investești în reproiectarea ta?
• Timp : cât timp aveți la dispoziție pentru a vă reproiecta site-ul WordPress?
• Abilități : aveți capacitatea de a vă atinge toate obiectivele singur?
• Instrumente : pluginuri, teme, creatori de pagini... Aceste tipuri de instrumente vă pot ajuta să vă atingeți obiectivele, chiar dacă aveți abilități tehnice limitate pentru web?

Această listă vă va permite să știți dacă va trebui să apelați la un furnizor extern sau dacă simțiți că puteți lucra independent, cu membrii echipei sau prin mijloace proprii.

Găsiți cei mai buni experți WordPress

Codeable este dedicat pentru a vă potrivi cu experți care vă pot ajuta cu orice, de la proiectarea temelor WordPress sau instalarea până la dezvoltarea de pluginuri personalizate.

Încercați Codeable

4. Creați un plan de redirecționare

„Bine, iată-ne, asta este!”

Uşor! Există un ultim pas care este prea des neglijat în timpul reproiectării site-ului tău web: crearea planului tău de redirecționare .

Lasă-mă să explic.

Adesea, în reproiectarea unui site web, vor exista modificări URL. Acest lucru va fi mai ales dacă creați pagini noi.

Dar ce se întâmplă dacă îți pui noul site online fără să te gândești să faci redirecționări? 404 erori din belșug, care vă vor afecta SEO și navigarea vizitatorilor.

Pentru a vă proiecta planul de redirecționare, nimic nu ar putea fi mai ușor. Deschideți Excel sau Foi de calcul Google și creați un tabel după cum urmează:

Odată ce site-ul dvs. este online, puteți configura pluginul de redirecționare și puteți importa acest tabel direct.

Deștept, nu-i așa?

Bine: respirați adânc și să vorbim despre reproiectarea în sine.

Accelerează-ți site-ul web cu WP Rocket

Transformă-ți site-ul într-o rachetă cu cel mai puternic plugin de cache recunoscut de experții WordPress.

Încercați WP Rocket

Cei 3 pași pentru a vă lansa reproiectarea

Deci, cum te descurci, acum că proiectul tău este bine structurat și organizat? Acești 3 pași esențiali vă vor ghida.

1. Alegeți să lucrați local sau direct pe site-ul dvs. actual

Înainte de a intra în aspectul tehnic, începeți prin a alege să lucrați:

• Fie direct pe site-ul dvs. curent și integrați modificările „în direct”.
• Sau pe serverele de dezvoltare și pre-producție , pentru a-ți testa noul site înainte de a-l oferi publicului tău.

Ce presupun aceste două opțiuni?

Lucrul online direct pe site-ul tău este barbar.

În acest caz, toți vizitatorii tăi văd schimbările în direct și acționează ca „cobai” a noilor tale funcții... cu toate erorile pe care le poate induce acest lucru.

De asemenea, rețineți că, dacă apare o eroare în timpul modificărilor, aceasta va afecta site-ul web până când veți detecta și rezolva problema. Site-ul indisponibil, funcționalitatea nu funcționează...

Pentru a evita toate aceste probleme, vă puteți reproiecta site-ul local.

Avantajele lucrului local sunt numeroase:

• Faceți modificările în siguranță.
• Testează-ți pluginurile fără riscuri.
• Aveți o previzualizare a randării finale înainte de a intra online.

Este, de asemenea, soluția ideală dacă doriți să păstrați administrarea WP așa cum l-ați configurat în prezent. Cu alte cuvinte, veți putea modifica un site web WordPress fără a-l șterge pe cel existent.

Cu toate acestea, dacă doriți să începeți de la zero, într-o administrare complet nouă, aruncați o privire asupra modului în care ar trebui să procedați pentru a instala WordPress local.

Sfatul WPMarmite : „Desigur, puteți prelua elemente de pe site-ul dvs. vechi, datorită unui plugin precum UpdraftPlus sau Duplicator. Aceste plugin-uri vă permit să importați înapoi în administrator ceea ce doriți: conținutul, temele, pluginurile, media etc.”

2. Achiziționați instrumentele de care aveți nevoie pentru reproiectare

Acum este timpul să enumerați și să obțineți tot ce aveți nevoie pentru a prelua reproiectarea site-ului dvs. WordPress.

Amintiți-vă: le-ați enumerat în specificațiile dvs.

Aceasta poate include :

• O temă nouă , dacă ți-a atras atenția una dintre multele disponibile în directorul oficial (cum ar fi foarte popularul Astra).
• Un generator de pagini , cum ar fi Elementor sau Beaver Builder, dacă doriți să evitați să puneți mâna în cod.
• Pluginuri noi , pentru a integra funcții uimitoare.

Nu sunteți sigur ce pluginuri să utilizați? Poate vei găsi ceea ce cauți în lista noastră de articole obligatorii.

Este gata cutia de instrumente? Să punem totul la punct și să trecem la ultimul pas crucial al reproiectării dvs.: conținutul.

3. Pregătește conținutul noului tău site web

În primul rând, un punct crucial de nu uitat.

În timpul unei reproiectări a site-ului web, există inevitabil conținuturi ale site-ului web anterior care pot fi recuperate.

Configurare imagini, texte, pluginuri: gândește-te!

Așadar, faceți o copie de rezervă a site-ului dvs. WordPress actual și păstrați sub secret ceea ce doriți să puneți în reproiectare.

Totuși, îmi imaginez că, dacă faci un redesign, înseamnă și pentru a modifica conținutul site-ului tău, pentru a-l face mai relevant, mai atractiv pentru țintele tale... și pentru motoarele de căutare, desigur!

Așadar, gândește-te la strategia ta SEO , atât de importantă pentru a-ți clasa bine noul (uimitor) site web.

Dacă este complex să rezumați pașii de urmat, vă pot oferi totuși liniile principale aici:

• Pe de o parte, definiți cuvintele cheie după care doriți să vă clasați . Acestea sunt expresiile pe care țintele tale le introduc spontan pe Google, pentru a găsi informațiile pe care le caută.
• Pe de altă parte, stabiliți unde trebuie să le integrați, pe fiecare pagină . Etichetele dvs. de titlu (hn) , sau textul alternativ al imaginilor, trebuie de exemplu optimizat pentru SEO: Google îi place, acolo va încerca să vă înțeleagă mai întâi site-ul!
• Odată ce aceste noi conținuturi sunt integrate în site-ul web reproiectat, puteți verifica dacă totul este bine la locul lor . Gândiți-vă în special la numele imaginilor, titlurile și meta descrierile paginilor, care sunt prea des neglijate.

Pentru a vă ajuta cu SEO pe pagină a site-ului dvs. (optimizare de conținut), bazați-vă pe un plugin SEO dedicat.

WPMarmite îl folosește pe cel mai faimos dintre ele, Yoast SEO, dar nu este singurul care este eficient pe piață. Descoperiți comparația noastră detaliată a concurenților săi în acest articol.

Un lucru duce la altul, pe serverul tău de dezvoltare, la nivel local, și cu toate instrumentele WordPress necesare, poți să-ți vezi proiectul progresând... iar lansarea online se apropie.

Cei 3 pași pentru o lansare de succes a site-ului dvs

Simt că sunteți entuziasmat de dezvăluirea noului dvs. site web WordPress în lume.

Fă-ți timp să te uiți la acești 3 pași și urmează-i cu atenție: te vei bucura că ai făcut-o, promit.

1. Alegeți un server direct de producție sau de pre-producție

Termenul „server de pre-producție” nu înseamnă nimic pentru tine? Nu vă faceți griji, să luăm o pauză rapidă pentru o definiție.

Un server de pre-producție partajează același server cu cel pe care va fi site-ul dvs. web odată ce acesta este disponibil . Dacă WPMarmite ar fi reproiectat-o, Alex ar putea, de exemplu, să aleagă să-și pună preproducția pe preprod.wpmarmite.com : acesta ar fi același mediu ca wpmarmite.com .

Deci, de ce ai folosi acest server de preprod?

• Pentru a vă valida reproiectarea cu clientul dvs., dacă sunteți dezvoltator WordPress.
• Pentru a testa erori înainte ca site-ul să fie activ.
• Pentru a vă ajusta strategia SEO, asigurându-vă că toate cuvintele cheie sunt incluse în fiecare pagină.

Odată ce toate acestea sunt validate, abia atunci puteți intra live și puteți implementa noul site web. Dacă sunteți încrezător, puteți alege desigur să treceți direct la producție.

2. Testează-ți noul site web pentru probleme potențiale

De pe serverul dvs. de pre-producție (sau live, dacă sunteți un aventurier WordPress), va trebui să vă testați noul site web.

Cheia testării cu succes a problemelor este să vă puneți în pielea unui vizitator obișnuit , să faceți clic și să notați orice probleme pe care le întâlniți...

Probabil veți vedea probleme de design și structură. Dar nu uitați să verificați și:

• Redirecționări care nu au fost făcute și generează link-uri moarte sau pagini albe.
• Performanța site-ului web , testându-l pe GTMetrix, Pingdom sau testul PageSpeed ​​Insights de la Google.
• Punctele de înscriere , verificând dacă funcționează bine.
• Formulare de contact, formulare de oferte...
• Plată , dacă aveți un site de comerț electronic (inclusiv e-mailuri de confirmare, acces la site-ul membrului...).

Totul este frumos, funcțional, bine conectat și bine pus împreună? Felicitări! Ultimul pas va spori zâmbetul mare pe care îl văd pe fețele voastre de aici.

3. Reactivați și reconectați toate serviciile terților

Hai, aproape ai ajuns!

Acum puteți reactiva toate serviciile și pluginurile legate de site-ul dvs. WordPress . Gândiți-vă în special la:

• Pluginul dvs. de cache.
• Pluginuri care folosesc Google Analytics, cum ar fi MonsterInsights.
• Pluginuri care folosesc rețele sociale, cum ar fi Facebook sau Instagram.
• Diferitele chei de licență pentru pluginurile și tema dvs.

Și pentru că securitatea este treaba tuturor (și mai ales a ta), nu uitați să reactivați toate elementele care vă securizează site-ul .

Gata de plecare? Apoi începeți să indexați noul site web în Google Search Console. Această manipulare îi obligă pe roboții Google să-ți viziteze noul copil și, astfel, să-l indexeze mai rapid în noua sa versiune.

Tadam! Reproiectat, mai performant, mai frapant, mai bine structurat, noul tau site web este pregatit sa primeasca traficul pe care il merita. A fost o muncă grea, dar a meritat, nu-i așa?

Cum rămâne cu tine, ai efectuat recent o reproiectare a unui site web WordPress?

Care sunt problemele pe care le-ați întâmpinat sau mândria pe care v-ați simțit în ea?

Povestește-ne totul despre asta în comentarii: echipa WPMarmite le citește pe toate cu atenție.