I built a 99% SEO Website in 25 minutes (GPT Codex 5.6 SOL) transcript

This website right here scored 99 out of 100 in Google's own SEO performance tests. It was built in minutes. It doesn't really look like an AI generated website and it's already optimized to rank from day one. And most people think that building an SEO optimized website takes days, but it really doesn't, especially not now. So, in this video, I'm going to show you exactly how you can build one like this one with GPT 5.6 Soul, showing you the setup, the connections you need, the design inspiration, and the SEO optimization.

Let's get to it. Let's get straight into the tools you'll be needing for this build. Now, you don't have to use these tools, but this is something that I find works very well with this whole ecosystem because for the most part, all of these tools talk to each other very nicely. Obviously, I'm using the GPT new desktop application and I'm using uh GBT 5.6 Soul for any SEO related tasks which we'll be doing. We're going to be using data for SEO.

Now, this is key here because I personally don't want just a pretty website. I want a website that's actually going to rank and therefore give me some revenue, whether that's through leads or sales. And the crux of this is reliant on good SEO data. Now, if you prefer connecting your ahrefs or your SEM Rush account to ChatGpt, by all means, go for it. But for me, I prefer data for SEO. It's vastly more cost effective.

For the images, I'm going to be using the inbuilt GBT image 2 generator. But if you prefer something like Nano Banana, go for it. For the website framework, I'm going to be using Astro. We're going to be using 21st dev. I'll show you why, but this is where we're going to get inspiration from. The more inspiration, the less it's going to look like an AI generated website. Gap is the right animation framework that you need to be using.

And obviously, we're going to be using Cloudflare to host the website. So, let's go through the connections because all of these talk so well to each other. I don't want to waste time showing you how to connect GPT codeex or the new GPT application to data for SEO cuz I've done a detailed video on how to do that, but I'll leave the link to that video in the description below. The next connection we need to do is Cloudflare.

Thankfully, this is extremely easy. You just need to go to the plugins. Um, ideally for this, you want to use codec, not GPT work. Not that it won't work for this, but I have been using codec, so stick with that one. Once you're in the plugins, all you got to search is for Cloudflare. And you see that it's an official Cloudflare plugin. You just got to install it. I've already installed this, so I don't have to do anything else for it.

When you do install it, you got to make sure that you give it all the required permissions. You see here that I've just given it access to all the skills. It needs to be able to manage practically anything within your Cloudflare account. You can have the free Cloud CL Flare subscription and this will still work. This is why I think this is so good. You don't even have to kind of leave the J Chat GBT application and you can push a website to get hosted.

You can change things with the website being live and a bunch more things. And the last connection out of all this is 21st Dev. Now there are a lot of applications like this but all 21st dev really is is a website where you or your GBT 5.6 can get inspired with really nice designs so that it doesn't look AI generated really nice motion designs then anything that you might really need. You can kind of click on one of these.

Let's say you like this aura background for example and you can copy the prompt and give that to GPT. But I find it a little bit easier if you actually go to the setup here and you can connect this your 21st dev account to your agent. So if you go here to CLI and MCP, we can go to codeex and you can see here that it's got all the instructions for this. You can copy the whole thing as a prompt. You can go back to a new conversation within your codeex.

You can paste it and that is it. You'll see that you've got your API key here already pre-installed, which I'll blur out for security purposes. But that's it. Click run. It'll ask you to verify it. And boom. That means that your GPT 5.6 can now get inspiration from the scrolling animations. What I would recommend you do is you go through a lot of the components and see which one you'd like to integrate to this website build and you save them.

To save them is really easy. Let's say I go to the display card. I really like this little animation. I'm going to go to save. So the next time that you think you know what I think I want to add that in this section of my brand new website you can simply just tell Codeex you can give it the link and it will be able to import it very easily through this MCP. So the other components like GSAP and Astro we don't need to install as such they're just kind of plugins that we can tell GPT 5.6 to install throughout the build.

So it's not so necessary at the moment. Phase number two is about trying to understand everything that the business is allowed to claim. Just a quick interjection here. This is exactly why we optimize for AI search and traditional Google search. Inside the AI ranking school community, one of team's clients closed a massive mortgage deal directly from a chat GBT recommendation. The prospect literally said chat GBT said he was the best option.

