Dit zijn de belangrijkste onderdelen van een webpagina

delen van een webpagina

Onder de verschillende diensten die u als grafisch ontwerper kunt aanbieden, is de webdesign Het is een van hen. Om het echter goed te doen, moet u eerst weten wat de onderdelen van een webpagina zijn.

In dit artikel We gaan je alles leren wat je moet weten over het web focussen op de elementen waaruit het bestaat, zodat u veilig kunt werken als een klant u vraagt ​​om een ​​website te ontwerpen.

Wat zijn de onderdelen van een webpagina?

code van een webpagina

We beginnen met de gemakkelijkste en dat is om te praten over de onderdelen van een webpagina, of wat hetzelfde is, de structuur. En als je erg nieuwsgierig bent en veel op internet surft U zult hebben gemerkt dat er veel soorten pagina's zijn, en sommigen gebruiken de ene structuur en anderen een andere.

Daar moet dus rekening mee worden gehouden afhankelijk van de structuur of de distributie van de inhoud, heb je verschillende delen van een webpagina. Wacht, we leggen het beter uit.

Wanneer een pagina is gericht op de webstructuur, de samenstellende delen zijn:

  • Header (of beter bekend als header).
  • Lichaam (of beter bekend als lichaam).
  • Voettekst (of voettekst).

Deze structuur is voornamelijk degene die blogpagina's of iets dergelijks hebben, aangezien dit nieuws wordt bijgewerkt en op de hoofdpagina verschijnt.

De overgrote meerderheid van de websites van bedrijven, online winkels, enz. zijn verschillend en zijn gebaseerd op a distributie van inhoud. In dit geval kunnen we het volgende als onderdelen van een webpagina hebben:

  • Home (dit zou de homepage van de pagina zijn).
  • Producten en/of diensten (product- of dienstcategorieën, elk met een eigen aparte pagina).
  • Blog (waar je de artikelen of updates hebt die op de pagina staan).
  • Contact.
  • Privacybeleid, cookies, juridische kennisgeving...

Wat er in elk van hen zou moeten worden geplaatst, zou anders zijn, dus het is handig dat we vanaf daar beginnen.

Welke delen van een webpagina vormen een op structuur gebaseerd web

vector van een computerscherm met een web

Laten we beginnen met het eerste geval, een web gericht op de structuur, en dat bestaat uit:

  • Hoofdeinde.
  • Lichaam.
  • Voettekst.

hoofd

De koptekst, of koptekst, is de bovenaan een pagina, wat wordt gezien aan het begin van het invoeren en daarom zullen we de naam van de pagina vinden (bedrijf, merk, service...). Het wordt herhaald op alle pagina's van dat web, omdat het, laten we zeggen, de universele koptekst is voor het hele web.

En welke items heeft het? Welnu, degenen die meestal worden geplaatst, zijn de volgende:

  • Site-logo. Soms blijft er in plaats van het logo alleen een tekst over. Of je kunt beide plaatsen.
  • Website beschrijving. Vooral in blogs is het een kleine beschrijving van wat het web doet (wat het doet, waarvoor het is geboren...). Dit wordt steeds vaker verborgen.
  • Navigatie menu. Als u bijvoorbeeld wilt dat ze naar de contactpagina gaan, naar een specifieke categorie...
  • Zoekvak. Dit is meer optioneel, maar het is een zoekmachine die zo is geplaatst dat mensen op trefwoorden kunnen zoeken naar wat er mogelijk op het web staat.

Afhankelijk van waar de pagina voor is, kun je meer of minder elementen gebruiken, maar in principe zijn de minima aanwezig.

Lichaam

De body, of body, zouden we kunnen zeggen dat dit het belangrijkste onderdeel van een website is, omdat daar de belangrijkste inhoud van zal staan.

Hier er is geen gids zodat je weet wat er zou moeten zijn, omdat elke website anders is en uw klant er misschien veel of heel weinig op wil hebben. A, de beste met één kolom aan de rechterkant, een ander met twee kolommen, en weer een ander wil geen kolommen.

Hieraan moet worden toegevoegd het feit dat elke webpagina zal van elkaar verschillen. De start van uw website heeft bijvoorbeeld niets te maken met de contactpagina. Of met de pagina over mij (of over het bedrijf).

