{"id":19510,"date":"2022-08-13T14:48:42","date_gmt":"2022-08-13T13:48:42","guid":{"rendered":"https:\/\/wpbeveiligen.nl\/?p=19510"},"modified":"2023-12-26T17:15:31","modified_gmt":"2023-12-26T15:15:31","slug":"wat-is-een-one-page-website","status":"publish","type":"post","link":"https:\/\/wpbeveiligen.nl\/wat-is-een-one-page-website\/","title":{"rendered":"Wat is een one-page website?"},"content":{"rendered":"

Een one page website = een website met 1 pagina.
\n<\/strong>Dat was het weer, bedankt voor het lezen!<\/p>\n

Toelichting 1 page website<\/h3>\n

Een one page website toont alle belangrijke informatie in 1 pagina:<\/strong><\/p>\n

    \n
  1. Introductie tot bedrijf of product<\/li>\n
  2. Enkele kernpunten<\/li>\n
  3. Mogelijk een Showcase \/ Portfolio<\/li>\n
  4. Referenties \/ Reviews<\/li>\n
  5. Een contactformulier OF contactgegevens<\/li>\n<\/ol>\n

    Soms wordt er toch nog een losse afrekenpagina aan toegevoegd, of een contactpagina.<\/p><\/blockquote>\n

    De valstrik van een One page website<\/h3>\n

    Een one page website toont alle belangrijke zaken in 1 pagina<\/strong>, die daardoor soms wat lang en onoverzichtelijk kan worden.<\/p>\n

    Hoe je de One page website toch gebruiksvriendelijk en toegankelijk kan maken voor bezoekers<\/h3>\n

    Om die pagina toch overzichtelijk te maken wordt er vaak gebruikt gemaakt van een navigatie die je rechtstreeks naar het juiste vlak op de pagina stuurt<\/strong>. De pagina scrolt dan naar de juiste positie.<\/p>\n

    \"pagina<\/p>\n

    Naar een gedeelte in de pagina schuiven middels een link, hoe werkt dat technisch gezien?<\/h3>\n

    Je geeft het gewenste onderdeel op de pagina een ID.
    \nDat kan een DIV zijn maar ook een TITEL: <div id=”over-ons”> of <h2 id=”over-ons”>
    \nDan verwijs je de link er zo naartoe: #over-ons<\/p>\n

    Simpel he!?<\/p>\n

    De voordelen van een One page website<\/h3>\n