Structura site-ului web cum se procedează
Rezumatul articolului
Structura unui site are un impact uriaș asupra SEO. Proiectarea defectuoasă pune o problemă: pierderea poziționării, conținut neindexat, neînțelegerea vizitatorilor ...
Soluția este să adoptați o structură adecvată pentru site-ul dvs. cât mai curând posibil. Da, dar cum… ?
Cum se creează structura unui site web ?
Nu există nici un miracol: orice design de site-ul web trebuie să fie bine gândit în amonte. Trebuie să definiți o grămadă de elemente referitoare la structura site-ului dvs. web, nevoile utilizatorilor, probleme tehnice sau chiar strategia SEO. Toate acestea vor face parte din specificațiile site-ului, un document care va servi ca bază de lucru pentru toată lumea: dezvoltatori, integratori, graficieni, SEO-uri etc.
Și în ceea ce privește structura conținutului și rețeaua internă, o secțiune din aceste specificații trebuie să fie dedicată acestuia. Iată care sunt lucrurile cheie la care va trebui să lucrați:
Structura generală a arborelui
Înainte chiar de a vorbi despre tehnologie, trebuie să vorbim despre conținut și obiective. Acesta este bunul simț, dar prea des trecut cu vederea:
Pentru cine este site-ul dvs., pentru a satisface ce are nevoie, cu ce instrumente sau ce conținut ?
În ordine, iată punctele cheie ale structurii site-ului dvs. web:
- Ce tip de site să folosiți? Puteți opta pentru un blog, un site instituțional, un forum, un site de comerț electronic, un portofoliu ... Totul depinde de contextul dvs.
- Cum voi satisface nevoile vizitatorilor mei? Și aici resursele sunt legiune: conținut text, audio sau video, descărcări, vânzarea de produse sau servicii, deschiderea unei zone de asistență, ...
- Ce aduc mai mult decât concurenții mei ?
- Cum voi clasifica aceste instrumente și resurse?
Ultima întrebare este probabil cea mai spinoasă. Prima metodă: un stilou și un blocnotes. Încercați să acordați prioritate informațiilor dvs. Veți:
- enumerați tot conținutul (actual sau viitor) al site-ului dvs. web
- grupați-le pe categorii
- structurați-le
Nimic ca o imagine pentru a înțelege mai bine:
Problema este că această structură depinde de punctul tău de vedere. Din fericire, există două moduri de a-ți finaliza și perfecționa munca:
Metoda de sortare a cardurilor și persoane
Metoda de sortare a cardurilor implică ajutor extern. Pe bucăți de hârtie, veți scrie titlul conținutului dvs. Apoi rugați pe cineva să le grupeze în categorii omogene sau chiar să le redenumiți dacă este necesar. Ați putea fi surprins de modul în care vă va structura site-ul. Pentru a reduce marja de eroare, idealul este să cereți ajutor de la 4-5 persoane (în ținta dvs.).
De asemenea, vom crea persoane, adică persoane fizice virtuale care corespund clienților și potențialilor dvs. Trebuie să indicați ce le caracterizează și de ce au nevoie. Odată ce persoanele tale au fost create, vei putea să te gândești la structura site-ului tău în funcție de specificul lor. Iată un prim exemplu:
Jacques este un brutar artizan și dorește să-și creeze site-ul. Vrea să știe cum să apară Google. Nu știe nimic despre dezvoltarea web sau SEO și are puțin timp să-și petreacă.
Și iată un altul pentru a vă ajuta să înțelegeți ce este o persoană:
Sophie este manager de marketing web pentru o companie mare și caută sfaturi și resurse pentru a-și înțelege vizitatorii și pentru a-și îmbunătăți poziționarea. Nu a fost niciodată instruită într-un instrument de analiză web sau SEO, dar știe că este important pentru dezvoltarea companiei sale.
Imaginea este preluată de pe site QualityStreet, pe care le recomand următorul articol pentru a înțelege mai bine conceptul: personae și roluri
HTML și structura
Etichete HTML
Structura unui site se bazează pe o parte tehnică. Limbajul HTML are de fiecare dată o etichetă logică pentru a vă structura elementele:
pentru a afișa codul
(întrerupere de linie) sau (spații), pentru că putem face același lucru curat în CSS.
Dincolo de codul HTML, există mai multe puncte de care trebuie să fii atent:
- Veți avea doar un singur fișier CSS pentru aspectul site-ului, un singur fișier javascript pentru a gestiona orice interacțiune și un singur script dintr-un instrument de analiză web.
- Eliminați totul între acestea: acestea sunt „comentarii” care nu sunt utile vizitatorilor sau motoarelor de căutare. Păstrați-le numai la instalarea dvs. de dezvoltare (pentru a ajuta dezvoltatorii să înțeleagă mai bine codul site-ului dvs.).
- Redarea finală a site-ului dvs. web trebuie redusă, adică comprimată cât mai mult posibil pentru a accelera timpul de încărcare
- Alungă fișierele flash pentru care nu sunt de înțeles Google
- Fișierul sitemap.xml vă va oferi acces direct la tot conținutul
- În schimb, fișierul robots.txt va bloca motoarele de căutare pentru a nu indexa anumite conținuturi nedorite (dacă aveți)
Dacă ați făcut toate acestea, veți face două teste pentru a verifica structura generală a site-ului, iar acesta se face sub Firefox. Instalați mai întâi extensia Webdevelopper dacă nu ați făcut-o deja. Mai întâi, dezactivați CSS:
Primul instrument face posibilă realizarea problemelor structurale. Fără acest aspect, ordinea și afișarea conținutului ar trebui să rămână ușor de înțeles. Dacă acest lucru nu are sens pentru dvs., site-ul sau pagina dvs. sunt prost concepute. După acest prim test, cereți afișarea planului paginii.
Acest plan de pagină trebuie să respecte următoarele reguli:
- Ar trebui să ai doarun singur titlu H1, care conține mai mulți H2, care în sine poate conține mai mulți H3 și așa mai departe.
- Dincolo de H3, etichetele de titlu sunt inutile.
- Nu există nicio obligație de a avea etichete H2 sau H3, dar este de preferat să structurați o pagină.
- Etichetele H1 trebuie să fie diferite pe fiecare pagină a site-ului dvs. (deci va conține doar numele site-ului pe pagina principală).
- Acestea trebuie să conțină cuvintele cheie legate de conținutul paginii.
- Etichetele H1 până la H6 cu siguranță nu trebuie plasate pe părțile comune ale site-ului dvs., cum ar fi „ultimele articole”, „comentarii la acest articol”, „recenzii ale clienților” sau chiar „ultimele comentarii” .