Afhankelijk van de pagina waarop u zich richt (binnen een website) zult u de ene of de andere inhoud moeten plaatsen. Maar in bijna allemaal is er meestal tekst + afbeelding of video. Soms, vooral in contact en over mij, kunnen er pictogrammen voor sociale netwerken zijn (deze worden in de koptekst of in de voettekst geplaatst).

Voettekst

Ten slotte moeten we het in dit geval hebben over de voettekst. Het is het deel dat het web beëindigt en onderaan staat.

Wordt herhaald, zoals het gebeurt met de koptekst, op alle pagina's van internet en het heeft meestal allemaal dezelfde inhoud. Welke? Welnu, dit kunnen knoppen zijn van sociale netwerken, contactgegevens, links naar juridische kennisgevingen, cookies, privacybeleid...; Paginamenu (links naar andere interne of externe websites).

Welke delen van een webpagina een op inhoud gebaseerd web vormen

vector van een computerscherm met een web

Nu u de onderdelen van een webpagina volgens zijn structuur heeft gezien, willen we dat u ziet waaruit deze bestaat als we ons baseren op de inhoud van het web.

In dit geval hebben we:

  • Begin (of thuis).
  • Producten en/of diensten.
  • Blog
  • Contact.
  • Privacybeleid, cookies, juridische kennisgeving...

Home

Ook beter bekend als home, het is de hoofdpagina van uw website, de pagina waar gebruikers terechtkomen wanneer ze op een zoekmachine klikken of de url van uw website invoeren. Dit is het belangrijkste omdat je het zou kunnen zien als "de eerste indruk" die gebruikers van je zullen hebben.

Deze heeft meestal een header die wordt herhaald in alle webs van de site, evenals het hoofdgedeelte en de voettekst. Maar daarnaast kun je andere onderdelen hebben, zoals:

  • Oproepen tot actie: wanneer u wilt dat de gebruiker iets doet (naar een andere website gaan, voor een product betalen, zich abonneren, enz.).
  • Presenteer producten of diensten (prima met tekst, afbeelding, beide, etc.).
  • aanbiedingen doen (of speciale evenementen met kortingen).
  • getuigenissen plaatsen om de reputatie te vergroten en dat je het ziet als een goede professional of bedrijf.

Producten en diensten

Het zijn pagina's die op internet zijn gemaakt meer informatie geven over de producten of diensten die u verkoopt, zodat geïnteresseerden meer te weten kunnen komen over wat je doet, hoe je het doet en, als ze geïnteresseerd zijn, contact met je kunnen opnemen. Daarom is er aan het einde altijd een oproep tot actie.

ook hier kunnen we je vertellen over de Over mij pagina, waar verteld wordt wie je bent en wat je kunt doen voor die klant die naar je toe is gekomen. Aan het einde zou een oproep tot actie worden geplaatst.

Blog

Dit is een link die ons naar de blog van die website brengt. En wees voorzichtig, want hier ja je kunt de koptekst, hoofdtekst en voettekst hiervan wijzigen. En het is dat het bijna een totaal andere website wordt (andere keren niet), zodat kan worden gezien dat het zijn functie is om regelmatig inhoud over het bedrijf of de merksector te bieden om de organische positionering te verbeteren.

Contact

Op deze pagina vindt u niet hetzelfde als op de vorige, maar het heeft zijn kop-, hoofd- en voettekst en alleen in het lichaam heb je de contactgegevens van de persoon of het bedrijf, een contactformulier (optioneel) en een kaart om te zien waar ze zich bevinden (ook optioneel).

Privacybeleid, cookies, juridische kennisgeving...

Kortom, we hebben het over pagina's die zouden moeten voldoen aan de wet in Spanje. Deze staan ​​meestal als links in de voettekst, maar zijn nutteloos voor iets anders (hoewel ze tegenwoordig verplicht zijn).

Heeft u vragen over de onderdelen van een webpagina?


Laat je reactie achter

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *

*

*

  1. Verantwoordelijk voor de gegevens: Miguel Ángel Gatón
  2. Doel van de gegevens: Controle SPAM, commentaarbeheer.
  3. Legitimatie: uw toestemming
  4. Mededeling van de gegevens: De gegevens worden niet aan derden meegedeeld, behalve op grond van wettelijke verplichting.
  5. Gegevensopslag: database gehost door Occentus Networks (EU)
  6. Rechten: u kunt uw gegevens op elk moment beperken, herstellen en verwijderen.