Dins dels diferents serveis que pots oferir com a dissenyador gràfic, el disseny de pàgines web n'és un. Tot i això, per fer-ho bé, abans has de conèixer quines són les parts d'una pàgina web.
En aquest article t'ensenyarem tot el que has de saber sobre les webs centrant-nos en els elements que la componen perquè puguis treballar de manera segura si algun client et demana que dissenyis una web.
Quines són les parts duna pàgina web
Comencem pel que és més fàcil i és parlar-te de les parts d'una pàgina web, o el que és el mateix, de l'estructura. I si ets molt curiós i navegues molt per Internet t'hauràs adonat que hi ha molts tipus de pàgines, i unes utilitzen una estructura i unes altres una.
Per això, cal tenir en compte que, depenent de l'estructura o de la distribució del contingut, tindreu diferents parts d'una pàgina web. Espera, ho expliquem millor.
Quan una pàgina està enfocada a l'estructura web, les parts que la componen són:
- Capçalera (o més coneguda com a header).
- Cos (o més conegut com a body).
- Peu de pàgina (o footer).
Principalment aquesta estructura és la que porten pàgines de blocs o similars, ja que es van actualitzant i sortint aquestes notícies a la pàgina principal.
Ara bé, la gran majoria de webs d'empreses, botigues en línia, etc. són diferents i es basen en una distribució del contingut. En aquest cas, podem tenir com a parts duna pàgina web les següents:
- Inici (seria la home de la pàgina).
- Productes i/o serveis (categories de productes o de serveis, cadascuna amb la pàgina a part).
- Blog (on es tenen els articles o actualitzacions que es van donant a la pàgina).
- Contacte.
- Política de privadesa, cookies, avís legal…
A cadascuna el que caldria posar seria diferent, per això convé que partim d'aquí.
Quines parts duna pàgina web componen una web basada en lestructura
Anem amb el primer cas, un web enfocat a l'estructura, i que es compon de:
- Capçalera.
- Cos.
- Peu de pàgina.
Capçalera
La capçalera, o header, és la part superior d'una pàgina, el que es veu al principi d'entrar-hi i, per tant, és on trobarem el nom de la pàgina (empresa, marca, servei…). A totes les pàgines d'aquesta web es repetirà, perquè és, diguem-ne, la capçalera universal per a tota la web.
I quins elements porta? Doncs els que se solen posar són els següents:
- Logo del lloc. De vegades, en lloc del logotip es deixa només un text. O es poden posar totes dues coses.
- Descripció de la web. Sobretot a blocs, és una petita descripció del que fa la web (a què es dedica, per què ha nascut…). Això cada cop és més habitual que s'amagui.
- Menú de navegació. Per exemple, si vols que vagin a la pàgina de contactes, a una categoria concreta…
- Quadre de cerca. Això és més opcional, però és un cercador que es posa perquè les persones puguin cercar per paraules clau allò que pugui ser a la web.
Depenent de per a què sigui la pàgina podràs utilitzar més elements o menys, però bàsicament els mínims hi són.
Cos
El cos, o body podríem dir que és la part més important duna web, perquè és on estarà el contingut principal daquesta.
Aquí no hi ha una guia perquè puguis saber què hi ha d'haver, perquè cada web és diferent i el teu client pot voler moltes coses-hi o molt poques. A, el millor amb una columna a la dreta, un altre amb dues columnes i un altre no vol columnes.
A això cal afegir-hi el fet que cada pàgina de la web serà diferent entre si. Per exemple, l'inici de la vostra web no tindrà res a veure amb la pàgina de contacte. O amb la pàgina del sobre meu (o sobre l'empresa).
Depenent de la pàgina on et centris (dins d'una web) hauràs de posar un contingut o un altre. Però, en gairebé tots ells hi sol haver text + imatge o vídeo. De vegades, sobretot en contacte i sobre mi hi pot haver icones cap a les xarxes socials (o bé aquests estar posats a la capçalera o al footer).
Peu de pàgina
Per acabar, en aquest cas hem de parlar-te del peu o footer. És la part que dóna punt final a la web i és a la part inferior.
Es repeteix, com passa amb la capçalera, a totes les pàgines de la web i sol portar el mateix contingut a totes. Quina? Doncs poden ser els botons de xarxes socials, informació de contacte, enllaços a avís legal, cookies, política de privadesa…; menú de pàgines (enllaços a altres webs internes o externes).
Quines parts duna pàgina web componen una web basada en el contingut
Ara que heu vist les parts d'una pàgina web segons la seva estructura, ens falta que vegis de què es compon si ens basem en el contingut de la web.
En aquest cas, tenim:
- Inici (o home).
- Productes i/o serveis.
- Bloc
- Contacte.
- Política de privadesa, cookies, avís legal…
Inici
Més coneguda també com a home, és la pàgina principal de la teva web, aquella a què arriben els usuaris quan punxen en algun cercador o posen la url de la teva web. Aquesta és la més important de totes perquè la podries veure com «la primera impressió» que els usuaris tindran de tu.
Aquesta sol tenir una capçalera que es repeteix a totes les webs del lloc, així com el cos i el footer. Però a més de tot això, pot tenir altres parts com:
- Trucades a l'acció: quan es vol que l'usuari faci alguna cosa (anar a una altra web, pagar un producte, subscriure's, etc.).
- Presentar productes o serveis (bé amb text, imatge, tots dos, etc.).
- fer ofertes (o esdeveniments especials amb descomptes).
- Posar testimonis per augmentar la reputació i que ho vegis com un bon professional o empresa.
Productes i/o serveis
Són pàgines que es creen a la web per aportar més informació sobre els productes o serveis que vens, perquè aquells que hi estiguin interessats puguin conèixer més a fons el que fas, com ho fas i, si els interessa, es posin en contacte amb tu. Per això, al final sempre hi sol haver una crida a l'acció.
També aquí podem parlar-te de la pàgina Sobre mi, on s'explica qui ets i què pots fer per aquest client que ha arribat fins a tu. Al final, es posaria una crida a lacció.
Bloc
Aquesta és un enllaç que ens porta al bloc daquesta web. I compte, perquè aquí sí que pot canviar la capçalera, el cos i el footer d'aquesta. I és que es converteix gairebé com una web totalment diferent (altres vegades no) perquè es pugui veure que la funció d'aquesta és aportar contingut habitual sobre el sector de l'empresa o marca per millorar el posicionament orgànic.
Contacte
En aquesta pàgina no trobaràs el mateix que a les anteriors, sinó que tindrà la seva capçalera, cos i footer i només al cos tindràs les dades de contacte de la persona o empresa, un formulari de contacte (opcional) i un mapa per ubicar on són (també opcional).
Política de privadesa, cookies, avís legal…
En definitiva, parlem de pàgines que deuen complir amb la legalitat a Espanya. Aquestes solen estar al footer com a enllaços però no serveixen per a res més (encara que són obligatòries avui dia).
Et queda algun dubte sobre les parts duna pàgina web?