Een bestaande site vernieuwen

Module 2: De eerste versie · Leestijd: 10 minuten

Leerdoel: Na deze les kun je een bestaande website laten inlezen, kiezen welke pagina's en welke huisstijl meegaan, uitleggen wat er wel en niet wordt overgenomen en wat er met je foto's gebeurt, en de nieuwe versie vergelijken met de oude.

Kernbegrippen: Bestaande site vernieuwen, inlezen, Lees mijn site in, inleespaneel, pagina's aanvinken, ontwerpwens, huidige kleuren en lettertypen, AI-model, foto-omschrijving, robots.txt, parkeerpagina

Waarom vernieuwen in plaats van opnieuw beginnen

Heb je al een site, dan staat daar al werk in: je eigen teksten, foto's, contactgegevens en vaak een privacyverklaring. Met Bestaande site vernieuwen leest de bouwer die site in en bouwt hij er een nieuw ontwerp mee. Je eigen formuleringen gaan letterlijk mee, niet samengevat. Dat is precies wat een site persoonlijk maakt.

Dit werkt voor gewone sites, WordPress- of Joomla-sites, sites die pas in de browser worden opgebouwd en ook sites uit de Drag-and-drop Builder. Je huidige site blijft gewoon online tot je de nieuwe op hetzelfde domein publiceert.

Inlezen: hoe het werkt

1. Kies in de startkaart Bestaande site vernieuwen.
2. Vul bij Adres van je huidige website het adres in, bijvoorbeeld www.example.com.
3. Klik op Lees mijn site in. Dat duurt meestal een halve minuut en is gratis.