If you want better return on investment in 2026 than ads by getting your website ranked in traditional search engines and recommended by AI search engines, AI ranking school community is where you need to be. Link below. Back to it. Let me explain this. I think this is the most important step and one that you can't quite do with the help of GBT 5.6. What I mean here is that we need to understand all of the transactional keywords that we are able to place on this website.

And the error that a lot of time happens is that the business owner or the subject matter expert describes their services in the industry's terms or the internal words they use, but the searchers meaning your possible customers might search for them completely different. So for example, if we build this EV charging installation website which I showed you in the beginning, you know, the service provider might be saying, well, people probably searching for EV charging solutions or level two charging infrastructure, but the user might not know what the level charging to infrastructure is, for example, or they don't know that it's really a planning and a referral service and they're they're just looking for EV charger installation costs.

So we first need to understand and extract from the client if this is your client or from you if this is you all of the possible transactional keywords. Obviously I have a bunch of prompts or MD files that are going to help you do this but you need to place just a little bit of effort in that first phase understanding the business truth and the claims. What I prefer doing is starting up a brand new project within your codec.

So here in projects you can add a plus button. If you have an existing folder where you are already working then by all means go for it. But I'm going to start from scratch here. And let's say I'm going to do this time a dog training business. I'm going to save here. And now it's a brand new project. The resources attached to the video description below. You will have four main MD files here. I'm going to place all them into that brand new folder that we created.

And I'm going to say, can you please understand all these documents? Don't act on them. And make sure you save them in this folder so you can refer to them later. For this, we don't still have to use the smartest model. So, if you're using Soul on medium, that's more than enough. I've got it here on 1.5 speed just to do this a little bit quicker. I tend to find that while this new 5.6 models are fantastic, they are a bit slow.

So, I've just got it on 1.5, which does eat up more tokens, so be aware of that. I'm going to hit enter. And now, it should ask me a couple of questions back. And now you kind of have all the instructions that you need within that folder. You see here that it's got the workflow analysis, building your own site with GPT, copy and paste prompts, and then how to use those prompts. I've done extensive research on kind of the best ways to be able to prompt GPT 5.6.

So, make sure you kind of use all this so it sticks to that. It's kind of sometimes so creative that you want to give it a bit of kind of blindness to the sides, otherwise it gets a little bit funky. Within the folder structure here, you will have 103 copy paste prompt MD. If you click on it, it'll actually open on the side there, which I really like from the new GBT application. I know you've been able to do this for a while, but I'm kind of enjoying this new UI.

You can actually just copy this entire thing here. And this is going to create a bit of an MD doc that will then ref be a reference for the rest of the video. You can fill it out or you can ask GPT to hey, can you help me fill this out for me? So with the tools connected and then all the services kind of in alignment and you know what all everything you need, the next step is to research the market. You don't want to go into this blind.

But if you fill out that first prompt at the end, it's instructed to create an MD file that again is a bit of the um source of truth here. So we have the decision, the recommended areas of launch, for example, the method on how we did this. It did keyword research. It has now a keyword research CSV file, a keyword research suggestion metrics. And here is really the important thing, the keyword opportunities. So the clusters that it recommends we go for EV charger installation, Tesla wall connector installation, for example, level two EV charger and a bunch of other things that it knows are transactional keywords.

Therefore, they become the structures and the pages we start building. It already starts building like a bit of a site map and a plan for this. And this is why I like this because just a bit of planning that was all the planning we did. We just connected it to the right tools and said hey these are the services that we want to do. It then understands ah okay well therefore we should have all of these services and this is how they're going to be formatted.

Service/eome installation service/ta wall connector installation. You're getting the idea here by now. The same thing with the areas if the business is kind of an service area based business. You have guides as well. We have market trust, so we probably need to do how-to guides and a bunch of more things. Phase four is nice and quick, but you do need to verify that you're happy with the page structure and the CTA, the call to action.

This is information that you should have given to GPT5.6. But again, you don't want to just kind of let it do this on on itself. You have to make sure that you check the work that it is doing. And this is before we even started kind of designing the website here. Okay, let's move on to the fun part. Creating the visual system. What is this thing actually going to look like? Now, you might have noticed that in the beginning of the video, I showed you the website animated.

