Vaak is rond beter,…

Vormgeving als meerwaarde van een product of dienstKent U ‘m nog, die slogan van Bokma? “Vaak is rond beter, soms vierkant”. De vierkante fles van Bokma was natuurlijk niet beter, het ging om de inhoud. Vormgeving is leuk maar eigenlijk niet relevant voor dit product. Fruittella is nog zo’n voorbeeld: “Vierkant de fruitigste”.

Wat heel slim werd gedaan door de fabrikanten was: de vormgeving als “producteigenschap” neerzetten en zodoende de verpakking als een meerwaarde te gebruiken.

Vormgeving als meerwaarde van een product of dienst. In hoeverre is dat relevant voor snoep of drank? Of, om maar eens iets anders te noemen, een klok? Totaal niet! Toch speelt het een belangrijke rol – al was het alleen al omdat we deze slogans nooit meer zullen vergeten!

Vormgeving in de hoofdrol?

Eén van die gebieden waar vormgeving een hoofdrol is gaan spelen is natuurlijk op internet. Eerder al publiceerden we een bericht over ‘responsive design’. Het belang er van, maar hoe het soms ook minder belangrijk kan zijn – omdat ons inziens de doelgroep je vormgeving mede moet bepalen.

Eigenlijk is het woord hier een beetje verkeerd gekozen. Design is het ontwerp, de vormgeving, hoe ‘oogstrelend’ iets is. Formeel zegt men dan ook dat design betekent: “Industriële vormgeving, ook wel industrieel ontwerp”. Bij responsive design moet je echter meer denken aan functionaliteit. Het onderliggende systeem of de toegepaste codering zorgt er voor dat op alle schermformaten een website zich goed aanpast. Responsive design of ‘mobielvriendelijk’ zegt niets over de vraag of een website ‘oogstrelend’ is!

Een tweede, zeer belangrijke, functionaliteit die dan volgt is de “SEO” – de “zoekmachine vriendelijkheid”. Die wordt bepaald door én de responsive (mobielvriendelijke) eigenschappen én nog een aantal andere eigenschappen: goed geschreven teksten, de content goed aanbieden aan de zoekmachines, de laadsnelheid van de website.

Website SEO-vriendelijk maken

Opmerkelijk is dat je tegenwoordig veel verzoeken ziet om hulp bij het ‘SEO-vriendelijk maken’ van onder meer WordPress websites. Wat men eigenlijk bedoelt of wil is dat de website die geoptimaliseerd moet worden hoger in Google komt. Hoger in Google is een vak apart en d’r is in de sector (hand in eigen boezem) nogal eens sprake van buzz-words.

WordPress is bij uitstek namelijk al “SEO-vriendelijk”. Ik heb een aantal sites die uiteenlopend ‘geoptimaliseerd’ zijn door gebruik van SEO-plugins of andere oplossingen. Eén van die sites is totaal niet geoptimaliseerd. Géén SEO-plugin, géén “foefjes”. Het is een persoonlijke blog en ach, ik vond dat niet zo relevant toen ik die site online zette in 2006. Dat was toen ook minder relevant allemaal. Inmiddels heeft de betreffende site meer dan 1.900 pagina’s en berichten die allemaal door Google zijn geïndexeerd: niet voor niets dat die gevonden wordt! Met zoveel content gelinkt in Google (en via andere sites) is er al snel een ‘hit’ als mensen iets zoeken. Het is dus, in dit geval, ook een kwestie van tijd en content (opbouwen) geweest, relevante content. M’n persoonlijke blog heeft dan ook per jaar meer dan 200.000 unieke bezoekers.

Ook een andere site welke ik beheer is niet “geoptimaliseerd” voor Google. Beide sites draaien op Wordpress. De andere site bevindt zich in een “niche” sector en daar is de “concurrentie” minimaal. Daar komt bij dat andere sites in die sector nauwelijks moeite doen content en toegankelijkheid niet echt als speerpunt nemen.

Website ontwerpen voor computer en smartphone gebruikAndere sites die maximaal geoptimaliseerd zijn hebben het echter moeilijker qua “vindbaarheid”. Hoe kan dat verschil zo groot zijn? Uiteraard, zoals ik al aangaf, maakt het nogal een verschil in welke markt je probeert je te profileren.

Die sites zijn wel degelijk vindbaar, en zijn ook wel degelijk opgenomen in Google en Bing. Er zijn er echter nog heel veel andere die hetzelfde doen of aanbieden en dat zorgt er voor dat Google, met name, op basis van allerlei (vaak onbekende!) criteria een ranking gaat geven oftewel de resultaten van de zoekopdracht sorteert op basis van door hen vastgestelde algoritmes die niet of nauwelijks te beïnvloeden zijn. Zo is deze site, Brinkman.IT, in Google geïndexeerd. Toch zul je ons niet zo snel op de eerste pagina van Google vinden als je zoekt naar ‘domeinregistratie’ of ‘webhosting’. De concurrentie is groot (enorm groot). Maar op andere trefwoorden ‘scoren’ we prima.

De functionaliteit van een website

