Structura site-ului și meniul înainte de design: ce decideți înainte de prima machetă

01Structura site-ului și meniul se decid înainte de design

Structura site-ului și meniul înainte de design înseamnă că decideți ce pagini există, cum se grupează și cum se leagă între ele înainte ca cineva să deseneze prima machetă. Ordinea contează pentru că designul trebuie să servească conținutul. Dacă inversați pașii, meniul ajunge să urmeze un desen, nu nevoile vizitatorilor.

Structura site-ului este lista paginilor, gruparea lor pe secțiuni și legăturile dintre ele. Meniul este partea vizibilă a acestei structuri: linkurile pe care vizitatorul le vede pe fiecare pagină. Google confirmă că meniurile și linkurile dintre pagini pot influența felul în care motorul de căutare înțelege structura site-ului.

Structura rezistă mai mult decât designul. Șablonul, adică tema, decide doar cum arată conținutul; schimbați tema și aceleași texte și imagini se așază altfel. Codul HTML dă structura și sensul paginii, iar CSS controlează culorile, fonturile și spațierea. Păstrarea lor separată face site-ul mai ușor de gestionat și de actualizat.

Pentru un redesign, structura este capitolul pe care îl puteți scrie singuri, fără agenție. Dacă pregătiți brieful pentru refacerea site-ului firmei, puneți acolo harta paginilor și meniul propus. Agenția va desena apoi pentru o structură clară, nu pentru o presupunere.

02Ce caută vizitatorii stabilește grupurile de pagini

Grupați paginile după întrebările vizitatorilor, nu după organigrama firmei. Un client nu caută „Departamentul tehnic”. Caută serviciul de care are nevoie, prețul, zona în care lucrați sau un mod de a vă contacta.

Google definește SEO ca fiind munca prin care ajutați motoarele de căutare să vă înțeleagă conținutul. Tot SEO îi ajută pe oameni să vă găsească site-ul și să decidă dacă îl vizitează. Gruparea paginilor pe întrebări reale servește ambele scopuri.

Ca să aflați ce caută vizitatorii, adunați datele din trei locuri:

• rapoartele din instrumentul de măsurare instalat pe site-ul actual, cu paginile cele mai vizitate;
• termenii de căutare prin care oamenii ajung la voi;
• întrebările pe care le primesc zilnic vânzările și cei care răspund la telefon.

Dacă nu aveți încă măsurători bune, ghidul despre cum măsurați ce aduce site-ul, de la vizită la cerere arată ce date să colectați.

Păstrați regula „un subiect, o pagină”. Conținutul duplicat înseamnă același text afișat la adrese diferite. Google spune că acesta nu încalcă politicile sale de spam, dar poate oferi o experiență proastă. Pentru fiecare conținut, motorul alege o singură adresă de afișat, numită URL canonic. Două pagini aproape identice despre același serviciu vă împart atenția vizitatorului fără folos.

03Paginile și URL-urile existente care aduc trafic intră primele în plan

Paginile care aduc deja vizite din Google trebuie să apară în noua structură înainte de orice altă decizie. Un URL este adresa completă a unei pagini. Dacă o pagină cu trafic dispare sau își schimbă adresa fără plan, vizitele ei se pot pierde.

Google precizează că unele modificări de pe site se văd în rezultate în câteva ore, iar altele după câteva luni. Recomandarea lui este să așteptați câteva săptămâni înainte să judecați efectul unei schimbări. O greșeală de structură se poate observa deci târziu, când e mai greu de corectat.

Faceți un tabel simplu cu paginile actuale. Pentru fiecare notați vizitele, dacă rămâne, dacă se unește cu alta sau dacă dispare. Pentru fiecare pagină care rămâne, decideți unde stă în noua structură și din ce pagini primește link. Google cere ca fiecare pagină importantă să aibă link din cel puțin o altă pagină a site-ului.

La Svennis, înainte de prima machetă, punem lista URL-urilor care aduc trafic lângă harta nouă și verificăm că fiecare are o destinație și cel puțin un link intern. Când pasul acesta lipsește, vedem cel mai des pagini valoroase rămase fără niciun link din meniu sau din alte pagini.

Redirecționările și verificările de după lansare sunt explicate pas cu pas în ghidul site nou fără să pierdeți traficul din Google.

04Adâncimea structurii: câte clicuri până la paginile importante

Paginile importante trebuie să fie la puține clicuri de prima pagină și să primească multe linkuri interne. Adâncimea structurii este numărul de linkuri pe care cineva le urmează ca să ajungă la o pagină. Google poate folosi atât acest număr, cât și numărul de linkuri spre o pagină, ca să deducă importanța ei relativă.