Well, when I scroll down, you see the video of somebody grabbing the EV charger and then plugging it into the car. There's a few other like Gap animations here that you can see and a few more elements that just make it look a little bit more professional, like this one over here. Now, the first decision you need to make is whether you want an animated website. If you do have an animated website, you need to make sure that you're going to have to work a little bit harder to make it SEO optimized because the animation is really in this case a whole video and we exported every single frame and we attached it to the scrolling animation.

Right? So if you want to make a video for this, you need to start with a couple of images and hence why you need to start also within your GPT application. So you can see here that I started with a bit of a style guide like okay, how do I want this thing to look like? This is a business in Texas and this is probably the thing that's going to take you the longest to try and figure out. You can go back and forth with GPT just using GPT2 images.

Make sure you tell it that I want to use the this image generator and not an API that you might have forgotten that you're using. But you can see here that I found kind of a style and look for this. Then I was testing out a lot of different types of videos that we might use for the animation. You can see some of them turned here. Okay. And a few more. You need to decide what videos you kind of want. But how was I able to generate videos within GPT without using something like Higsfield AI, which is okay if you want to.

You need to make one connection here. And that is very easy. You go to plugins and I'm using a API called fall. You see here fall.ai. What fall.ai is a little bit like Higsville to be honest, just more developer kind of focused. And what I've done is you can add a few credits here. This is why I kind of prefer Fall over Higsfield, just because I'm a forgetful person. If I get a Higsfield subscription, which you can plug into uh GPT 5.6.

If you don't use it, you're still paying for the subscription as opposed to 4.AI. I can still access every single large image, video, and sound model. But it's pay as you go. The key to generating a good video with this AI video generators with 4.ai is you need to generate the scenes in between. So you need, for example, to to tell it, okay, I need one screenshot of the user grabbing the charger, for example, and I need another one of it being plugged in.

And then the image generator that we're going to use with 4.AI is going to kind of fill in the rest. Right? So for this instance, I have this one, this one, and this one. So we follow the whole journey of the person grabbing the charger, moving it, and plugging it in. And then with that we can say okay with those images make the full video that we're going to use as a scrolling video. I've got a couple of requirements here that I asked it to create.

And after testing a lot of models in full.AI because you can see use seed dance or whatever it is that you kind of want. I found my favorite model here is actually cling 3. And within the all media in full. So what happens is even if you generate the images using the GBT application the media that you created is saved in your full.AI media. So, for example, you can see here, this is the generation there of that one. I tried generating other things like somehow the electricity being, I don't know, demonstrated that it's coming into the vehicle, but I thought that wasn't that good.

There's a few other ones here as well where we kind of show the electricity moving in through the charger itself. So, you need to experiment. And to be honest, all in all, I might have spent maybe $8 with good generations and bad generations alike. But once you get one that you like, for example, we got this one here where it grabbed this and then put it in the car as you saw before. It'll start understanding that, okay, this is the video.

I need to export all of these frame by frame and we need to attach it to the scrolling animation. And that is part that is in the descriptions on the MD files that I gave you. Once you're happy with the video, and yes, I am kind of making this a little bit quicker because I don't want to kind of bore you with the details. You can start designing around it. If you decided to go with the animated video, not for every kind of website, by the way, just kind of looks nice for this instance.

You can open the website in the GPT application and see how it's working, right? So, this one. Okay, cool. Yep, that was working as intended. I can continue going down here. And this one here, for example. Now, let's say I don't like something. I can always go to the annotate feature here and I can select something right away. a nice little addition for the codeex or GPT app or whatever we're calling it these days. And I can kind of say, cool, can we please choose another image here?

Generate one, please. And it should start doing that if I send it. Perfect. And I can go and continue to do other things. Now, it's not as nice as just editing it yourself cuz I can't just kind of double click and edit it, but it's not too bad regardless, right? The main thing that you need to start worrying about is that you don't need to generate each one and every single page here, but you need templates. You need a template for the service page.

You need a template for the locations page. And you might need a template for the blog post. That's kind of it during the build. I'd also recommend that you check out the website in your own browser as well. So, I've just copied the local host 41 uh 777. And now I've got it in my Chrome browser here. Testing it again, making sure that I'm happy with everything. Want to make sure that you've got all the services here and I can see.

Okay, cool. I can see all these services. If I click on one of them, fantastic. Um, it looks okay. I can start adding more information in them if I want to. All of them tend to have an like an FAQ. If I look with a little tool here, yep, they've got the service schema, nice SEO optimize, and a bunch more things. This thing should be already built in Astro. You do want to doublech check though if the local host isn't starting with four, then you might have to double check that, you know, it's it's just building this thing with random HTML.