De bouwer gedraagt zich als een nette bezoeker. Hij begint bij het adres dat je geeft, volgt de links in je site, en neemt de links uit je hoofdmenu altijd mee. Hij volgt robots.txt (het bestand waarin een site zegt wat bezoekende programma's niet mogen lezen) en leest hoogstens 60 pagina's per keer; is je site groter, dan neemt hij de belangrijkste mee en meldt hij dat. Inlogpagina's, winkelwagens, afrekenpagina's en zoekpagina's slaat hij over. Je kunt hoogstens 10 keer per uur een site laten inlezen.

Staat er op het adres geen eigen site maar een parkeerpagina of standaardpagina, of kan de bouwer niets lezen, dan schakelt hij over naar een nieuwe website: hij zet een begin van een beschrijving klaar die jij aanvult (les 2.1).

Het inleespaneel: kiezen wat meegaat

Na het inlezen zie je in de startkaart wat er gevonden is:

• een kopregel als "Ingelezen: 5 van 7 pagina's gaan mee, 9 foto's", soms met het platform waarmee de site gemaakt is;
• de lijst Pagina's, elk met een vinkje en het adres;
• het aantal woorden, foto's en formulieren;
• Gegevens die we herkenden: naam, e-mail, telefoon, adres;
• de schakelaar Huidige kleuren en lettertypen als uitgangspunt houden;
• het veld Wat wil je anders aan het ontwerp?

Welke pagina's staan aangevinkt? De homepage, pagina's in je menu, pagina's met eigen foto's en pagina's met minstens 25 woorden. Vink uit wat niet mee hoeft: een oude actiepagina, een pagina "Nieuws 2019", een bedankpagina. Er moet minstens één pagina aangevinkt blijven.

Let op: zodra het inlezen gelukt is, opent meteen het venster Waar komt je website?. Wil je eerst pagina's uitvinken of een ontwerpwens typen, klik dan in dat venster op Annuleer, pas het inleespaneel aan en klik daarna op Website maken. Bij vernieuwen kies je in dat venster alleen de plek; de soort afbeeldingen vervalt, want de bouwer gebruikt je eigen foto's.

Huidige kleuren en lettertypen: staat de schakelaar aan, dan blijven je kleuren (tot vier) en lettertypen (tot drie) het uitgangspunt. Uit: de bouwer kiest zelf een passende look. Je logo en foto's neemt hij altijd over.

Wat wil je anders aan het ontwerp? Hier zeg je hoe de nieuwe site moet voelen, bijvoorbeeld "frisser en moderner, rustiger met meer wit, grotere letters". Je teksten worden overgenomen; hier gaat het om de vorm. Vooraf zeggen is gratis, achteraf aanpassen kost bewerkingen.

Wat er met je foto's gebeurt

Van je oude site neemt de bouwer hoogstens 12 foto's over. Om te weten wat erop staat, gaan die foto's één keer naar een AI-model van OpenAI (Amerikaans), hetzelfde dat de teksten van je site maakt. Dat beschrijft kort wat erop staat, zodat de bouwer weet waar een foto past. Vrijwel geen site heeft bruikbare beschrijvingen bij zijn foto's, en bestandsnamen zeggen meestal niets; daarom is dit nodig.

Twee gevolgen. Staan er op je foto's mensen, dan gaan die beelden dus naar een AI-dienstverlener; weeg dat af, en meld het waar nodig in je privacyverklaring (module 7). En wil je een overgenomen foto niet op je nieuwe site, klik er dan in het voorbeeld op en vervang hem via Foto vervangen.

Wat wel en niet meegaat

Bij een vernieuwde site vult de AI in principe niets aan: hij gebruikt wat je oude site en je bijlagen geven, en verzint geen naam. Kijk toch alle prijzen en tijden na: een gegeven dat niet op je oude site stond, hoort er niet op de nieuwe.

Wat het kost: de bouw van de vernieuwde site kost 5 bewerkingen, behalve als het je allereerste bouw is. Inlezen zelf is gratis.

Vergelijken met de oude site

Na de bouw krijg je geen lijst met pagina's die niet terugkwamen. Vergelijk daarom zelf:

1. Open je oude site in een tweede tabblad.
2. Leg de menu's naast elkaar: welke pagina's ontbreken op de nieuwe site? Was dat je bedoeling?
3. Kijk per pagina of belangrijke stukken tekst er nog staan.
4. Controleer contactgegevens, prijzen en tijden.
5. Kijk welke widgets of video's je opnieuw moet plaatsen.

Schildersbedrijf Example had een WordPress-site met zeven pagina's. Hij vinkt "Nieuws 2019" en de bedankpagina uit, laat zijn blauwe huisstijl staan en vraagt "rustiger, meer wit, grotere letters". Na de bouw ziet hij dat zijn ingesloten YouTube-filmpje weg is; dat zet hij later terug als widget.

Verandert het adres van een pagina, dan kan dat gevolgen hebben voor hoe je gevonden wordt. Een plek in Google kan niemand garanderen. Hoe je vernieuwt zonder vindbaarheid te verliezen, lees je in de cursus Online gevonden worden.

Samenvatting

• Bestaande site vernieuwen leest je site in (gratis, meestal een halve minuut, hoogstens 60 pagina's, robots.txt wordt gevolgd) en bouwt er een nieuw ontwerp mee.
• In het inleespaneel kies je de pagina's, of je kleuren en lettertypen het uitgangspunt blijven en wat er anders mag; annuleer het plekvenster als je eerst wilt aanpassen.
• Hoogstens 12 foto's gaan mee; die gaan één keer naar een AI-model van OpenAI voor een korte omschrijving.
• Teksten gaan letterlijk mee; formulieren, scripts en widgets niet.
• Vergelijk de nieuwe site zelf met de oude: een lijst met wat ontbrak krijg je niet.

Quiz

Opdracht

Opdracht D2.3: Inlezen en kiezen wat meegaat. Lees een bestaande site in: je eigen site, of als je die niet hebt een site van een vereniging of familielid met toestemming. Bouwen hoeft niet als je je plek al gebruikt; het gaat om het inleespaneel.

Checklist:

• [ ] Bestaande site vernieuwen gekozen en het adres ingevuld;
• [ ] Lees mijn site in geklikt en het inleespaneel bekeken;
• [ ] pagina's beoordeeld en uitgevinkt wat niet mee hoeft;
• [ ] Gegevens die we herkenden gecontroleerd;
• [ ] besloten over Huidige kleuren en lettertypen als uitgangspunt houden;
• [ ] een ontwerpwens geschreven;
• [ ] genoteerd welke widgets, video's of formulieren je opnieuw moet plaatsen.

Vragen:

1. Hoeveel pagina's vond de bouwer, en welke vinkte je uit? Waarom?
2. Welke gegevens herkende de bouwer, en klopten ze?
3. Wat moet je na de bouw opnieuw plaatsen of zelf aanvullen?

Na "gedaan" zie je een voorbeeldantwoord: 7 pagina's gevonden, "Nieuws 2019" en de bedankpagina uitgevinkt omdat ze verouderd of overbodig zijn; naam, telefoon en e-mail klopten, het adres ontbrak; opnieuw plaatsen: het YouTube-filmpje als widget en het contactformulier instellen.

Verder lezen

• Gratis cursus Online gevonden worden 8.3: Verhuizen of vernieuwen zonder je vindbaarheid te verliezen
• Gratis cursus Online gevonden worden 3.3: robots.txt: wat je wel en niet blokkeert
• Sitebuilder en AI Builder: welke kies je en hoe open je hem?
• Gratis WordPress-cursus 9.3: AVG: cookies, formulieren en privacyverklaring