Regula generală formulată de Google este simplă. Cu cât o pagină primește mai multe linkuri din interiorul site-ului, cu atât importanța ei relativă e mai mare. Pentru un produs sau serviciu care se vinde cel mai bine, Google sugerează link din prima pagină sau din articole de blog și newslettere.

Căutarea internă nu înlocuiește meniul. Googlebot, programul care explorează site-urile pentru Google, în general nu introduce căutări în caseta de căutare a unui site. O pagină la care se ajunge doar prin căutarea internă poate rămâne negăsită.

Uneori nu puteți lega fiecare pagină din meniu sau din categorii. Pentru acest caz, Google recomandă un sitemap, adică un fișier care conține toate URL-urile de pe site care vă interesează. Mărimea site-ului contează și ea. Google notează că la peste câteva mii de URL-uri, felul în care organizați conținutul poate influența cum explorează și indexează site-ul.

05Meniul trebuie construit din linkuri pe care Google le poate urmări

Fiecare element din meniu trebuie să fie un link HTML real, adică un element <a> cu atribut href. Documentația Google despre bunele practici pentru linkuri spune că, în general, doar astfel de linkuri pot fi urmărite. Majoritatea linkurilor în alte formate nu sunt citite de programele Google.

Problema apare des la meniurile animate. JavaScript poate crea meniuri animate și poate răspunde la apăsarea butoanelor, iar asta e în regulă. Google nu poate însă extrage sigur adrese din elemente <a> fără href. Nici alte etichete care funcționează ca linkuri prin evenimente de script nu sunt citite sigur. Recomandarea lui este directă: folosiți <a href> și nu evenimente JavaScript pe alte elemente pentru navigare.

Trei detalii merită cerute explicit de la cine construiește site-ul:

• la logo-uri sau imagini folosite ca link, Google folosește atributul alt al imaginii ca text al linkului;
• dacă textul linkului este inserat prin JavaScript, verificați cu URL Inspection Tool că apare în HTML-ul afișat;
• atributul title e doar o rezervă, folosită de Google când linkul este gol.

Puneți aceste cerințe în specificația meniului înainte de design. După ce meniul e desenat și programat, schimbarea tipului de link costă mai mult decât o propoziție în brief.

06URL-uri care descriu pagina și etichete de meniu clare

Alegeți URL-uri scurte, care spun omului ce găsește pe pagină, de exemplu /servicii/centrale-termice. Google spune că, în general, nu se uită la structura URL-urilor ca să înțeleagă structura site-ului. Adresa descriptivă îl ajută deci în primul rând pe vizitator, care o vede în bara browserului și când o primește într-un mesaj.

Structura reală o dau linkurile, nu adresele. Un URL bine ales nu salvează o pagină la care nu duce niciun link. Invers, o pagină bine legată din meniu poate fi găsită chiar dacă adresa ei nu e perfectă. Decideți totuși adresele odată cu structura, pentru că schimbarea lor după lansare cere redirecționări.

Etichetele din meniu sunt texte de link. Textul linkului, numit și anchor text, este textul vizibil al unui link. El le spune oamenilor și lui Google ceva despre pagina spre care duce. Google descrie un text de link bun ca fiind descriptiv, destul de scurt și relevant pentru ambele pagini.

„Centrale termice” spune mai mult decât „Soluții”. Nu umpleți însă etichetele cu cuvinte cheie. Google numește această practică keyword stuffing și o consideră o încălcare a politicilor sale de spam. Folosiți cuvintele pe care clienții le folosesc deja când vă sună.

07Navigarea accesibilă se planifică odată cu meniul

Navigarea accesibilă se decide la nivel de structură, nu se adaugă după design. Un meniu accesibil poate fi folosit și de oamenii care navighează cu tastatura sau cu un cititor de ecran. Un cititor de ecran este programul care citește cu voce tare conținutul paginii. Aceleași alegeri care ajută Google îi ajută și pe acești vizitatori.

HTML-ul semantic dă structură și sens conținutului. Așa conținutul devine accesibil atât motoarelor de căutare, cât și cititoarelor de ecran. Un meniu din linkuri <a href> reale, cu texte descriptive, pornește deci cu un avantaj.

Înainte de machete, adăugați în specificație aceste verificări:

• fiecare element din meniu se poate atinge și deschide doar cu tastatura;
• submeniurile nu depind doar de trecerea cu mouse-ul peste ele;
• fiecare link are un text care spune unde duce, citit singur;
• fiecare imagine folosită ca link are un text alternativ;
• ordinea elementelor din meniu urmează ordinea logică a structurii.

Cerințele legale pentru accesibilitate și ce trebuie verificat concret pe un site de firmă sunt explicate în ghidul despre accesibilitatea site-ului firmei după EAA. Structura stabilită acum face ca testele de mai târziu să găsească mai puține probleme.

08Exemplu lucrat: structura unei firme de instalații, pas cu pas