But the reason why you want to make sure that it is built in Astro, it probably will be. Don't worry, the instructions there are fairly clear is because Astro straight out of the box comes with really well SEO optimized features, right? And you don't have to think about a lot of things. Whereas, if you're just trying to build it from scratch with HTML, you're going to have to prompt it so much to not to forget everything.

And as you go, you can build in phases. You want to build the homepage first, then the rest of the pages. Wherever you think you want motion, you just make sure that you describe the motion that you want and you tell it to use the GAP motion animation. And of course, this is an SEO channel. You want this whole thing to be SEO optimized. Again, the instructions that I have given you within the resources below should have everything.

But before you even launch this thing, you really want to test it. Now, if you have Chrome, what I want you to do is whilst it's on the local host, before you send this to Cloudflare. You go into the three dots up here. You want to go to more tools and you want to go to the developer tool option. You see that I've got all of a sudden the lighthouse report at the bottom here. You might see elements. You want to make sure you select the lighthouse.

And if you can't see it at the bottom, you might see it in the side, which you'll need to kind of select where you want the dock to be in the side, in the bottom, or in the other side. I prefer on the side. I'm going to choose the desktop and go analyze page load. This is going to use Google's kind of report to tell you how SEO optimized this is. Ideally, you want that to be at 100% before you even push this to Cloudflare.

There's going to be a bit of a difference once you do push it to Cloudflare. But you can see here the website is kind of pretty much everything at 100%. I'm pretty happy with that. If you're getting anything below 80%, what you can do essentially, thanks to like the day and age of having really good AI systems, you can kind of copy this whole result here, nice and dirty, and go back to your GPT and say, "Hey, this was the result of the Lighthouse Google Lighthouse test." You're going to paste it all in there and say, "We need to make sure that everything is at least at a 99 or 98% before we publish. please fix it.

And that is it. It's going to take a little while, but it's going to do research in terms of best practices. What I do like to add there is ensure that you don't change any design elements just to make the website faster. Sometimes it'll get rid of an image or something because make it optimize isn't enough of kind of a boundary here if you don't give it any restraint. So, as long as you say, look, don't change the the design and the images, but do make it load 99 and everything kind of at 100% from an SEO perspective, then you should be okay.

The final thing you need to keep in mind is you obviously need the domain name that you've purchased in your Cloudflare account. Hi guys, just a quick one here. If you want to learn how to rank your website number one in the local map packs and organically like Will here, one of our community has already done. The AR ranking school community is for you where we'll teach you and we'll support you to do this so you can rank number one in the AI search engines.

Link below. Back to it. I just purchased the domain on Cloudflare. They tend to be about $10 unless it's a kind of really sought after domain. I can go to overviews for example and I can buy or add a domain. You can connect, you can transfer, you can buy one. If you bought it somewhere else, you'll need to connect it here. You can see that I activated this one. EV charges Texas. I can't believe I managed to get this one.

So, I had already bought it. And once I was happy with the design locally, cuz we were hosting this locally and seeing this on on our browser, but locally, all I had to do was one prompt. I just said, "Send this to Cloudflare." Now, I should have really told it, "Send this to Cloudflare and attach it to this domain, but it kind of guessed, well, it's an EV charging business in Texas. I'm going to attach it to that domain." So, when you do this, and if you've already bought the domain, make sure you say, "Hey, send it to Cloudflare and attach it to this domain." And the rest will kind of be done for you.

And then you can kind of see the Cloudflare deployment, which is kind of like the staging site for this. And you can see now that it's the same website that I showed you in the beginning with all of the services. And you do want to kind of check and make sure that all the services pages make sense. For the most part, everything should be fine. You probably need to check one or two of these service pages. Make sure all the headings are okay.

Make sure the structured data is okay. In fact, I've got a checklist for you to have. It'll be in the resources below. It's a bit of a kind of launch checklist. Right. He is the speed, the core web vitals, the image SEO, the indexing, the on-page SEO, the keyword selection, the schema, the structure, AI, search readiness, which is really a thing. You do actually need an LLN.txt file and a bunch more things that'll be below that.

