Weboldal felépítése hogyan kell csinálni
Cikk összefoglaló
Egy webhely felépítése hatalmas hatással van a SEO-ra. A rossz tervezés problémát jelent: a helymeghatározás elvesztése, nem indexelt tartalom, a látogatók értetlensége ...
A megoldás az, hogy a lehető leghamarabb elfogadja a webhelyének megfelelő struktúrát. Igen, de hogyan… ?
Hogyan lehet létrehozni egy weboldal struktúráját ?
Nincs csoda: minden weboldal-tervezést alaposan át kell gondolni. Egy csomó elemet kell meghatároznia a webhely felépítésével, a felhasználói igényekkel, a technikai kérdésekkel vagy akár a SEO stratégiával kapcsolatban. Mindez a weboldal specifikációinak része lesz, egy dokumentum, amely mindenki számára munkaalapként szolgál: fejlesztők, integrátorok, grafikusok, referensek stb.
A tartalom és a belső háló szerkezetét illetően ezen előírások egy részét el kell különíteni. És itt vannak a legfontosabb dolgok, amelyeken dolgoznia kell:
Általános fa szerkezet
Mielőtt még a technológiáról beszélnénk, beszélnünk kell a tartalomról és a célokról. Ez józan ész, de túl gyakran figyelmen kívül hagyják:
Kinek szól a webhelye, hogy milyen igényeket elégítsen ki, milyen eszközökkel vagy milyen tartalommal ?
A sorrendben itt vannak a webhely struktúrájának legfontosabb pontjai:
- Milyen típusú webhelyet használjon? Választhat blogot, intézményi oldalt, fórumot, e-kereskedelmi webhelyet, portfóliót,… Minden a kontextusától függ.
- Hogyan fogom kielégíteni a látogatóim igényeit? Itt is a források a legion: szöveges, audio- vagy videotartalom, letöltések, termékek vagy szolgáltatások értékesítése, támogatási terület megnyitása, ...
- Mit hozok többet, mint a versenytársaim ?
- Hogyan kategorizálom ezeket az eszközöket és erőforrásokat?
Az utolsó kérdés vitathatatlanul a legszorgalmasabb. Első módszer: toll és jegyzettömb. Próbálja meg rangsorolni az adatait. Fogsz:
- sorolja fel webhelye összes (jelenlegi vagy jövőbeli) tartalmát
- csoportosítsa őket kategóriákba
- strukturálja őket
Semmi képhez hasonló, hogy jobban megértsük:
A probléma az, hogy ez a szerkezet az Ön nézőpontjától függ. Szerencsére kétféleképpen fejezheti be és finomíthatja munkáját:
A kártya rendezési módja és a személyek
A kártyák rendezési módja külső segítséget jelent. Papírdarabokra írja a tartalma címét. Ezután kérjen meg valakit, hogy csoportosítsa őket homogén kategóriákba, vagy szükség esetén nevezze át őket. Lehet, hogy meglepődik azon, hogy miként fogja felépíteni webhelyét. A hibahatár csökkentése érdekében ideális 4-5 ember segítségét kérni (a célpontban).
Létrehozunk személyeket, azaz virtuális személyeket is, amelyek megfelelnek az ügyfeleknek és a potenciális ügyfeleknek. Meg kell jelölnie, mi jellemzi őket és mire van szükségük. Miután létrehozta személyiségeit, képes lesz elgondolkodni webhelyének felépítésén, sajátosságaik szerint. Itt van egy első példa:
Jacques kézműves pék, és szeretné létrehozni a weboldalát. Tudni akarja, hogyan jelenjen meg Google. Nem tud semmit a webfejlesztésről vagy a SEO-ról, és kevés ideje van rá.
És itt van még egy, amely segít megérteni, mi a személy:
Sophie egy nagyvállalat webmarketing menedzsere, tanácsokat és forrásokat keres látogatóinak megértéséhez és pozíciójának javításához. Soha nem tanult még webanalitikai eszközről vagy SEO-ról, de tudja, hogy ez fontos cége fejlődése szempontjából.
A kép a webhelyről készült QualityStreet, amelyet a következő cikknek ajánlok a koncepció jobb megértése érdekében: személyek és szerepek
A html és a szerkezet
HTML címkék
A webhely felépítése technikai részen alapul. A HTML nyelv minden alkalommal rendelkezik logikai címkével az elemek felépítéséhez:
kód megjelenítéséhez
(sortörés) vagy (szóköz), mert ugyanazt megtehetjük tisztán a CSS-ben.
A HTML-kódon túl számos szempontra kell figyelni:
- Csak egyetlen CSS-fájlja lesz a webhely elrendezéséhez, egyetlen javascript-fájl az interakciók kezeléséhez és egyetlen szkript egy webanalitikai eszközből.
- Távolítson el mindent a kettő között: Ezek olyan "megjegyzések", amelyek nem hasznosak a látogatók vagy a keresőmotorok számára. Tartsa őket csak a fejlesztői telepítésnél (hogy a fejlesztők jobban megértsék a webhely kódját).
- Minimálisra kell csökkenteni webhelye végső megjelenítését, azaz a lehető legnagyobb mértékben tömöríteni kell a betöltési idő felgyorsítása érdekében
- Törölje a számára érthetetlen flash fájlokat Google
- A sitemap.xml fájl közvetlen hozzáférést biztosít az összes tartalomhoz
- Ezzel szemben a robots.txt fájl blokkolja a keresőmotorokat, hogy ne indexeljen bizonyos nem kívánt tartalmat (ha van ilyen)
Ha mindezt elvégezte, két tesztet fog megtenni a webhely általános felépítésének ellenőrzésére, és ez alatt történik Firefox. Először telepítse a Webdevelopper kiterjesztést, ha még nem tette meg. Először kapcsolja ki a CSS-t:
Az első eszköz lehetővé teszi a strukturális problémák felismerését. Ezen elrendezés nélkül a tartalom sorrendjének és megjelenítésének érthetőnek kell maradnia. Ha ennek nincs értelme az Ön számára, webhelye vagy oldala rosszul van megtervezve. Az első teszt után kérje meg az oldal tervének megjelenítését.
Ennek az oldaltervnek tiszteletben kell tartania a következő szabályokat:
- Csak kellett volnacsak egy H1 cím, amely több H2-t tartalmaz, amely maga is tartalmazhat több H3-t stb.
- A H3-on túl a címkék feleslegesek.
- H2 vagy H3 címkék nem kötelezőek, de célszerűbb egy oldalt strukturálni.
- A H1 címkéknek különbözőeknek kell lenniük a webhely minden oldalán (tehát csak a webhely nevét fogja tartalmazni a kezdőlapon).
- Tartalmazniuk kell az oldal tartalmához kapcsolódó kulcsszavakat.
- A H1 – H6 címkéket minden bizonnyal nem szabad elhelyezni webhelye olyan általános részein, mint például a „legújabb cikkek”, „a cikk megjegyzései”, „vásárlói vélemények” vagy akár „az utolsó megjegyzések”. .