De functionele werking van een website is dus iets anders dan het ontwerp (de vraag hoe ‘oogstrelend’ de site is). Het hangt wel samen! De bruikbaarheid is weer iets anders dan de vindbaarheid. Allemaal aspecten waar bij een goed ontwerp van een website rekening mee gehouden moet worden.

Over het algemeen wordt voor een website ontwikkelen vaak gekozen voor een, voor de ontwikkelaar én gebruikers er van, eenvoudig te gebruiken platform als WordPress of een ander Content Management Systeem. Maar, er staat niet voor niets boven dit artikel dat “rond vaak beter is”, … Soms kun je namelijk ook kiezen voor een andere oplossing: “vierkant”. Zo maken wij bijvoorbeeld nog regelmatig websites die gewoon “in HTML gecodeerd zijn”. Veel van onze klanten doen dat ook.

Een website in HTML coderen heeft namelijk een aantal (grote) voordelen:

  • volledige, of betere, controle over de lay-out van de site;
  • laden van de website is vaak vele malen sneller dan een CMS-gebaseerde website;
  • code kan efficiënt en ‘schoon’ geschreven worden, dit in tegenstelling tot templates van veel content management systemen (die bevatten vaak veel potentiële problemen omdat de makers van themes/templates daar soms niet mee bezig zijn of geen idee van hebben!);
  • er is optimale controle over de ‘meta tags’ van de site. Dat zijn de codes die worden gelezen door de zoekmachines met daarin bijvoorbeeld trefwoorden, omschrijvingen e.d.;
  • meta-tags per pagina aanpasbaar dus toegeschreven op de inhoud van de pagina (bij bijvoorbeeld WordPress moet je daar een plugin voor installeren en configureren en niet elke plugin doet dit even goed).

Gratis software voor het maken van een websiteHet maken van een website in HTML lijkt moeilijker dan het is. Er zijn gratis programma’s voor beschikbaar zoals bijvoorbeeld Kompozer.

Ook een website gemaakt in HTML kan ‘responsive’ worden gemaakt. Zie bijvoorbeeld deze informatie.

Groot nadeel van een website gemaakt in HTML is natuurlijk dat deze “statisch” is. Dat wil zeggen: er is niet of nauwelijks interactie mogelijk met bezoekers van de site. Maar, .. als u een website maakt voor uw bedrijf, hebt u dan behoefte aan een forum, reacties op pagina’s of andere interacties met uw gebruikers? Over het algemeen niet! Is de informatie op uw (bedrijfs)website aan regelmatige veranderingen onderhevig? Of hebt u een aantal diensten en producten die de komenden maanden of jaren onveranderd blijven? Een website met een aantal informatieve pagina’s en een (eventueel) contactformulier kun je dus gewoon in HTML maken. Er is, in dergelijke gevallen, niet of nauwelijks een reden te bedenken waarom je dit met WordPress of Joomla zou moeten doen.

Het gaat om de inhoud

De verpakking, rond, vierkant.. het doet er vaak niet zoveel toe. Het gaat uiteindelijk om de functionaliteit en de inhoud. Bijvoorbeeld een fles waar drinken in zit. Of dit nou een ronde of een vierkante fles is, dat zal de gebruiker er van uiteindelijk niet uitmaken. Het gaat om het product dat er in zit. In het geval van een website: de informatie die u wilt aanbieden. Sterker nog, de verpakking (vormgeving) kan soms zelfs een belemmering zijn voor de vindbaarheid of de bruikbaarheid (hier hopen we over enige tijd nog eens op terug te komen) van een site.

Per dienst of service zult u dus moeten bepalen op welke manier u deze online brengt. Ik kan u aanraden u te verdiepen in de mogelijkheden en niet zomaar blind te varen op het advies van een webdesigner of blind te staren op de “looks” van een collega- of concurrerende website.

Zo hebben wij bijvoorbeeld recent een aparte website voor een dienst online gebracht en de website is gemaakt met HTML-code (een template, bewerkt in Kompozer) en niet eens responsive (!) gemaakt. De reden is eenvoudig: snel en goed geïndexeerd door Google, snelle website (laadtijd), en.. het publiek waar het voor bedoeld is: zakelijke en particuliere computer- en laptop gebruikers.

Veel webdesigners zullen de site ‘afkeuren’ want “niet van deze tijd!”. Geen sliders, niet responsive, wellicht zelfs “oubollig”, .. Echter, de SEO (de vindbaarheid) van de site is extreem goed te noemen. Al binnen een paar dagen stond de website op de eerste pagina van Google (variërend tussen de 1e en 7e plaats, afhankelijk van de zoekterm) en ook bij Bing op de trefwoorden waarop we gevonden willen worden.

Conclusie

Een website is geen standaard product. Er is niet één algemene succesformule om “bovenaan in Google” of “bovenaan in Bing” (zeker geen onbelangrijke speler!) te komen. En SEO-optimalisatie is er in soorten en maten. Soms is de gebruikte onderliggende methode al meer dan voldoende om zeer hoog in de zoekmachines te komen (op de trefwoorden waar u op gevonden wilt worden).

Reageren is niet mogelijk