You can kind of follow this and make sure you do it with at least the homepage and a couple of the services pages. Make sure everything kind of ticks the box and then you're good to go. So, we optimized and then we deployed. One thing that I want to make sure we cover in this video is connecting it to Google Analytics and Google Search Console. Without those two, you don't really know how to move forward, if it's working, what's getting indexed and not.

And sure, you might have a pretty website, but then you can't, for example, do ongoing SEO services because you don't know if what you're doing is actually working. So, let's quickly go through that. So, in your Google Analytics account, you're going to press on the drop down here on the admins. We're going to create. And this is a brand new account, not just a property. So, I'm going to create a new property. And I'm going to go EV Texas charging. and the rest.

I'm going to go to next and approve everything. Again, you want to name it the same, EV charging, Texas. Make sure you get the right reporting zone. I'm going to go to United States, currency, USA, the business, uh, small. Okay. Depending on the business here, obviously, if it's an e-commerce website, drive sales. I'm going to go to generate leads. Create. Yes, I accept. And then the choosing the platform. This is a web.

Perfect. This is going to be www.echchargeex.com. The stream name is going to be the same. I'm going to create and continue. And when you go to add stream, it's going to give you the instructions to add the tag. Thankfully, because we have GPT with access to the website, with access to the Cloudflare account for that website, kind of don't need to worry about much. And all we really need to do is on the same conversation that you were having with that is say, "Hey, uh, can you install the GA4 tag?" And place all that information in there.

I'm going to hit enter. And just so you know that we're going to do this live here. What I'm going to do is I'm going to test the website of a tag that it won't have. Now, there is a tag manager plugin here that you can get. The plugin is called tag assist. And we want to make sure that it is enabled. We want to go back to the site here. And if I click on that one, it should load and it should show me that there isn't a tag.

Perfect. So, no Google tags found. That is what I wanted now. But let's go back to GBT and I'm going to go great deploy to the live site. Okay, so we see that it should have been deployed to the site. Let's check live, right? I'm going to just refresh this. I might have to hard refresh it a couple of times. And let's check the tag assistant again. And there you go. Tag was found. So we are now actually going and make sure that we measuring where the traffic is coming from.

And what you could do now is make sure that you are measuring all the things that you deem a conversion. So a form submission for example and a bunch more things you just kind of tell chatbt now saying hey check the form submissions make sure we are triggering that as a conversion and finally of course search console this will let us know how this website is performing in the Google search engine network really easy to do as well on the dropown you go to add property we're going to add a website we're going to place the domain in there and it's already auto verified you might not have that but what you'll need to do is go to the property and You might have to launch your Google search console and attach it to your Cloudflare because you've already logged into your Cloudflare with this.

Sorry, I'm saying Cloudflare wrong. But if you're already logged into Cloudflare and Google Search Console, it will automatically verify you as the owner. A nice other thing from Cloudflare itself. The last thing we want to do is make sure that we submit the site map. If you don't know where your site map is, well, you can ask GBT, what is the site map URL, for example. It should give you a little URL that looks like this.

Perfect. I'm going to copy this. And you just want to verify it kind of. It's good for you to go and see what's in the site map. Great. That looks okay. I'll need to add a few more pages, but whatever. I'm going to go to the sitemap. And all I need to do is that last bit here, which tends to always be/sitemap.xml. I'm going to submit this. And great sitemat submitted successfully. So what we've done here now is build a SEO optimized website first.

That's really what should be within the first thing you want to do. We can wow people with the scrolling design and the fancy animations, right? And I get that you could probably do a much better job of what I've done at the moment, but that isn't the point. Like a pretty website, sure, if you're just selling a pretty website, great. I want a website that gets results. So yes, we can build a nice scrolling animation site, but I also want to make sure that this thing is going to rank from day one.

And what we've done here with this structure with giving GPT 5.6 that is so smart just the right tools and the right knowledge about the business, it'll have everything with those instructions that I gave you to create a really well optimized website. And you saw that, right? That's the main thing out of this. Now the second part of this is really interesting because essentially you could run this entire website directly from your GPT because it's connected to the site by Cloudflare.

You can give access to chat GPT to the data from Google Analytics, Google Search Console. I've actually done a video about that. I'll leave that in the in the link description below. So you can not only build a website but manage a website directly from the new GPT application. Thanks for watching. I hope that was useful. I'll catch you in the next one.