Een site importeren: een exacte kopie van een site, pagina voor pagina gecontroleerd tegen het origineel

Een site importeren kopieert een bestaande website precies zoals bezoekers die nu zien: elke pagina die je kiest, met teksten, afbeeldingen, lettertypen, kleuren en opmaak. aiKit maakt daarna van elke pagina van het origineel en van de kopie een screenshot, op computerbreedte en telefoonbreedte, bepaalt hoe goed ze overeenkomen en gebruikt AI om de pagina's die nog niet overeenkomen te verbeteren. Je krijgt een overeenkomstrapport met een score per pagina, en de kopie blijft privé tot je op Live zetten drukt. Daarna pas je hem op de gewone manier aan: typ of dicteer een verzoek, voeg afbeeldingen toe, markeer een plek en bekijk het concept voordat het wordt gepubliceerd. Je vindt dit op /home/import, met een knop Een site importeren op de pagina Projecten.

Een site importeren →

Stap 1: het adres en de pagina's

Typ het adres van de site (met of zonder https://) en druk op Pagina's zoeken. aiKit leest de paginalijst van de site zelf (de sitemap), de links in de menu's en het robots.txt-bestand. Dit duurt een paar seconden en gebruikt geen AI.
De gevonden pagina's worden getoond met hun titels en adressen. De eerste 50 zijn aangevinkt. Vink aan wat je niet nodig hebt uit, gebruik Pagina's filteren om er een te zoeken, Eerste 50 kiezen om ze opnieuw aan te vinken, of Alleen startpagina om klein te beginnen. Er kunnen maximaal 50 pagina's in één import.
Pagina's die het robots.txt-bestand van de site vraagt om niet te kopiëren, worden getoond maar kunnen niet worden aangevinkt. aiKit wacht ook tussen pagina's, en langer als de site daarom vraagt, zodat de import de site nooit belast.
Als je een adres met een map typt, zoals voorbeeld.github.io/winkel/, worden alleen pagina's binnen die map geïmporteerd, en dat adres wordt de startpagina van de kopie.
Alleen openbare websites kunnen worden geïmporteerd. Adressen in privénetwerken worden geweigerd.

Stap 2: bevestig dat je het mag kopiëren

Vink Ik ben eigenaar van deze site aan, of de eigenaar heeft toestemming gegeven om hem te kopiëren. Zonder dit kan de import niet starten, en de importservice controleert dit ook zelf nog een keer.
Voeg desgewenst een notitie toe, bijvoorbeeld "Onze eigen bakkerswebsite" of "Eigenaar per e-mail goedgekeurd op 3 mei". De notitie en wie het heeft bevestigd, worden bij het project opgeslagen.
De kopie gebruikt alleen de eigen teksten en afbeeldingen van de site. aiKit voegt nooit tekst of afbeeldingen toe die niet op het origineel stonden.

Wat het kost

Voordat je begint, toont het scherm ongeveer hoe lang het duurt en ongeveer hoeveel AI het kan gebruiken. Het kopiëren van de pagina's en het vergelijken gebruiken geen AI. Alleen de verbeteringen voor pagina's die nog niet overeenkomen, gebruiken AI.
Beheerders zien de schatting en de werkelijke kosten in dollars. Alle anderen zien ze in tokens.
Elke import heeft een harde AI-limiet, en de gewone dagelijkse AI-limiet van het project geldt ook. Wordt een van beide bereikt, dan eindigt de import met wat er al is en laat dat zien.
Als de import klaar is, vermeldt het rapport wat er echt is gebruikt.

Stap 3: terwijl het loopt

Een klok toont de tijd tot nu toe, en zes fasen worden afgevinkt met hun eigen tijden: Pagina's zoeken, Elke pagina vastleggen, Kopie bouwen, Vergelijken met het origineel, Verschillen oplossen en Kopie opslaan. Een balk toont hoeveel pagina's klaar zijn.
Vastleggen opent elke pagina in een echte browser op computerbreedte (1440 pixels) en telefoonbreedte (390 pixels), scrolt door de pagina zodat alle afbeeldingen laden, en slaat op wat bezoekers zien, ook pagina's die met JavaScript worden opgebouwd.
Kopie bouwen slaat elke afbeelding, elk lettertype, elke stijl, elke videovoorbeeldafbeelding en elk document (zoals een menu-PDF) op die de pagina's gebruiken, en laat de kopie naar de eigen bestanden verwijzen. Trackingscripts (analyse, advertentiepixels, chatwidgets) worden weggelaten.
Je mag de pagina verlaten. De import blijft doorlopen, en het adres van dit scherm (/home/import?project=…) brengt je weer terug.

Stap 4: het overeenkomstrapport

Het grote getal is de gemiddelde overeenkomst over de pagina's, op 100. Daaronder toont Eerste kopie de score vóór verbeteringen. Ernaast staan: hoeveel pagina's de slaggrens van 95 hebben gehaald, waarom het verbeteren is gestopt, en wat de import heeft gebruikt.
Pagina's toont elke pagina met zijn score. Een klein getal met een pijltje is de score vóór verbeteringen. Groen is 95 of hoger, oranje is dichtbij, rood heeft aandacht nodig. Een pagina die niet kon worden geopend, vermeldt waarom.
Kies een pagina om te vergelijken. Naast elkaar toont het origineel en je kopie naast elkaar, en scrollen van de ene scrolt ook de andere. Schuifregelaar legt de ene over de andere; sleep de schuifregelaar (of gebruik de pijltjestoetsen) om tussen beide te schuiven. Computer en Telefoon wisselen de schermgrootte. Na verbeteringen en Eerste kopie wisselt tussen de kopie nu en de kopie vóór de AI-verbeteringen.
Hoe de score werkt: die combineert hoe dicht de twee afbeeldingen bij elkaar liggen (elke afzonderlijke plek die verschilt, kost een beetje, dus een verkeerd pictogram telt mee, ook al is het klein) met de vraag of dezelfde teksten, afbeeldingen, koppen, lettertypen en kleuren op dezelfde plekken staan.
Wat is verbeterd toont elke verbetering: een Automatische verbetering (aiKit probeerde de pagina op de andere manier te kopiëren die het kan: zoals de browser hem toont, of vanuit de paginacode van de site zelf, en hield de dichtstbijzijnde over) en elke AI-verbetering met de score ervoor en erna. Nog verschillend toont wat nog niet overeenkomt, in gewone woorden.
Elke AI-verbetering verandert alleen die ene pagina. Een verbetering die de pagina minder op het origineel deed lijken, tekst toevoegde die de originele site niet heeft, of een nieuw bestand toevoegde, werd automatisch ongedaan gemaakt, en het rapport vermeldt dat.

Formulieren op de geïmporteerde site

Contact-, offerte- en aanmeldformulieren behouden precies hun uiterlijk, maar sturen nu naar je Aanvragen-inbox in aiKit, met elk veld gelabeld zoals het formulier het labelt. De bezoeker ziet een bedankbericht op de plaats van het formulier, en het werkt ook met JavaScript uitgeschakeld.
Zoekvakken blijven op de pagina staan, maar er zit geen zoekfunctie achter in de kopie. Inlog- en betaalformulieren blijven zoals ze waren en sturen nergens naartoe. Handig om te weten somt deze op.

Goed om te weten

Links naar pagina's die je niet hebt geïmporteerd werken nog steeds: ze gaan naar de originele site.
Sommige lettertypen zijn gelicentieerd voor één webadres, zoals Adobe Fonts. aiKit kan die niet kopiëren. Het rapport noemt de lettertypedienst; voeg het nieuwe adres van de kopie toe in dat lettertypeaccount, anders toont de kopie een vergelijkbaar lettertype totdat je dat doet.
Een bestand dat niet gekopieerd kon worden (te groot, of de site weigerde het) blijft laden vanaf de originele site, en het rapport telt ze.

Stap 5: live zetten, als concept bewaren of om wijzigingen vragen

Live gaan vraagt om bevestiging en zet daarna de kopie op een eigen nieuw aiKit-adres. De oorspronkelijke site blijft ongewijzigd. Koppel daarna je eigen domein via het tabblad Hosting van het project.
Opslaan als concept opent de projectpagina van de kopie. Het is een gewoon project in je lijst: chat, Versies, vastzetten en de rest werken allemaal.
Wijziging aanvragen opent het bewerkingsvenster van het project. Typ of dicteer wat je wilt, voeg foto's, screenshots of documenten toe (een PDF, Word-, Excel-, CSV- of tekstbestand, zoals een menu of prijslijst), of zet een speldje op een plek op de pagina. Zodra de site live is, wacht elke wijziging als concept met een voor- en na-weergave totdat je op Publiceren drukt.
Verbeteringen voorstellen bekijkt de kopie en geeft 3 tot 5 concrete ideeën voor deze site, elk met de reden en precies wat de AI gevraagd wordt. Ideeën voegen nooit prijzen, telefoonnummers, reviews of beweringen toe die nog niet op de site staan. Doe dit stuurt één idee als verzoek naar de AI-editor (het verschijnt op het tabblad Feedback en gebruikt een AI-bewerking zoals elke andere wijziging). Andere ideeën vraagt om een nieuwe set.

Volgende handleiding Een nieuw gehost project maken — door met de planner te praten, of via Gedetailleerde instelling

Liever een snelle, specifieke vraag stellen? Bekijk de veelgestelde vragen.