Een Squarespace website maken: zo doe je het goed
Met Squarespace kan je makkelijk zelf een website maken. De editor is intuïtief, de templates zien er professioneel uit en je kunt binnen een dag je website live zetten. Misschien daarom zien de meeste zelfgebouwde Squarespace websites er ook precies zo uit: alsof ze in een dag zijn gemaakt. Dat komt vaak door een combinatie van dingen.
Ik werk als Squarespace specialist regelmatig aan websites die met de beste bedoelingen zijn gebouwd, maar waar niet per se handige keuzes zijn gemaakt. In dit artikel laat ik je zien waar je op moet letten voordat je begint, zodat je met een goede basis start.
1. Kies je template op basis van structuur
De meeste mensen kiezen een Squarespace template omdat die er mooi uitziet. Logisch, maar niet per se handig. Kleuren, lettertypes en ‘de sfeer’ kan je namelijk aanpassen. Wat je lastiger aanpast, is de structuur van een template.
Alle templates die je op de Squarespace website vindt, hebben dezelfde onderliggende techniek. Van het ene template kan je de andere maken. Het maakt dus eigenlijk niet uit welk template je kiest, maar het is wel het handigst om er eentje te kiezen die qua pagina-indeling het meeste overeenkomt met jouw bedrijf. Een template die is gebouwd voor een fotograaf zit anders in elkaar dan een template voor een coach. Dit valt allemaal wel aan te passen, maar dat kost allemaal meer tijd en moeite.
Kijk dus bij het kiezen naar welke pagina's het template heeft, hoe de navigatie is opgebouwd en of de indeling van de homepage past bij wat jij wilt communiceren. Daar maak je het jezelf het makkelijkst mee.
2. Begin niet met design
Dit is de meest gemaakte fout bij DIY-ers: ze gaan direct in Squarespace aan de slag met kleuren, fonts en afbeeldingen, terwijl over de structuur nog niet is nagedacht.
Een website zonder een heldere structuur werkt niet, hoe mooi hij er ook uitziet. Bepaal eerst welke pagina's je nodig hebt. Denk vanuit je websitebezoeker: wat weet hij als hij landt op je homepage, wat wil hij weten, en welke stap moet hij daarna zetten? Pak bijvoorbeeld een stapel post-its, waarbij elke post-it staat voor één pagina, en maak daarmee een duidelijke paginastructuur.
Als je dat helder hebt, ga je daarna verder met het design. Niet andersom.
3. Houd je navigatie duidelijk en overzichtelijk
Veel zelfgebouwde websites hebben een menu waarin je zowat verdwaald, soms met de meest creatieve benamingen.
Hoe onduidelijker het menu, hoe groter de kans dat iemand afhaakt. Houd je hoofdmenu compact: maximaal 6 tot 7 items. En zorg dat de items voorspelbare namen hebben. Misschien niet creatief, maar wel duidelijk.
Minder belangrijke pagina's die niet in het hoofdmenu horen, zoals een privacyverklaring zet je in je footer.
4. Teksten maken of breken
Een veelgemaakte fout die ik zie bij zelfgemaakte websites: de teksten gaan vooral over de ondernemer. Over hoe lang iemand al bezig is, wat het proces is, en hoe gepassioneerd diegene is over zijn werk. Begrijpelijk, want het is jouw bedrijf. Maar je websitebezoeker is niet op zoek naar jouw verhaal. Die is op zoek naar een oplossing voor zijn probleem.
Schrijf daarom vanuit je bezoeker. Niet "Ik ben een gecertificeerde traumacoach met tien jaar ervaring", maar "Je draagt al jaren iets met je mee dat je leven beïnvloedt. Dat hoeft niet zo te blijven." Niet "Mijn traject bestaat uit zes sessies", maar "Na ons traject slaap je beter, reageer je rustiger en herken je waar je patronen vandaan komen."
Het verschil zit hem in de focus: beschrijf niet wat je doet of hoe je het doet, maar wat het de ander oplevert. Wat verandert er voor je bezoeker als hij met jou werkt? Dát is wat iemand over de streep trekt.
5. Mobiel gaat niet automatisch goed
Terwijl jij de desktopversie van je website bouwt, wordt in Squarespace automatisch de mobiele versie gegenereerd. Dat betekent alleen niet dat je er niets aan hoeft te doen, zeker met de Fluid Engine editor.
Controleer daarom altijd de mobiele versie van elke pagina. Dit doe je in de Squarespace editor zelf, maar check het ook op je telefoon. Kijk of blokken niet over elkaar heen staan of verkeerd om. Hoe worden achtergrondafbeeldingen ‘afgeknipt’ op een klein scherm. Is je tekst groot genoeg om prettig te lezen. Pas dit naar wens aan.
6. SEO is meer dan een paginatitel invullen
Squarespace heeft ingebouwde SEO-opties, en die zijn goed genoeg als basis. Maar de meeste DIY’ers hebben geen idee waar ze precies op moeten letten.
Per pagina moet je denken aan:
Heading 1 teksten
Dit zijn de belangrijkste teksten voor Google. Gebruik er maximaal 1 per pagina en verwerk daar belangrijke keywords in.
URL-structuur
Squarespace genereert automatisch een URL op basis van je paginatitel. Die is lang niet altijd ideaal. Zorg dat een URL uit niet meer dan 4 tot 5 woorden bestaat en verwerk daar ook keywords in. Verander ook direct een URL als je een pagina dupliceert.
Afbeeldingsnamen en alt-teksten
Een afbeelding die je uploadt als IMG_4823.jpg vertelt Google niets. Hernoem afbeeldingen voor je ze uploadt en vul altijd een alt-tekst in. Dit telt mee voor je online vindbaarheid.
Paginatitels versus navigatietitels
Je kan een pagina in de pagina-instellingen twee titels geven. De paginatitel zie je terug in het tabblad van je internetbrowser. De navigatietitel zie je daadwerkelijk in het menu van je website staan. Deze kunnen hetzelfde zijn, maar ook afwijken.
Paginatitels en -onschrijvingen in de SEO-instellingen
Dit is hoe de pagina getoond wordt in zoekmachines zoals Google. Verwerk hier keywords in, zodat je de kans vergroot om online gevonden te worden.
Check al deze punten voordat je je website live zet. In deze blogpost vind je een volledige checklist.
7. Snelheid: help die niet om zeep
Squarespace scoort van zichzelf redelijk goed op laadsnelheid. Een trage website is echter vaker het gevolg van acties die iemand onbewust zelf heeft gedaan.
De meest voorkomende boosdoeners: foto’s die rechtstreeks van de camera worden geüpload zonder te comprimeren, video's die in de website worden geupload ipv via een externe link, en pagina's die vol staan zijn met animaties en bewegende elementen die er leuk uitzien maar niets bijdragen.
Comprimeer afbeeldingen voordat je ze uploadt. Gebruik maximaal twee lettertypes. Houd het simpel. Elke seconde laadtijd die je wint, is een percentage bezoekers dat niet afhaakt voordat je pagina geladen is.
8. Elke pagina heeft een duidelijk vervolg nodig
Dit is het punt waar de meeste DIY websites het laten liggen. Ze zien er aardig uit, maar de bezoeker weet aan het einde van de pagina niet wat hij moet doen.
Wat moet een bezoeker doen als hij je homepage heeft gelezen? Wat is de call to action? Als jij dat niet weet, weet hij het ook niet.
Elke pagina heeft één logische volgende stap nodig. Niet drie knoppen naast elkaar met verschillende opties, maar één duidelijke richting. Op je homepage: "Bekijk mijn aanbod" of "Plan een gesprek". Op je dienstenpagina: "Neem contact op". Op je blogpagina: een doorlink naar een relevante dienst of de weggever.
Denk niet in pagina's, maar in paden. Waar komt iemand vandaan, en waar wil je dat hij naartoe gaat?
Wil je weten of jouw website de goede kant op gaat?
De punten die hierboven staan zie ik het meest fout gaan, maar dit zijn zeker niet de enige. Ik heb de 12 meest gemaakte fouten bij het zelf bouwen van een Squarespace website op een rij gezet in een gratis download. Een checklist die je naast je website kan leggen.
Kom je tot de conclusie dat een goede website maken toch niet zo eenvoudig is als het leek?
Of merk je dat je er veel te veel tijd aan kwijt bent? Dan is een nieuwe website laten maken misschien een betere keuze. Niet omdat zelf bouwen niet kan, omdat jij jouw tijd beter kunt besteden aan waar je goed in bent.
Veelgestelde vragen
-
Ja. Squarespace is ontworpen voor mensen zonder technische achtergrond. Je hebt geen kennis van code nodig om een werkende website te bouwen. Waar je wel tijd in moet steken, is de strategie achter je website: welke pagina's heb je nodig, wat wil je dat een bezoeker doet, en hoe zorg je dat je gevonden wordt in Google.
-
Dat hangt af van hoeveel pagina's je nodig hebt en hoe snel je beslissingen kunt nemen over tekst en afbeeldingen. Een eenvoudige website van vier à vijf pagina's kun je in een weekend opzetten. Maar een website die ook echt werkt, waarbij de structuur klopt, met een juiste SEO-basis en de teksten overtuigen, kost de meeste mensen aanzienlijk langer.
-
Kies een template die qua paginastructuur het dichtst bij jouw bedrijf zit. Kijk niet naar kleuren of sfeer, die pas je toch aan. Kijk naar de opbouw.
-
Squarespace heeft goede ingebouwde SEO-mogelijkheden. Je kunt paginatitels, meta descriptions, URL's en alt-teksten instellen. Wat Squarespace niet voor je doet, is nadenken over welke zoekwoorden relevant zijn voor jouw bedrijf en hoe je die verwerkt in je teksten. Dat blijft mensenwerk.
-
Squarespace werkt met abonnementen. De prijzen variëren afhankelijk van het pakket dat je kiest. Je betaalt altijd een maandelijks of jaarlijks bedrag voor het platform, los van wat je eventueel investeert in het laten maken van je website. Op de website van Squarespace vind je de actuele prijzen.
Wil je het eerste jaar korting op je abonnement? Neem dan even contact op. -
Als je merkt dat je er veel tijd in steekt zonder dat het resultaat is wat je wilt, of als je twijfelt of je website echt doet wat hij moet doen, namelijk bezoekers omzetten naar klanten. Zelf bouwen kan, maar jouw tijd heeft ook een waarde. Soms is uitbesteden gewoon de slimmere keuze.