Să luăm o firmă de instalații care montează centrale termice, aer condiționat și face service. Site-ul vechi are pagini adunate în timp, cu adrese ca /pagina-12, și un meniu cu un singur element „Servicii”. Firma vrea un site nou.

1. Lista paginilor cu trafic. Firma exportă paginile cele mai vizitate. Descoperă că /pagina-12, despre service la centrale, aduce multe vizite din Google.
2. Grupurile. Din întrebările clienților ies patru grupuri: Servicii, Proiecte realizate, Despre firmă și Contact.
3. Paginile din fiecare grup. Sub Servicii apar trei pagini: Centrale termice, Aer condiționat și Service centrale. Fiecare are o singură pagină, fără variante duplicate.
4. Adresele. Paginile primesc URL-uri ca /servicii/service-centrale. Pentru /pagina-12 se planifică redirecționarea spre noua adresă.
5. Linkurile. Toate cele trei servicii apar în meniu și pe prima pagină. Serviciul cel mai cerut primește link și din articolele de blog.
6. Verificarea. După lansare, firma verifică paginile principale cu URL Inspection Tool și se uită dacă textele din meniu apar în HTML-ul afișat.

Abia după acești pași începe designul. Designerul primește lista de pagini, meniul și textele etichetelor. Discuția despre culori și fonturi nu mai poate muta pagini sau schimba meniul fără un motiv legat de vizitatori.

Cine scrie textele pentru fiecare pagină nouă este o decizie separată. Ghidul despre conținutul site-ului nou și cine îl pregătește vă ajută să o luați.

09Tabelul deciziilor de luat înainte de prima machetă

Tabelul de mai jos adună deciziile de structură pe care le puteți închide înainte de design. Pentru fiecare arată întrebarea la care răspunde și sursa datelor. Bifați fiecare rând înainte să aprobați începerea machetelor.

Un rând rămas deschis nu blochează proiectul. Notați însă cine îl închide și până când. Altfel decizia o va lua designul, fără date.

10Ce înseamnă structura site-ului pentru o firmă din România

Pentru o firmă din România, structura decisă devreme scurtează proiectul și evită refacerea machetelor. Un articol al unui furnizor de găzduire din România estimează 4-12 săptămâni pentru construcția majorității site-urilor. Pentru un site de prezentare simplu, cu 5-6 pagini, aceeași sursă estimează o săptămână. Timpul crește cu complexitatea, iar o structură schimbată după design adaugă săptămâni.

Verificați ce vede Google, nu doar ce vedeți voi. Ghidul Google pentru începători amintește că programul său de explorare pornește, în general, din SUA. Dacă site-ul arată alt conținut sau redirecționează vizitatorii după țară, asigurați-vă că informațiile văzute de Google sunt cele corecte. Asta contează mai ales când aveți o versiune în română și una în engleză.

Măsurarea nu trebuie să depindă de un singur instrument. Pentru a ști câți vizitatori ați avut și de unde au venit, puteți folosi Google Analytics. În România, o alternativă menționată în surse este platforma Trafic, care se instalează printr-un script în codul paginii. Oricare ați alege, aveți nevoie de date despre paginile vechi înainte să le mutați.

Pentru fiecare limbă a site-ului, aplicați aceleași reguli. Fiecare pagină importantă are link din altă pagină în aceeași limbă. Fiecare etichetă de meniu folosește cuvintele clienților din acea piață.

11Pașii următori pentru structura site-ului dumneavoastră

Puteți începe structura săptămâna aceasta, fără designer și fără agenție. Ordinea de lucru recomandată este următoarea:

1. exportați lista paginilor actuale cu vizitele fiecăreia;
2. adunați întrebările pe care clienții le pun cel mai des;
3. grupați paginile pe aceste întrebări și eliminați dublurile;
4. desenați harta paginilor, cu adâncimea și linkurile interne;
5. scrieți etichetele meniului și URL-urile noi;
6. adăugați cerințele tehnice: linkuri <a href>, texte alternative și navigare cu tastatura;
7. completați tabelul de decizii și atașați-l la brief.

Cu aceste documente, discuția cu agenția pornește de la conținut. Puteți cere ca fiecare machetă să arate exact paginile și meniul aprobate. Orice abatere trebuie să vină cu un motiv legat de vizitatori.

Dacă vreți să vedeți cum arată site-uri construite pornind de la structură, consultați proiectele Revylio. Apoi trimiteți-ne harta paginilor și tabelul de decizii, ca punct de plecare pentru discuție.

12Surse

• Google Search Central: SEO Starter Guide
• Google Search Central: Ecommerce Website Navigation Structure
• Google Search Central: SEO Link Best Practices for Google
• LinkedIn: Cum să construiești un site web??
• DataHost: Cât durează să construiești un website
• 789.ro: Structura unei pagini web. Între web design și SEO