Website Studio

Met Website Studio maak je een site die snel laadt, goed te vinden is en er uitziet als jouw merk. Je begint uit je merkboek: kleuren, letters en woorden staan er meteen op. Daarna pas je alles aan door te klikken op wat je ziet. Er staat niets online tot jij op Publiceren drukt en tekent.

Je vindt de studio onder Website Studio in de linkerbalk. De module staat per werkruimte aan of uit.

Je websites

Het eerste scherm heet Je websites. Elke site is een tegel, gegroepeerd per merk: eerst je eigen merk, daarna de merken van je klanten. Een tegel laat zien of de site online staat, hoe snel hij is en hoeveel bezoekers hij had. Klik op een tegel om de site te openen. Bovenaan elk sitescherm staat een kruimelpad (Je websites, dan de naam van de site) om terug te gaan.

Met Bekijk site open je het voorbeeld, of de echte site als hij online staat, in een nieuw tabblad. Het voorbeeld gedraagt zich daar als je site: het menu en de links werken, en bewerken doe je in de editor.

Een site maken

1. Kies Nieuwe site maken. Geef de site een naam, kies voor welk merk hij is en of hij moet beginnen uit je merk (aanbevolen) of leeg.
2. Je ziet meteen een pagina met jouw kleuren en een paar blokken met een voorbeeldtekst. Dit is een concept: niemand ziet het.
3. Het overzicht van de site zet De volgende stap bovenaan: een knop naar wat nu het meeste oplevert. Onder Alles bekijken staan de zes stappen (Merk, Pagina's, Nakijken, Gegevens, Controleren en Online zetten), wat er nog moet en hoe goed elke pagina scoort.

Een bestaande site of winkel overnemen

Heb je al een site of een webwinkel? Kies bij het maken van een site Ik heb al een site of winkel, vul het adres van je site en/of je winkel in en kies Lees mijn site. We lezen alleen wat iedere bezoeker ook ziet, houden ons aan de robots.txt van je site, lezen hoogstens 30 pagina's en nemen niets over zonder jouw akkoord.

Daarna zie je wat we vonden, met een vinkje per onderdeel: je merk (kleuren, letters en logo), contactgegevens en openingstijden, de teksten van je pagina's, beelden en logo en de producten van je winkel met hun categorieën. Prijzen komen uit je winkel zoals ze er staan; kunnen we de munt niet vaststellen, dan kies je die zelf.

• Beelden zijn van jou. We halen beelden pas op als je aanvinkt dat de beelden en het logo van jou zijn, of dat je ze mag gebruiken. Zonder dat vinkje nemen we geen enkel beeld over. Elk overgenomen beeld is herkenbaar als geïmporteerd, met het adres waar het vandaan kwam.
• Je merk wordt een voorstel. Je huidige merk blijft staan. Wat we op je oude site vonden komt als concept in Brand Studio, met per keuze waar het vandaan komt. Jij leest het, past het aan en tekent het. Een letter die niet bij Google te halen is nemen we niet over; die kies of upload je zelf. Zonder logo kun je het merk nog niet tekenen.
• Producten zijn een kopie. Ze staan op je site, maar verkopen via Denkploeg doe je pas als je dat zelf aanzet. Bij een grote winkel nemen we de eerste 250 producten over en de foto's van de eerste producten; de rest voeg je later toe.
• De pagina's van je oude site (de home, over ons, contact, diensten en veelgestelde vragen) vormen de bron voor de teksten van je nieuwe site, naast wat je merk zelf zegt. Waar je merkboek iets zegt, wint het merkboek.

Klik op Maak mijn nieuwe site. De site staat daarna als concept klaar; er gaat niets online voor jij dat wilt. Staat er al een site met dat adres, dan kies je een andere naam en probeer je het opnieuw, zonder dat er iets dubbel komt. Een lezing per werkruimte is er tien per uur.

Een branche kiezen

Kies bij het maken van de site, onder Wat voor bedrijf is het?, een branche: restaurant en café, kapper, salon en spa, garage, bouw en klussen, zorg en welzijn, creatief en bureau, taxi en vervoer, coach en trainer, of webwinkel. Je krijgt dan een site van zes tot tien pagina's (bijvoorbeeld bij een restaurant de menukaart, reserveren, groepen en events, onze keuken, over ons en contact), in de taal van je site en opgebouwd uit dezelfde blokken als elke andere pagina. Je past alles aan in de editor.

De prijzen, tijden en teksten in zo'n sjabloon zijn voorbeelden. Een nieuwe site is bovendien vol: een volle home met beelden, een winkel met voorbeeldproducten, reviews, cijfers, een team en een aanbieding, zodat je meteen ziet hoe jouw site eruitziet. Alles wat de studio zelf heeft bedacht, staat als Voorbeeld in de editor: de namen van mensen, de reviews, de cijfers, de producten en de beelden die niet van jou zijn. Haal weg wat je niet wilt, en vervang de rest door het jouwe. Zolang er voorbeeldinhoud of een voorbeeldprijs op een pagina staat, kun je de site niet online zetten (de keuring zegt: voeg je producten toe of importeer ze); een veld dat je bewerkt telt als nagelopen. Een pagina die je al had (hetzelfde adres) blijft ongemoeid.

De editor

Open een pagina bij Pagina's. Links staat de bibliotheek met blokken, in het midden de pagina zoals bezoekers hem zien, rechts de lijst met blokken en de velden.

• Klik op een tekst of een foto in het voorbeeld om hem aan te passen. Je typt ter plekke, in de pagina zelf (ter plekke bewerken); een foto kies je met dezelfde kiezer als overal in Denkploeg: uit je merkboek, uit de bibliotheek van je werkruimte (met zoeken en een voorbeeld, en bij elke foto waar hij al op de site staat) of van je computer of camera. Bij een upload vink je eerst Ik mag deze beelden gebruiken aan.
• Een blok toevoegen: sleep een kaart uit de bibliotheek naar de pagina of naar de lijst, klik op het plusje tussen twee blokken, of kies Enter op een kaart. Een nieuw blok is leeg en staat in het voorbeeld als uitnodigende plek: wat het blok is en doet, welke velden nog ontbreken en een klik om het in te vullen. Vul het in rechts, dan verschijnt het zoals op je site. Een leeg blok komt nooit online. Staat de nieuwsbrief uit, dan zegt de plek van een nieuwsbriefblok dat en waar je hem aanzet.
• Als het voorbeeld even niet in volle weergave kan (bijvoorbeeld bij een merk zonder getekend merkprofiel) toont de editor een vereenvoudigde weergave met een melding bovenaan. Elk blok blijft dan zichtbaar met zijn eigen inhoud en elk veld blijft bewerkbaar; alleen de opmaak van je merk ontbreekt tot het voorbeeld weer volledig is.
• Verplaatsen: sleep een blok in de lijst. Met het toetsenbord: Spatie op het handvat, pijltjes, Spatie. Ook Alt met een pijl werkt. Bij elk blok staan knoppen omhoog en omlaag.
• De stijl van een blok wissel je met twee miniaturen. Hover je erover, dan zie je het meteen in het voorbeeld. Wat niet past in de nieuwe stijl blijft bewaard.
• De achtergrond van een blok kies je onder de stijl: standaard (het papier van je merk), zacht (een tint van je merk) of donker. Wissel ze af: drie gelijke blokken achter elkaar zien er saai uit. De regisseur doet dat zelf als hij blokken toevoegt. Koppen en knoppen in je primaire kleur blijven primair; alleen als de tekst er niet leesbaar op is, schuift de tint een stukje op, en dat staat in de keuring.
• Verbergen, kopiëren, verwijderen doe je in de lijst. Een blok met een lijst (vragen, diensten, foto's) klapt open: de onderdelen kun je ook verplaatsen, toevoegen en weghalen.
• Bij elk veld staat een uitleg met een voorbeeld, een teller tegen de grens, en wie de tekst schreef: jij, AI, je merkboek of een voorbeeld. De knop AI helpt stelt een andere versie voor die binnen de grens past; jij beslist.
• Alles bewaart zichzelf. Rechtsboven zie je of het bewaard is. Cmd of Ctrl en Z maakt elke wijziging ongedaan, meerdere keren, en Shift erbij doet opnieuw. Elke opslag is een versie, dus er gaat niets verloren.

Op een telefoon verdeelt de editor zich in tabs: Voorbeeld, Toevoegen, Blokken, Aanpassen en Pagina.

Blokken voor elke soort bedrijf

Naast held, verhaal, diensten, beeld, vragen, contact en nieuwsbrief heeft de bibliotheek elf blokken voor wat een bezoeker praktisch zoekt. Elk blok heeft drie varianten die anders zijn opgebouwd, en werkt op een lichte, zachte en donkere achtergrond.

• Menukaart: gerechten met prijs, dieet en allergenen per rubriek (kolommen, tabs of kaarten met beeld).
• Prijslijst en tarieven: een tabel, pakketten (een daarvan uitgelicht) of een uitklaplijst per rubriek.
• Portfolio: projecten met klant, resultaat en beeld, als bento, lijst of kolommen. Een project zonder beeld krijgt een rustig vlak in je merkkleur.
• Team: mensen met portret en rol, als kaarten, rijen of alleen tekst. Zet alleen een portret erbij met toestemming.
• Reviews: score, naam en bron, als samenvatting, muur of strook. Een review staat altijd met naam en bron; verzin ze nooit.
• Afspraak en boeken: een knop naar je eigen agenda, bellen of appen, of een lijst met diensten.
• Openingstijden en kaart: de dagen, afwijkende dagen, het adres en een route. De huidige dag is gemarkeerd. Vul je geen eigen dagen in, dan gebruiken we de openingstijden uit je bedrijfsgegevens.
• Galerij, Cijfers (met bron), Logo's en partners en Stappen (de nummers komen vanzelf).

Een blok zonder verplichte velden komt nooit online. De regisseur kiest en vult deze blokken zoals de andere, en elk veld bewerk je ook in het voorbeeld.

Daarbovenop heeft de bibliotheek nu dertig soorten blokken met ruim honderd varianten:

• Held: twaalf openingen, van een collage, een enorme kop of een kaart op een foto tot een product, kerncijfers, een schuine snede, een kort formulier of alleen tekst.
• Aankondiging: een strook, kaart of banner voor een actie of nieuws.
• Oproep (cta), Voordelen en Vergelijking: een band in je merkkleur, kaarten, een bento, vinkjes, een tabel wij tegenover anderen of zonder en met.
• Nieuws, Tijdlijn, Vacatures en Locaties: berichten met datum, je geschiedenis per jaar, vacatures met plaats en uren, en vestigingen met route.
• Producten, Categorieën, Zekerheden en Productpagina: een etalage met prijs en label, tegels per categorie, een strook met gratis verzending en keurmerken. De knop gaat naar je eigen webshop; afrekenen gebeurt daar.
• Extra varianten voor reviews, team, galerij, vragen, contact, nieuwsbrief, beeld, logo's (ook als loopband die stilstaat als je minder beweging wilt) en cijfers.

De vorm van je site

Kleur en letter komen uit je merkboek, en nu ook de vorm: hoek van kaarten en knoppen, schaduw, een verloop in je merkkleuren, de maat van de koppen en de ruimte tussen blokken. Zegt je merkboek er niets over, dan kiest Website Studio een rustige standaard en meldt de keuring Vorm: voorlopig: bevestig de vorm in je merkboek. De keuring waarschuwt ook als meer dan twee blokken van dezelfde soort achter elkaar staan, zodat twee sites niet op elkaar lijken.

Website Studio leest uit je merkboek ook een persoonlijkheid: rustig, ambachtelijk, strak, warm, speels, luxe, brutaal of technisch. Die bepaalt de vorm van je knoppen (gevuld, omlijnd, pil, vierkant, onderstreept, als blok met een harde schaduw, met een verloop of zacht getint), de stijl van labels, de scheiding tussen blokken en de opbouw van de kop en de voet van je site. Elke knop, kaart en uitklapper reageert op dezelfde manier op de muis en het toetsenbord, met een duidelijke focusrand, ook op een gekleurd vlak.

De mediabank

Onder Beelden staat Open de mediabank: één plek met foto's, portretten, teamfoto's, productbeelden, abstracte achtergronden, patronen, texturen, pictogrammen en de logo's van sociale netwerken en betaalmethodes. Zoek op een woord, of filter op soort, branche, stemming en kleur. Open een beeld voor de herkomst, de rechten en wat het kostte om te maken.

Een beeld met het label Voorbeeld heeft nog geen bevestigde rechten. Je mag het gebruiken om een site te bouwen en te laten zien, maar een site gaat pas online als je er een eigen beeld voor in de plaats zet. Met Beeld toevoegen zet je een eigen beeld in de mediabank; je bevestigt dan dat het van jou is of dat je het mag gebruiken. Een eigen beeld kun je later aanpassen (beschrijving, tags, stemming) of weer weghalen. De vaste set van Denkploeg is alleen te bekijken. Laat een beeld maken brengt je naar Creative Studio, waar je eerst de prijs ziet en zelf tekent.

Kop, voet en strook

Onder Instellingen staat het tabblad Kop en voet. Daar kies je de opbouw van de kop (een balk met logo, menu en knop op een rij, het logo in het midden, een zwevende pil boven de pagina, een donkere balk of alleen een menuknop) en van de voet (groot, met nieuwsbrief en je naam groot onderaan; kolommen; compact; of een losse kaart). Laat je de keuze leeg, dan volgt de site de persoonlijkheid van je merk. Een voet met je eigen opbouw toont contactregels zonder pictogram, en je kunt tot vier eigen kolommen met elk hoogstens acht links zetten (naar een pagina van je site, een https-adres, bellen, WhatsApp of mail). Een kolom zonder werkende links verdwijnt. De knop in de kop kan een pictogram dragen, bijvoorbeeld een winkelmandje.

De strook boven de kop is een korte melding bovenaan elke pagina, zoals een actie of een sluiting. Je geeft een tekst (hoogstens 160 tekens, zonder gedachtestreep), kiest een link en een einddatum. Op de einddatum staat hij er nog; daarna verdwijnt hij vanzelf uit de site. Een bezoeker kan hem wegklikken; hij blijft dan weg zolang de tekst gelijk blijft, dus een nieuwe tekst komt weer terug. Wegklikken werkt met een klein scriptje. Mag een pagina geen script draaien (de proefsites doen dat niet), dan is er geen knop en blijft de strook gewoon staan tot de einddatum. Links in de strook en in de voet moeten naar een pagina van je site gaan of met https beginnen; een adres als javascript: wordt geweigerd.

Navigatie

Onder Navigatie richt je het menu in de kop en het menu in de voet zelf in, zoals je in WordPress een menu bouwt. Zolang je niets opslaat, volgt het menu je pagina's vanzelf. Pas je het aan en sla je het op, dan is het van jou.

• Ordenen: sleep een onderdeel aan het handvat naar een andere plek. Sleep je naar rechts, dan hangt het onder het onderdeel erboven (een submenu); naar links is een niveau hoger. Wat onder een onderdeel hangt, gaat mee. Zonder muis gebruik je de knoppen bij elke rij (omhoog, omlaag, inspringen, uitspringen) of Alt met een pijltje op het handvat.
• Drie niveaus in het menu van de kop, twee in dat van de voet, en hoogstens honderd onderdelen.
• Een eigen naam per onderdeel, los van de titel van de pagina. Een onderdeel kan naar een pagina van je site, naar een link (een https-adres, of een pad op je eigen site dat met een / begint), naar een categorie van je webshop, of nergens heen: een kop die de onderdelen eronder groepeert. Een link kan in een nieuw tabblad openen. Adressen met javascript: of zonder https worden niet geaccepteerd.
• Megamenu: een onderdeel op het eerste niveau van het menu in de kop kan een breed paneel openen met de onderdelen eronder in kolommen: het tweede niveau als kopje, het derde als links, en onder elke kolom met een eigen pagina een link Alles bekijken. Een lange uitklap zonder kopjes krijgt een waarschuwing: vanaf ongeveer tien links verdeel je ze beter in groepen.
• Webshop: staat je webshop aan, dan zet de knop Alle categorieën toevoegen je categorieën met hun indeling in het menu. Zet de categorieën zelf op het eerste niveau en niet onder een onderdeel als Shop of Producten: dan zijn bezoekers er in een klik.
• Voetmenu: een onderdeel met onderdelen eronder wordt een kolom met zijn naam als kop; losse onderdelen staan samen in een kolom met de naam van je site.
• Op een telefoon klappen onderdelen met onderdelen eronder open als een accordeon, met bovenaan Alles bekijken. Op een breed scherm opent de uitklap bij de muis na een korte vertraging, zodat hij niet flikkert, en direct bij het toetsenbord.

Let op bij bestaande sites: ook een menu dat je niet zelf inrichtte, ziet er anders uit zodra de site opnieuw wordt gebouwd of online gezet. Op een telefoon klappen onderdelen met onderdelen eronder open als accordeon, en op een breed scherm toont de uitklap ook het derde niveau, met Alles bekijken onder een onderdeel met onderdelen. Een live site verandert pas bij een nieuwe publicatie of bouw; voor zover wij kunnen nagaan raakt dit alleen sites met een pagina onder een pagina in het menu (dat is een aanname, geen meting).

Onder het menu staat een schets op een breed scherm en op een telefoon. Het menu staat pas op je site als je de site opnieuw online zet. Terug naar automatisch haalt je eigen indeling weg. Een pagina die niet op je site staat, een categorie die verborgen is of een kop zonder onderdelen verdwijnt vanzelf uit het menu op je site.

Nieuwe blokvarianten en het artikel

De bibliotheek heeft meer varianten gekregen: een held als film of als kaart op een beeld, een oproep voor aanmelden of als balk onderaan, vijf nieuwe voordelen (een rij, kaarten, genummerd, een strook en met beeld), een inhoudsblok als zigzag of vinklijst, en nieuwe indelingen voor tijdlijn, cijfers, stappen, logo's, contact en nieuwsbrief. Een product in het raster kan je laten filteren op een categorie, zonder script. Voor je blog is er het blok Artikel: een bericht op een eigen pagina met categorie en datum, auteur, leestijd (uit de tekst, 200 woorden per minuut), een breed beeld en een smalle leeskolom. Het nieuwsoverzicht blijft het overzicht; elk bericht heeft zijn eigen pagina. In de tekst van een artikel zet je ## voor een tussenkop en > voor een citaat. Ook deze blokken bewerk je in het voorbeeld, veld voor veld.

Eenvoudig en Expert

Eenvoudig is de standaard en gebruikt gewone woorden. Zet je Expert aan, dan zie je ook het adres van een pagina, de titel en omschrijving voor Google, en de doorverwijzingen. De keuze wordt per browser onthouden.

De regisseur in de editor

Druk op Cmd of Ctrl en K of kies Regisseur. Wijs eerst een blok aan door erop te klikken: het staat dan als chip in het invoerveld. Vraag bijvoorbeeld "maak dit korter", "maak deze pagina persoonlijker", "controleer op spelfouten", "wat ontbreekt er nog voor Google" of "voeg een FAQ toe".

Hij werkt met dezelfde blokken als de bibliotheek, nooit met losse code: vraag je "maak de hero gecentreerd", "een header met een grote foto over de volle breedte" of "voeg een blok met onze voordelen toe", dan krijg je een blok met velden die je daarna gewoon in de editor aanpast.

De regisseur doet nooit iets zelf. Hij komt terug met een voorstel, getoond met voor en na, ook in het voorbeeld zelf. Je vinkt per wijziging aan wat je wilt en drukt op Toepassen. Dat is een gewone bewerking die je met Cmd of Ctrl en Z ongedaan maakt. Het antwoord toont wat de vraag kostte. Zonder AI-sleutel werkt een eenvoudige proefmodus zonder kosten.

Dezelfde voorstellen kunnen ook komen van Claude via MCP. Je ziet ze allemaal bij Voorstellen.

De regisseur kan ook het ontwerp van je site sturen en beelden kiezen: vraag "geef de site een rustiger ontwerp", "kies een andere kop" of "zoek een foto van een keuken voor deze pagina". Dat wordt een voorstel met voor en na, bijvoorbeeld de ontwerprichting (de vorm van hoeken, knoppen en kaarten), de opbouw van de kop of de voet, of een beeld uit de mediabank op een blok. Een beeld laten maken kost geld: dan zie je eerst de prijs en teken je zelf. Wil je een ontwerpwijziging terugdraaien, vraag het de regisseur: dat is weer een voorstel.

Gegevens

Onder Instellingen vul je je bedrijfsgegevens in: naam, adres, KvK en btw, telefoon en WhatsApp, e-mail, openingstijden per dag met afwijkende dagen, en je sociale media (Instagram, Facebook, LinkedIn, TikTok, YouTube, Pinterest en X). Wat je leeg laat, laten we weg: er komt nooit een leeg blokje op je site. Op de tabs Meten en Support kies je of je bezoekers meet en welke assistent op je site staat.

Een assistent op je site. Kies je bij Support een assistent, dan zet Website Studio zijn domein bij de toegestane domeinen van die assistent. Support Studio bewaart een sleutel alleen als hash en laat hem niet meer zien, dus Website Studio kan de sleutel van een bestaande assistent niet zelf op je site zetten. Onder de keuze staat daarom een stap: plak je sleutel (die begint met dps_ en moet bij deze assistent horen), of maak een nieuwe sleutel. Een nieuwe sleutel laat de oude meteen ophouden, ook op andere sites waar je hem zelf neerzette; daar vraagt het scherm om een bevestiging. Gebruik je dezelfde assistent al op een andere site van je werkruimte, dan nemen we zijn sleutel over zonder iets te draaien. Het script komt in de pagina's bij de eerstvolgende keer dat je de site online zet, en alleen als de assistent aanstaat in Support Studio. Wissel je van assistent of kies je geen assistent, dan gaat het script bij die volgende publicatie weer weg. Alleen de publieke sleutel staat op je site; hij komt niet in je instellingen, je auditspoor of een antwoord van het scherm of de MCP.

De keuring

Controleren meet elke pagina op snelheid, toegankelijkheid, vindbaarheid en netheid, op een telefoon en op een computer, en leest ook de cookies en het contactformulier na. De ringen tellen naar hun score. Een pagina die je daarna aanpast krijgt het label verouderd. Bevindingen staan in gewone woorden: wat de studio zelf rechtzet, en wat jij moet doen, met een link naar het blok.

Onder Wat we zagen op de pagina's staat van elke pagina een schermafdruk op een telefoon (390 breed) en op een computer (1280 breed), met wat er mis kan zijn en op welk stuk van de pagina. We kijken naar een lege eerste sectie, een afbeelding die niet laadt, een foto waarvan de beschrijving een bestandsnaam is, opmaaktekens zoals een sterretje in een kop, een kop die op een telefoon buiten het scherm loopt, een afgekapte naam in de kop, tekst die over tekst ligt, een rij kaarten met een lege plek, drie blokken die er hetzelfde uitzien en horizontaal scrollen op een telefoon. Elke bevinding heeft een niveau: kritiek of hoog houdt het online zetten tegen, middel is een waarschuwing en laag is alleen goed om te weten. Wat we niet konden bekijken staat er ook, en telt als niet in orde.

Een model kan meekijken naar de afdrukken en zegt per punt (leesbaarheid, uitlijning, leegte, overlap, ritme, eigenheid) goed, twijfel of fout. Dat is een filter en geen eindoordeel: wat het zegt krijgt het label Laat een mens kijken, het voorstel van het model staat erbij als advies, en ritme en eigenheid houden online zetten nooit tegen. Dit staat standaard uit en gebruikt de AI-sleutel van je werkruimte of bureau.

Staat een bevinding op kritiek of hoog en vind je haar na kijken goed zo, dan kun je haar Bewust doorlaten met een reden van een zin. Dat kan alleen een mens met het recht om de site te beheren, het staat in het auditspoor en het geldt zolang de pagina niet verandert. Je kunt het terugtrekken. De harde grenzen (snelheid, toegankelijkheid, vindbaarheid, de juridische teksten en alles wat voor de toestemming naar buiten gaat) kun je niet doorlaten. Bij veel bevindingen staat een voorstel van wat je kunt doen; de regisseur kan dat voorstel indienen, en er verandert pas iets als je het aanneemt.

Gemeten door Google

Onder Controleren staat ook Gemeten door Google. Zodra je site online staat, laat je er Google naar kijken met Laat Google meten; dat gebeurt ook elke 30 dagen vanzelf. Google test de pagina's zoals bezoekers ze zien, op een telefoon en op een computer (PageSpeed Insights), en laat zien wat echte bezoekers van de afgelopen 28 dagen merkten (Chrome UX Report). Bij elk cijfer staat de bron: een labmeting is een test door Google, de gegevens van echte bezoekers komen van bezoekers. Heeft Google nog geen gegevens van echte bezoekers, dan staat dat er, en is het geen goed teken en geen slecht teken.

Naast onze eigen test staat die van Google, per pagina, met het verschil. Lopen ze ver uit elkaar, dan staat er een melding bij en geldt voor nu de score van Google.

Onder Verbeterpunten staat wat beter kan. Maak voorstellen zet wat de studio kan voorstellen (een titel of omschrijving voor Google op een pagina waar die leeg is) bij Voorstellen; er verandert niets tot jij het overneemt. Wat jij moet doen komt in een takenlijst die je kunt afvinken of negeren. Wat de studio bij de volgende bouw zelf rechtzet, staat erbij.

Snelheid van andere sites (onder Websites) meet een domein van je werkruimte dat geen site van de studio is. Je bewijst eerst met een TXT-regel in je DNS dat het domein van jou is. Je krijgt een rapport met verbeterpunten, zonder voorstellen: het is niet onze site.

Een meting kost je niets, maar het aantal metingen per dag is beperkt. Zonder sleutel van Denkploeg bij Google is het quotum van Google laag; dan staat dat erbij, en dat het platform de sleutel moet zetten. Is er vandaag geen ruimte meer, dan staat de meetknop uit. Naast de knop staat waarom en vanaf wanneer meten weer kan; je krijgt geen foutmelding achteraf.

Online zetten

In een werkruimte in de proef staat een site die al online is (zoals de voorbeeldsites van de demo) als Dit is een voorbeeldsite: wijzigingen online zetten kan pas met een abonnement.

De knop Publiceren gaat open als de pagina's goed genoeg zijn (snelheid op een telefoon ten minste 90, toegankelijkheid en vindbaarheid ten minste 95, en geen ernstige bevinding). Elke reden waarom het nog niet kan staat één keer op het overzicht. Daarna vraag je het aan en een mens met het recht om te tekenen keurt het goed bij Goedkeuren. Bij Online zetten zie je elke versie, wat er veranderde ten opzichte van de vorige, en kun je een eerdere versie terugzetten, ook met een handtekening, of de site pauzeren. Pauzeren, weer aanzetten en verwijderen vraag je ook aan: de site blijft zoals hij is tot iemand tekent. Bezoekers van een gepauzeerde site zien een onderhoudspagina. Verwijderen vraagt bij het tekenen een code, haalt de site van het net en houdt hem 90 dagen in de prullenbak, met een export vooraf.

De juridische basisteksten (privacy, voorwaarden en cookies, in het Nederlands en het Engels) moeten één keer zijn goedgekeurd door een beheerder van het platform. Zolang dat niet is gebeurd kan geen enkele site online. Dat is een eenmalige stap voor het hele platform, geen werk per site.

Die teksten zijn een goede basis, geen juridisch advies. Laat ze door een jurist nakijken. Ontbreekt er een gegeven dat de wet in de tekst eist (adres, KvK-nummer of e-mailadres), dan staat het vetgedrukt tussen blokhaken in de tekst, bijvoorbeeld [KvK-nummer]. Zolang zo'n plaatshouder er staat, kan je site niet online. Vul het gegeven in bij Bedrijf en Contact, dan verdwijnt het vanzelf.

Berichten, nieuwsbrief en cookies

• Berichten: wat bezoekers via het contactformulier sturen, met ongelezen, antwoorden per mail en verwijderen op verzoek. Ze worden 90 dagen bewaard.
• Nieuwsbrief: zet het inschrijfblok aan. Elke inschrijving moet bevestigd worden per mail. Je ziet de aantallen, kunt zoeken, exporteren als CSV en verwijderen. Een brief schrijven en versturen doe je onder Nieuwsbrieven (zie Nieuwsbrief).
• Cookies: wat de scan vond, per soort, en de toestemmingsbalk zoals bezoekers hem zien. Gebruikt je site geen cookies die toestemming vragen, dan hoef je geen balk. Op een telefoon wordt elke cookie een kaartje met de gegevens eronder, zodat de kolom Soort (waar je een cookie indeelt) niet buiten beeld schuift.

Een eigen adres

Je site krijgt altijd een adres van ons. Een eigen domein koppelen kan zodra het voor je werkruimte is aangezet, met een TXT-regel die bewijst dat het domein van jou is en een CNAME of A-record.

De pagina Domeinen

Onder Domeinen (de knop op het overzicht van je sites) staan al je domeinen op één plek, los van één site. Je ziet wat je kocht en wat je zelf koppelde, met de stand: wacht op betaling, wordt geregistreerd, actief of verlopen. Een gekocht domein dat actief is, hang je daar aan een site, als hoofdadres of als extra adres dat doorverwijst. Een domein hoort bij hooguit één site.

Zoeken doe je op dezelfde pagina. Je typt een naam, ziet meteen of hij vrij is en wat hij kost voor een jaar (exclusief btw; de prijs komt uit de prijslijst van onze leverancier). In de proef kun je zoeken en prijzen bekijken; aanvragen en kopen kan met een abonnement. Heb je al een domein, dan blijft het waar het staat: je kiest de site, zet twee regels bij je DNS en wij controleren ze. Staat kopen voor je werkruimte nog niet aan, dan zegt de pagina dat, en koppelen kan wel.

Een domein kopen

Staat het kopen van domeinen voor je werkruimte aan, dan zoek je onder Adres een naam, kies je een vrij domein en vraag je het aan met de gegevens van een contactpersoon. De prijs is die voor één jaar, exclusief btw. Een aanvraag kost niets en koopt niets: er komt een handtekening met een code uit je app op Te tekenen. Pas als je getekend hebt, krijg je de betaalpagina, en pas als de betaling binnen is, kopen wij het domein, op naam van jouw bedrijf. Alleen zakelijk. Een verhuizing van een bestaand domein loopt apart, met de verhuiscode van je huidige aanbieder, die nergens in een aanvraag of een spoor komt.

Vindbaarheid

Op het overzicht van je site staat de kaart Vindbaarheid. Is Google bij Denkploeg beschikbaar en gekoppeld, dan zie je of de klikken uit Google sterk dalen (40 procent of meer tegenover de periode ervoor, alleen als daar genoeg klikken in zaten) en of Google je belangrijkste pagina's in de index heeft (een steekproef van vijf), met de reden als een pagina er niet in staat. Is Google nog niet beschikbaar, dan zegt de kaart dat rustig; de sitemap controleren we dan alvast zelf: een pagina met een omleiding op zijn eigen adres of zonder inhoud hoort er niet in. Wat we niet kunnen lezen, staat als onbekend en nooit als in orde.

Reviews

Onder Reviews zet je wat klanten over je schreven op je site. Je voert ze zelf in: de naam van de schrijver, de tekst zoals je hem kreeg, de score van 1 tot en met 5, de datum van de review en waar je hem kreeg (per e-mail of bericht, in de winkel, eerder op je eigen site).

• Jij keurt goed. Een review staat pas op je site nadat jij hebt aangevinkt dat je hem mag tonen en bevestigd dat hij echt is. Goedkeuren mag wie de site mag beheren. Je kunt een review altijd intrekken of verwijderen.
• We passen niets aan. De tekst blijft zoals je hem plakte. Alleen onzichtbare tekens halen we eruit.
• Alles tonen. Laat je alleen de beste reviews zien, dan kan een platform of de ACM daar bezwaar tegen hebben. Toon bij voorkeur alles wat je ontving.
• Reviews van een platform. Reviews van Google, Trustpilot en andere platforms slaan we niet op: hun voorwaarden staan dat niet toe, of we hebben ze niet gelezen. Op de pagina staat per platform wat wel kan, bijvoorbeeld een link naar je profiel of de eigen weergave van het platform. Typ ze dus niet over.
• Grens. Bij een merk passen hoogstens 200 reviews. Wie een site mag bewerken, mag reviews invoeren en verwijderen.

Redirects

Een bezoeker die een oud adres opent, hoort niet op een foutpagina te komen. Onder Redirects beheer je de doorverwijzingen van je site: een oud adres dat naar een nieuw adres wijst.

• Automatisch. Geef je een pagina die al online stond een ander adres, dan maken we zelf een blijvende doorverwijzing (301) van het oude adres. Komt het oude adres later weer terug als pagina, dan vervalt de redirect: een pagina wint altijd.
• Zelf toevoegen. Vul het oude adres (een pad op je eigen site, zoals /oude-pagina) en het nieuwe adres in. Kies Blijvend (301) voor een adres dat voorgoed verhuisd is, of Tijdelijk (302) voor een actie of onderhoud.
• Een ander domein. Wijst het nieuwe adres naar een ander domein (een volledige url), dan vragen we eerst je bevestiging en komt dat in het auditspoor. Zo stuur je nooit per ongeluk bezoekers weg.
• Geen lussen en geen ketens. Wijst A naar B en B naar C, dan gaat een bezoeker van A meteen naar C. Een redirect die een kring maakt, weigeren we met een uitleg.
• Csv. Exporteer je redirects als csv, of importeer een lijst (oud adres, nieuw adres en eventueel de code, gescheiden door een puntkomma). Je ziet eerst hoeveel nieuw is, hoeveel een bestaande redirect overschrijft en welke regels we weigeren en waarom; er wordt pas geschreven nadat je op importeren klikt.
• Grenzen. Een site heeft hoogstens 1000 redirects. Reguliere expressies en jokertekens bestaan niet: een redirect geldt voor precies één adres.

Een wijziging gaat mee bij het eerstvolgende online zetten van de site (of als je een domein koppelt of weghaalt). Wie een site mag beheren, mag redirects beheren. Op je eigen site gaat de query van een bezoeker (?utm=...) niet mee naar het nieuwe adres.

Via MCP en de regisseur

Een externe agent met een sleutel van de werkruimte kan Website Studio lezen en voorstellen doen, met dezelfde rechten als het scherm. Alles wat van buiten komt (hostnamen, de tekst van bezoekers, gescande cookies) is tekst van buiten: de agent leest het als gegeven en voert er niets van uit. De regisseur heeft in de editor eigen gereedschap voor Website Studio en gebruikt deze tools niet.

• Lezen: site_domeinen_lezen (adressen en redirects, zonder het bewijs-token), site_instellingen_lezen (bedrijfsgegevens; of er een telefoonnummer en e-mailadres zijn, niet de nummers zelf), site_cookies_lezen, site_voorstellen_lezen en site_snelheid_lezen (de opgeslagen metingen van andere sites; er wordt niets gemeten). site_berichten_lezen geeft wat bezoekers via het formulier schreven, zonder naam, e-mailadres en telefoonnummer, en alleen voor wie ook mag bewerken.
• Een voorstel dat een mens aanneemt: site_domein_voorstellen (een bestaand, bewezen domein van de site primair maken) en site_redirects_voorstellen (tot twintig redirects naar een pagina of een pad op de site zelf). Er verandert niets tot een mens het aanneemt bij Voorstellen, en een primair adres of een redirect gaat pas live bij het eerstvolgende online zetten, met je handtekening. Een voorstel voor een primair adres of redirects neemt alleen aan wie de site mag beheren (net als de knoppen daarvoor), en alleen in zijn geheel. Het pad van een bericht en de velden met telefoon, e-mail of formulieradres in een voorstel laten de tools niet zien, en /.well-known, /robots.txt en /sitemap.xml kunnen niet als oud adres.
• Pagina's, redirects en cookies beheren als voorstel: site_pagina_beheer_voorstellen (hernoemen, aan of uit zetten, in of uit het menu, dupliceren of een eerdere versie terugzetten; site_paginarevisies_lezen toont de versies), site_volgorde_voorstellen (alle pagina's, elk een keer), site_redirect_uitzetten_voorstellen en site_cookie_indelen_voorstellen. Een pagina uitzetten, een redirect uitzetten en een cookie indelen neemt alleen aan wie de site mag beheren. Een voorstel past in zijn geheel of helemaal niet, en verloopt als een pagina, versie, redirect of cookie er intussen niet meer is. Naar de prullenbak en terugzetten uit de prullenbak doet een mens.
• Direct, zonder zelf iets online te zetten: site_bericht_gelezen_zetten (alleen het vlaggetje gelezen), site_cookies_scannen (een scan van je eigen site), site_domein_controleren (de DNS-controle van het opgeslagen adres van een domein van de site, nooit een adres dat je zelf noemt; dit vraagt het recht om de site te beheren, want een geslaagde controle kan een domein activeren) en site_redirects_importcontrole (controleert een csv en schrijft niets; de goede regels voeg je toe met site_redirects_voorstellen).
• De webshop: producten, prijzen en voorraad staan in Commerce Studio (commerce_winkel, commerce_product en commerce_product_wijzigen_voorstellen). Een winkelpagina op je site is een gewone pagina van de soort winkel (site_pagina_voorstellen). De winkelmand in de kop, de herroepingslink in de voet en het webwinkeldeel van de voorwaarden verschijnen pas als je site echt iets verkoopt (een winkelpagina of een sectie met producten), ook als de webshop voor je werkruimte aanstaat. Online zetten gaat altijd langs je handtekening (site_publiceren_aanvragen).
• Bewust niet via MCP: een nieuw domein toevoegen (dat raakt DNS en een certificaat), een antwoord aan een bezoeker (de studio stuurt zelf nooit een antwoord), een bericht of inschrijving verwijderen, een export van berichten of inschrijvingen (persoonsgegevens), een beeld uploaden (het rechtenakkoord hoort bij een mens), een redirect naar een ander domein, een grote csv-import van redirects, een meting starten en een voorstel aannemen of afwijzen.

Zie Aansluiten via MCP.

Wat er nooit gebeurt

• Niets gaat online zonder je handtekening, ook niet via de regisseur of MCP.
• Een voorstel verandert niets tot jij het aanneemt.
• Een domein koop je nooit zonder handtekening. Een assistent via MCP kan zoeken, een offerte vragen, een gekocht domein aan een site hangen en een domein aanvragen, maar de aanvraag wacht op jouw code en betaling, en in de proef is zoeken het enige.
• Tekst die je zelf schreef wordt nooit stil overschreven.
• Een voorbeeld van je pagina draait in een afgeschermde omgeving en wordt niet gevonden door zoekmachines.

Sneltoetsen

Cmd of Ctrl en Z: ongedaan. Shift erbij: opnieuw. Cmd of Ctrl en K: de regisseur. Cmd of Ctrl en S: nu bewaren. Cmd of Ctrl en D: blok kopiëren. Alt en pijl: blok verplaatsen. Delete: blok verwijderen. Esc: niets kiezen. Een vraagteken laat de lijst zien.

Veelgestelde vragen

Kan ik meerdere sites hebben? Ja. Elke site hoort bij een merk en staat als tegel bij Je websites. Een merk kan er meer dan één hebben.

Kan ik een site voor een klant maken? Ja. Kies bij een nieuwe site het merk van de klant. De tegel staat dan bij het merk van die klant, apart van je eigen sites.

Heeft elke site eigen statistieken? Ja. Het overzicht van een site toont alleen de bezoeken van die site, niet van je andere sites. Koppel daarvoor eerst meten bij het merk.

Waar bekijk ik mijn site? Met Bekijk site bovenaan het overzicht. Staat de site nog niet online, dan zie je het voorbeeld; daarna de echte site.

Waarom kan ik nog niet publiceren? Het overzicht noemt elke reden, in gewone woorden. Meestal is het een score onder de grens, een ernstige bevinding in de keuring, een ontbrekend bedrijfsgegeven, of de eenmalige goedkeuring van de juridische basisteksten die nog moet gebeuren.

Wat doet de regisseur? Hij helpt in de editor met voorstellen: korter maken, spelfouten vinden, een FAQ toevoegen. Hij verandert niets zelf. Jij neemt een voorstel aan of niet, en online zetten blijft jouw handtekening.