Ja, de website was toe aan een update (lees helemaal nieuw, lol). Buiten wat wisselingen in wat ik precies wil vertellen via mijn website, is het feit dat ik een Engelse website had en nu heb gekozen weer in het Nederlands te gaan schrijven, wel reden voor een flinke website update.
Ik heb al 16 jaar mijn bedrijf en zo nu en dan wijzigen er dingen, omdat je zelf ook verandert. Afgelopen jaar is er voor mij veel veranderd door weer 3 dagen te gaan werken vanwege privéomstandigheden. Hierdoor werd ik verplicht om na te denken wat echt belangrijk voor me is en wat ik verder wil met mijn bedrijf. Als je hier meer over wil weten, vertel ik op mijn persoonlijke pagina mijn verhaal.
Dit artikel gaat echter niet over het waarom, maar hoe ik een nieuwe website ben gaan bouwen en welke stappen ik daarvoor heb genomen.
Nadenken kost het meeste tijd
Als (oud) webdesigner en programmeur is het bouwen van een website update niet echt moeilijk voor mij, kost gewoon veel tijd. Dat wat altijd het meeste tijd kost is niet eens het bouwen, maar het bedenken wat en waar alles op de site moet gaan komen en dat dit voor alle apparaten goed te lezen net als te vinden is.
SEO was een beetje roestig
Ik ben een beetje roestig als het gaat om SEO, maar dat heb ik weer wat op kunnen poetsen terwijl ik aan het bouwen was.
Gelukkig zijn er fijne plugins, die hiermee helpen zoals die van Yoast. Ik gebruik zo min mogelijk plugins en als het kan zoveel mogelijk de gratis versie. Ik betaal alleen als het echt toegevoegde waarde heeft en me veel tijd en/of geld bespaart.
Plannen van de nieuwe website update
In de eerste plaats moet ik natuurlijk bedenken wat ik nu precies wil. Ik moest een hoop beslissingen nemen en moest ook afscheid nemen van onderdelen op mijn website.
Het eerste dilemma was: blijf ik in het Engels schrijven of ga ik weer in het Nederlands. Om dit te kunnen beantwoorden moest ik echt gaan kijken naar de onderdelen die ik wilde behouden, verwijderen en toevoegen.
Drastische keuzes
Omdat mijn tijd beperkter zou worden door mijn parttime baan, moest ik drastische keuzes maken. Ik ben inmiddels al 7 jaar bezig met bewuster, zuiniger en duurzamer leven, dit is in mijn privéleven al een pittig onderdeel. Buiten dat dit me al een bepaalde inzet en tijd kost, vind ik het ook heel leuk om hierover te praten en te delen. Het was dus niet zo’n gek idee om dit toe te gaan voegen aan mijn website, omdat ik het al doe en die tijd al besteed op mijn “vrije” dagen.
Daarbij zijn we ook in huis flink bezig met alles wat we kunnen doen om zuiniger, meer zelfvoorzienend en duurzamer te leven. Hierover zal ik meer in detail gaan schrijven in de toekomst.
Afscheid nemen
Door de aard van het onderwerp en de eventuele regelgeving en klimaat wat hiermee te maken heeft, was het een logische keuze om weer in het Nederlands te gaan schrijven.
Dit betekent echter ook dat ik afscheid moest gaan nemen van enkele onderdelen die in het Engels waren. Deze zouden niet meer passen op de website, verwarring geven en voor mij teveel werk geven om te onderhouden.
Waarin en waarmee bouwen
Mijn (oude) website is gemaakt met WordPress en ik gebruikte Elementor hiervoor. Hoewel ik genoeg kennis heb om het helemaal zelf te doen, gebruik ik graag hulpmiddelen die mijn werk makkelijker en eventueel sneller maken. Elementor heeft dat zeker gedaan voor mijn (oude) website.
Door wat technische zaken met mijn VPS, moest ik er goed over na gaan denken hoe ik mijn website wilde gaan maken en waarmee. 1e keus was WP en Elementor. Echter bleek, door de technische zaken met mijn VPS, dat ik hierdoor waarschijnlijk mijn website trager zou maken dan ik wilde. Omdat de technische zaken niet snel en makkelijk op te lossen waren, koos ik om te kijken naar de alternatieven.
Ik heb namelijk de kennis en kunde om het zonder sitebuilder te doen en daarmee kon ik de kosten van Elementor ook weer besparen.
Na wat Googelen kwam ik erachter dat het nieuwe thema van WP Twenty Twenty Two (TT2) in de nieuwe FSE (Full Site Editor) in WP is geschreven en dat je hiermee met de Gutenberg Blocks zelf je site kan bouwen.
Na wat onderzoek besloten om deze route te gaan volgen. Dit zou me waarschijnlijk iets meer tijd kosten, maar ik kon ook het gemak van een builder gebruiken. Code schrijven zou tot een minimum worden beperkt, net als het aanpassen van de CSS.
Onderzoek naar layout
Het volgende onderdeel werd het onderzoeken van twee dingen.
Allereerst hoe wilde ik mijn website weergeven en welke onderdelen wilde ik gebruiken. (sidebar, fullpage, etc.)
Na wat onderzoek heb ik twee websites gebruikt als voorbeeld om mijn eigen layout te bepalen.
Het tweede wat ik wilde onderzoeken was wat er al globaal beschikbaar is over mijn onderwerp en hoe deze websites eruit zien. Ik wil natuurlijk wel opvallen en een betere ervaring bieden dan de websites die er al zijn.
Ik moet zeggen dat ik erg teleurgesteld was, maar eigenlijk dus heel blij. De websites die ik kon vinden waren vaak van instellingen en spraken me niet erg aan. Als er een mooie website is, was deze niet erg goed in SEO, want die heb ik niet gevonden. Er waren twee websites die ik er wel aardig uit vond zien, maar totaal niet de uitstraling die ik had verwacht en ik zelf zou willen bieden.
Het voordeel is natuurlijk dat ik deze website “makkelijk” zou moeten kunnen overtreffen en ik wel degelijk iets te bieden heb. De tijd zal het leren.
Het bouwen begint
Het eerste wat ik heb gedaan is mijn website in maintenance gezet, zodat niemand kan zien dat ik er even een puinhoop van maak.
Kleuren bepaald en iets aangepast van wat ze waren.
Ik ben begonnen met TT2 als basis voor mijn theme. Ik heb het child-theme van TT2 gebruikt zodat ik zeker weet dat wijzigingen niet verloren gaan bij een update.
Homepage
Begonnen met wat template-parts te maken die straks op de homepage moeten komen.
Door verschillende sets met blokken te maken, kan ik die straks makkelijk toevoegen aan de homepage, maar ook hergebruiken op andere pagina’s wanneer gewenst.
Single post pagina
Daarna de single post pagina gemaakt waar ik voor het eerst in jaren weer gebruik ga maken van een sidebar om extra informatie te scheiden van het artikel. (zie hiernaast ;))
Ordenen van informatie
Het logisch weergeven van informatie op de website is zowel belangrijk, als erg lastig, omdat niet iedereen op dezelfde manier informatie leest en tot zich neemt.
Categorieën
Ik heb gekozen om een beperkt aantal categorieën te gaan gebruiken, die ook in de sidebar staan om makkelijk terug te kunnen vinden.
Tags
Daarnaast maak ik gebruik van diverse tags om specifieke informatie nog beter vindbaar te maken.
Tooltips
In het Engels hebben ze een mooi woord Tooltips, dit is eigenlijk niet meer of minder dan worden die (vaak) onderbroken onderstreept worden en als je met de muis eroverheen gaat een vakje opent met extra uitleg.
Dit wilde ik ook op mijn website hebben, omdat ik veel verschillende termen gebruik die voor mensen die net beginnen misschien niet zo vanzelfsprekend zijn. Ik vind ze zelf altijd erg prettig. Ook als ik een woord wel ken, maar even wil zien in welke context de schrijver het bedoeld of gebruikt.
Zijn er nog worden die je graag uitgelegd wil krijgen? Laat een reactie hieronder achter en dan voeg ik die misschien toe.
Schrijven van nieuwe content
Om de layout goed te kunnen testen en af te kunnen stellen in de FSE en CSS. Leek het me zinnig om alvast de eerste nieuwe artikelen te schrijven.
Ook kon ik zo weer even wennen aan het schrijven in het Nederlands. Met mijn Engelse blog gebruikt ik Grammarly om teksten na te lopen, maar die werkt niet met Nederlandse tekst, dus ik moet even op zoek naar een ander hulpmiddel.
Na enig onderzoek kom ik erachter dat er niet veel opties zijn. Vooral als je net als met Grammarly gebruik wilt maken van een Chrome extensie, dan blijft er eigenlijk maar één optie over, LanguageTool, dus deze gebruik ik nu en mocht je willen weten hoe het bevalt? Laat het me weten met een reactie onder dit artikel.
Klaar voor publicatie
Als laatste stap heb ik alle onderdelen afgemaakt die ik op de Homepage wilde hebben en deze aan de Homepage toegevoegd.
En dan klaar om weer online te zetten!
Geef een antwoord