Transcripts
1. Welcome to the course: Welcome to this incredibly
exciting course on vibe SEO. My name is Alex Genadinik
and I'll be your instructor. In this video, I'll briefly tell you what to expect
from the course, and we'll start right away. Well, what is vibe SEO? Perhaps you've heard
of vibe coding, where you tell the AI what
kind of websites you want. By telling it in
English with words. And it tells you, and
it creates the website exactly as you want it. And it feels so good
finally to create websites that it's
like vibing with it. So it's a term that
developers made when AI was able to create
stuff for them that developers never had to
actually quote anymore. Now we're going to use
that for SEO, vibe SEO, making websites and
doing technical SEO, which was hard, which
was the approach, which took a lot of time and
sometimes it was expensive. Now, in nuts without any headaches because
it's done by AI. And even if the AI makes
a mistake, guess what? You just tell, Hey,
AI, please fix it. And then it fixes. So
I'm going to show you how to do all the technique
a SEO that was difficult. Now it's so easy and you
can do it by yourself. Never again, you have
to hire a designer, web developer, wordpress
person, all that. That era is gone. And it was a hard era because
if you remember building your website by hiring people on fiber or doing it by yourself, and the website would look
ugly, no more of that. I'll show you exactly
how to do it. The right SEO, the right design, the right technical SEO, all in under one day, sometimes under 1 hour, even from not having
a website to having a thriving live
website that visitors can come to all in this course. So welcome. Let's begin.
2. Showing the end result of a built website : With this video, let's begin a new section of
the course in which I'm going to show you how to
create an entire website. And as you optimize
that website, all with AI, so there's
no more coding. So if you've ever done
WordPress or if you've hired freelancers before and it cost you a bunch of money
and time and headaches, this is going to show
you exactly how to do it in mere minutes or hours. And even if you have a website, there will be a video
showing you how to port your website so you never have
to write content by hand. Freelancers. That's a
universe from the past, and AI is rapidly changing that, making things a lot
cheaper, faster and easier. And this particular section is taken from another
course of mine, which is a more full course on how to build your
website with AI. But here, I added some videos, so you have them in this course, also, so you don't
have to hop courses. It's here for your convenience, and it's not a full course, but it's enough to help you understand exactly what
you can do with AI today because this is how more and more websites
are getting built, especially if they are
not overly complex. And the example I'll
be showing you is a random website of mine that
I just used as an example. So it's not necessarily relevant for anything we're
doing in this course. So for your takeaways, just
think about either how to apply this to any
other website of yours that you might
be building or one that you might want
to edit that you're already maintaining to
see how much easier your life might be if you
switch to AI development. And of course, if you hate AI, I understand AI is
not for everybody. You don't have to do anything with AI that
you don't want to. You can maintain your website
the same way you've been. There's no pressure. This is just a more or less
cutting edge option. That I should
recommend because for many people and business
owners and marketers, creating a website
is a headache. Many people are
not expert in it, and many people are glad when
the process is simplified, which this section is
going to show you. And the AI serce I used for
this is Atomsvms dot DIV. It's an AI platform
that can help you create websites
with vibe coding, meaning that you just tell it in English words what you wanted to build, and
it does it for you. I'll be showing you
exactly how that's done. But this is the modern approach. The traditional
method of building your website with WordPress is kind of going away
because for new websites, AI vibe coding is
essentially the standard, and here I'll be showing you
not only AI vibe coding, but vibe SEO, which is doing your SEO
in the same kind of way where you just tell the AI exactly what you
wanted to have built, and it does it for
you, saving you hundreds and hundreds
and hundreds of hours of time as you'll see. Before we fully dive into how to create a website from
scratch with Adams, I want to show you the end
result website that it made for me in literally
a couple of hours. And really, it was a
couple of minutes, but then I kept giving
instructions and perfecting what I wanted with just some
attention to detail. But let me walk you
through what happened. This is a full and
complete website, enterprisespeaker.com. That's mine. It's a website that promotes my public speaking. You can create a website
on anything else. If I had to hire a
WordPress developer, it would take maybe a week and a couple of hundred
dollars in a good case. Just to launch, and then thousands of dollars over time and over the years
in future updates. That's not even counting
content creation. That's just website
maintenance that you're saving thousands of dollars over the
lifetime of your website. Sometimes the developer
you hire isn't good, and you have to pay them, then realize they're bad,
then hire another one. But immediately, you
get that savings of a week or two of time
and a few hundred dollars. That's just for the design
and development of the site. Now also, what AI created for me here is a bunch
of landing pages. If I click on productivity, you'll see there are bunch of pages that target
specific keywords. If I click on AI productivity, it will be different pages. You see it's all landing pages that are optimized for SEO, so that they can rank in
Google and get promoted. Now, if I had hire somebody. There are about 50-70 pages. That would take a couple of
months for a human to create. And if you were
to hire somebody, it would be a few
thousand dollars, even if it's relatively inexpensive because it's
just so many pages. And the reason there are
so many pages is to target different keywords because what I'm doing with the
site is, for example, I want to get hired as
an enterprise speaker, like a corporate speaker
on topics like AI for content creation
and other topics like leadership and all the
subtopics in leadership. So in just one day, I created this entire SEO
framework so that my website can get ranked for all of
these long tail keywords, and I didn't have to
do any of the writing. I just asked Adams to do it. So it's now thousands of
dollars and months of work that gets saved and completed in just
a couple of hours. Now, of course, there
are images that were created and many
other things like that, like for the blog posts
and for different pages. And there's the
sales copywriting. So there are even more savings, but I'm not even going to talk about that because it's already, as you can see, very
substantial savings and really rapid development. So this is great in two cases. If you are a freelancer, you can now offer
an incredible suite of services, SEO copywriting, sales copywriting and
website creation all in one, whereas before maybe
we're just offering SEO services or other
kinds of services. So that's great. If
you're a freelancer, this makes your life
so much better. But also, if you are just an
individual business owner, now, you can just create your website in a few minutes
because, you know what? I always wanted to create a website specifically for my enterprise speaking
and promotion of that, but I never had the time. So I actually was in your shoes because I always thought
that would be a great idea, but I have other projects,
don't have the time. But this made it so fast and efficient that I
actually did have the time, and I was able to prioritize
and build it all. That's the end result you
can really look forward to, and that's exciting because now you can really make
your ideas come alive for an absolute minimal fee
and within minutes or hours, which is just unbelievable.
3. Pricing : In this video, let's go
over the pricing of atoms so that you understand what
you can get for your needs. And I'll give you some
suggestions for how to manage your work to make your budget
go as far as possible. So as you can see,
there is a free tier. You get 15 daily credits with
up to 25 credits per month. So it's not like 15 every day, 15, every day, 15, next day. It's 151 day and
then ten next day, and then you have to wait
until the next month, which is a little tricky. It's also confusing, 15 credits, what can I get for a credit? About 15 credits
gives you enough to prototype one small
project, one small website. This tier is
essentially for you to test drive this product so you don't have to pay
before you're ready. But if you can create your
website here for free, in a way that you like,
at least most of it, then that's going to be
a sign for you that, Hey, I can get the pro option, which is not expensive
because if you were to get hosting for a website, that's still going to be
a few dollars a month. We also, this is a
few dollars a month. Plus, you get this incredible functionality that you can get your website built for you because if you had a
traditional website, you might also have to pay for a designer, for a developer, for other services that
this AI will do for you, so it actually works out
so much cheaper overall. And here you get 100
credits a month, which is not unlimited, okay? It's not unlimited. But it's enough. What is it enough for? It's enough for you to
make adjustments to the pages that you do
get made, for example, maybe you don't like
the color schemes or some of the
terminology used in the copywriting or the voice of the writing maybe wasn't good, and you want to change it. Or if you want to keep adding
some pages each month, that's perfect because
in the first month, you can get your website
made with initial pages, start your work ranking, and of course, you
can pay for overages. But if you don't want
to pay for overages, you can build your website,
start promoting it. When your next
monthly cycle begins, you get 100 more credits, which is enough for you to build out a good website for SEO. Now, if you ever do decide
to get the pro version, there are two ways
to get discount. As you can see, if you
get the annual account, it's $15.80 per
month, not the $20. But let's say we get this and we say get started and
we create an account, it's going to bring us
back to the same page, and it's just going to give us an option to upgrade.
We'll say upgrade. And what you can do
is in the checkout, they do ask you to confirm
that it's you first, so they send you a
message to your phone. I just enter some code. And when that's ready,
actually reached out to Adams, and I asked, Can students of
My course get a discount? And, luckily, they said yes, and they made me
a discount code. It's Alex ten. See what
happens when I enter Alex ten. The annual price is $189.60. After I applied this code, you should get a 10%
discount. There you go. For full disclosure, in
order to get this code, I had to become an
affiliate of Atoms, which means that I get a
commission when people sign up. If you don't want me
to get a commission, don't enter this code. But if you want a discount, that's the code to use. After you enter this code, you can click Unsubscribe, and then you
immediately get access to the Pro account or whichever level of
account you choose. And with that, you'll be able to create your website
that very same day and publish it as you'll see very shortly in the course. If you ever become a power
user of the service, the MAX option would be the right option
for you because if you're just going
to consistently go over 100 credits a month, you still feel like you need
more and more development. That's actually pretty good because maybe you're
getting a lot of clients and you're building their websites and
doing their work. So there are many cases where actually upgrading to this
level is a good idea. But in case you are
budget conscious, you can test drive
this for free, and even the pro
option does give you enough to keep on building
out your website, even maybe more
than one website, a substantial amount each month. And if you ever
become a power user, then it's the MAX option, but the pro option should be
plenty for most people. So that's how I'd manage it
to keep it budget friendly, but also very practical and doing enough to
grow your business. Of course, compare
that if you had to pay for a freelancer, this wouldn't be
tens of dollars. This would be hundreds
or thousands of dollars. So it's far, far better
and more economical.
4. Creating an SEO keyword taxonomy: Before we just go out and create a bunch of
pages with vibe coding because it's so easy because the vibe
coding does it for us, we still have to get organized. And whatever your vertical is, you have a range of keywords that if you were creating
pages by hand, you know, like the old way and you
had a human writing things, then you had a very small number of pages you could create, whether it was you by
yourself or freelancers, you'd run into a time constraint
or a budget constraint. But now we don't have that. So let me give you an example of a crazy vertical with so many keywords and
how to organize it into taxonomy with
categories which you can then go and give to your
AI vibe coding agent, and it will spin up a bunch of intelligently planned pages, each targeting the right
kinds of keywords. So this is an example
of a website I'm currently working on where
I'm targeting artists. Now, if you ask what's art? Well, under art, there's dance, there's singing and
music, there's painting. There's photography.
There's film. There's many. And there's so many that it's
easy to forget how many. This is Claude. You can use any AI agent. I
asked it like this. I'm doing SEO for the
Spark token targeting artists who would want to
raise money with SPRK. What are all the verticals from artist to
painter to sculptor? This is just me giving an example so it knows
what I'm talking about. I think we need to
organize it into categories and then
in each category, all the possible genres. This particular
prompt is sloppy. Claude doesn't need the words. I think it can work with direct phrases like
organize these in top level art categories with each category have
all the variations. And it gave me that. Here we have visual art,
performing art, music, literary art, et cetera, gave me a bunch of these,
and under each of these, give me all the keywords. Obviously, these
keywords will have varying degrees
of search demand. Some will have some volume, some will have nearly zero. But even if there's search
of like one per month, if it's nearly free to
make, why not target that? So I've got these eight
top level categories, and after that, I said, list all the SO pages you would strategically and
sensibly target with all these keywords because you're not going
to make a keyword for every subcategory
and every sub keyword, you would group some of these
probably under sculpture, different kinds of very
initial sculpture types that will go under one page, but different music genres, some overlap, but some don't. And what I was targeting
is crowd funding patron alternative with
cryptocurrency four. And then this is where
the art type that I'm gathering all this keyword,
that's where it comes in. Then it gave me all of
these tier one pages, crowd funding for
visual artists, crowd funding for musicians, crowd funding for
performers, et cetera. And it gave me all
these other pages. And then this, you see, gave me tier three, pages other kinds of pages, about 52 pages in total. So you take all your keyword
variations and categories, and you take all the
pages it suggests, like these kinds of names, and these would make
the page and then this is actually
what you feed to your vibe coding
assistant because then it's very easy
for the vibe coding assistant to spin
up all these pages. Now, obviously, it's
not totally free. Every request cost a little bit. Maybe you have some credits that you bought and you have to
keep buying new credits. But this is one of those things
where ideally you make it once and it lives on your site forever and hopefully
generates traffic. And obviously, it's
nice es on pages. So even for AI, it might take a little while, like ten, 15 minutes to
make all these pages, and obviously, it would
have some upfront cost. So not totally free,
but near free. But in this video, what I
wanted to highlight is how to take a giant
taxonomy of keywords, and yours might be even bigger. But once you organize them, doesn't matter how big it is. It's very well laid out, and the AI will know exactly
how to structure the pages, how to architect everything, and create all the content
in an organized fashion. So you don't have
to keep wondering, Have I targeted artists? What about sculptors? Have I targeted sculptors with clay? What about sculptors who chisel? I don't know, right? You never want to get yourself into a place
where you're like, I don't know. I forgot. Did I do that's why you need this high
level organization, kind of a taxonomy for
your keywords that the AI can then
handle very easily.
5. Prompt engineering for vibe coding: Whenever you create
an account on Adams, you log in and you'll be presented with a screen
like this asking you, What would you like
to build today? Most people will still be under the free account when
they first log in. But as you can see, in my case, I have a lot of credits
here in this account. So I can create something big. If you don't have
a lot of credits, do not create something big, but here we can do this. And I want to create an entire
website in one fell swoop. Now, of course,
it's not going to be the end result
of the website, but it's going to be
a good first draft. I want to create a very
strong first draft, and here we're going to have
a very strong SEO focus. Meaning that I did a lot
of pre work ahead of time. Let me show you that prework, which largely has to do
with keyword research because I worked with Claude, or you can use any other AI
or by yourself without AI. And I created a taxonomy
for my public speaking. I covered topics
like communication, leadership and management,
productivity and performance, AI, things like this. And I took a while. But first, I came up with
keywords I want to target. Based on those keywords,
I came up with different pages I want to target and the
URLs and sub URLs, obviously, I didn't do this all by hand and I got help with AI. This took me about an hour of
getting organized because, A, I knew a lot, but it
couldn't mind read me. I had to edit. There
were some iterations. There's a lot of
prework because I want to do this all
in one fell swoop, which you don't have to
do, but I want to try. So here is the prompt
that I created. It's a long, prompt, very detailed with
a lot of pages, as you can see that I'm
going to ask Adams to make. So let's read it together. First, I want to
give it context. Create a website for Alex Gia Denick, who is
a corporate speaker. Alex specializes in these
high level topic categories. Productivity and
time management, AI productivity
in the workplace, leadership, communication,
emotional intelligence. So I asked him to make
high level topic pages for these under these
high level pages, add these specific topics, and here are the
specific topics. So there's going to be
a productivity section, an AI section, a leadership
section like that. You can break this down into little prompt to AI to build
it out one step at a time. But because I had a
certain structure in mind for the website, I just wanted to give
it that full structure. And under that structure, these are all the URLs, this
is specific to this project. But obviously, in your case, you'll have things
specific to your project, but underneath, I gave it some additional
prompt suggestions, but these are
specifically for SEO. Like, look at this.
In every page, there should be an FAQ section. Don't use the long hyphen because that's kind
of a dead giveaway that AI wrote the content
for optionally here, generate an image
for every page. I'm actually going to remove
this because it takes a long time and many
credits to generate images. It's a lot more
expensive than text, so you can either upload
your own images per page or get Cha GPT to make your images for free and
then upload those images. So that's optional. And after every article, I asked it to create a bio. Bios are really important
for credibility, both for people and algorithms that are going to
scan your websites. Then I asked it to interlink
the pages where appropriate. That's a good thing for CEO. And make every page have
a call to action to email me so that people who want to hire me can inquire about
having me as a speaker, and then I might as well say
something like this here. This is not necessarily
an SEO thing, but for each topic page, create a 1 hour
speaking program, a 1 hour workshop that can be done and a three
hour workshop. And then in my case, what
I would do is go into every page and edit these
one at a time over time. But for now, I just want these to get made so there
are placeholders. And what I can do is I
can take all of this. This is a full prompt. Before you paste it fully, you might want to edit it and think of things
you're forgetting, like, for example, what
should be the design like? The design should
be professional. I added some instructions to the prompt the design
should be professional and accessible in terms of
being friendly and open and it should position Alex as
an authority in the field. Obviously, you can
change this over time. None of this is set in stone, but you want to get a lot of things right from
the first time. So whenever you're ready, you can take all
of this and paste it right into your Atoms prompt. You can also add some images. I'm just going to take a screenshot of an
image that I've been using recently and
paste it in here. If it looks awkward, I can remove it from some pages, but let's at least
give it some images. Obviously, maybe you have more images so that
they change up. It's not the same
image in every page, but in any case, as you can see, you can just drag and drop
images. It's very easy. If it's a little unclear
where the text got pasted, you see it says paste
hyphen text dot TXT, this when you paste
a big block of text, it doesn't actually
just get pasted as a free form looking text, it just gets pasted like this. It's still there.
Same with the image. It's still there, but it's
just little attachments. Then I have a little
prompt, use this image on the homepage and other pages.
Something I wrote by hand. This is the big block
of text that I pasted, and I just wanted to
explain that if it's not immediately clear by how
it looks on the page. But everything we
worked on is there, the image and the prompt. And we're going to press Go and have Adams create
the website for us. Now this is just going
to be a prototype. It's not going to be a real
website, but if we like it, we could launch but for
now is just contained in our test environment and development environment
here. So let's press Go. This is going to
take a while because there's a lot of content
and pages to create. So as you can see,
it's already working, it's already processing things. On the left side, it's kind of telling you
what is happening. It's a good idea to read along with
whatever Ted is doing. But I'm just going to fast
forward to the moment when it's done so we
can examine the output. So let's actually look at the
output in the next video.
6. Results of building the website: So it took over 30 minutes, maybe even a little more
than that because there was a lot of pages because
as you can see, it says here, the
website is fully built and compiling
successfully, all pages homepage and five
category pages and plus 40 topic pages and
shared components and routing and data
layer are complete with warm gradient style, a final built verification, and UI check will be performed. So it built a lot
of it. Now it's time to preview what it made. And as you can see, I asked it, how do I preview the website, and it gave me the
website preview see here all the navigation items with all the pages it made.
Let's look at one. Here's management,
corporate speaker page, and it has a breadcrumb, time management as the title. Maybe I wanted to make a title like corporate speaker
for time management. So that's an edit. I
might suggest two atoms. That's easy is just text. Then the key takeaways, program formats, it
made the program. Then the FAQ, it's a
little thin on content, so that's some of the
edits I might request, like optimize the
titles a little more, write a little bit more in the content of each
blog post or each page, interlink with the
other pages, right? I asked it to interlink in
the prompt, but it didn't. It gave me a nice bio
and things like that. So some things it did well, and interlinking
it did like that, but I had meant
to do it in text, but there's just no text
here, like text paragraphs. So that's maybe
something to add. But if you go back to the
home page area, very nice. It's a professional website. You could release it. Obviously,
you don't release it. You want to proofread
it, you want to edit it, but you could release it
in order for it to start baking in the Google algorithm to start gaining age because even if it's
released on day one, it's not going to start
ranking on day one. It takes time to cross, set everything up.
But it is original. Like, it's curated for
me with my instructions, with my topics that I cover
with my name, et cetera. And it does look like a website a professional freelancer
might make for you, but a professional freelancer
will charge, like, a couple of hundred
dollars for this at least, and then a lot more when
it comes to the edits. But here, the edits
are just through text. Like, for example, the email here is not a real
email, Alex, a example. We have not set up an email. That's something you
might do on your own, or you might just give
it your personal email but you do have to
change this email. So you have to go through the details and you have
to read through it, especially like the book, Alex. Well, how you
didn't instruct it? And it opens an email client that maybe that's
not what you want. So there are some
details to change, but 90% of it is publishable. You see on day one. Of course, it is highly, highly encouraged that you go through this with
a fine tooth comb. And make edits. The edits are very simple. For example, if I want to say something like on the homepage, change this email address
to my address time I do something like this
throughout the website, use this email to contact me
instead of Alex at example. And you might say that
I'm going to think about it. Tells
you what it does. It says, I need to
update the email address throughout the
website and replace all instances of Alex example.com
to Alex dotcagmil.com. Obviously, if you're doing
this professionally, you're going to want to make a professional email address. This is just an example. So it finds where the instances are of this it sees
two instances, one in the Footer,
one somewhere else. S one Footer, one
in the Vagation, one in the index, file, one thing you might want to
do as this thing is thinking. I want to walk you
through some ideas. That instead of creating
a lot of topic pages with a lot of
content that you see there are some issues
that I want to change, and probably that's going to be the case for all
the pages it made. So instead of making all
those pages at once, which takes a lot
of your credits, you might want to make
one, perfect one, and create others
in that style with those same requirements
so that you don't have to redo 40 pages like I'm
going to have to redo. But here we are. We're done. I found nine instances when that old email address
was used and replaced it. Perfect. Now, this is
previewable here within atoms. If you want to preview
it in a browser, not on your own website because we have not
bought a domain, but just on a web URL to see if it renders well on a web
URL, you can publish it. So you can publish the project. See, it gives you this test
URL. So let's do that. We're going to copy
that and then publish. Here it took a few seconds to
publish, gave us this URL. We can copy that and paste
that into the URL browser. This is the website. Looks
pretty professional. You might say the
image didn't come out perfectly aligned well, but that's very, very fixable. All of these issues
are very fixable, but the long story short
is that it created this incredible architecture of the site for us that
we can then tell it, Hey, I don't like
how this is written. This is not as perfectly
as optimized as I want it, but it's all in English. And all you see within
minutes, no freelancers, much, much faster and much, much cheaper than if a human had created
this kind of a website. If a human had to write out all this content
and now the design, it would take hundreds
of human work hours. So infinitely more efficient, and the work just continues to become
more efficient because you never have to wait for a human to help you
with the updates. You're in charge and in
control of all the updates.
7. Avoiding crawling pitfalls: Now, before you go out
and create your website, I want to show you
something really important for your SEO, which is a pitfall that we have that is not in plain sight. So unless I pointed out to you, it will be hard to notice. So let me do a view page source on any content page that
is made on the website. And when I do that, you'll
notice, very little content. In fact, in the body,
there's no body. That's where all the
content is usually. Like, usually, there's a header, but you don't see
what's in the header. These are just some settings. Well, how is Google
supposed to crawl your content if it's
not accessible? This dynamic here is
something that you really have to understand and then want to walk you through. So I asked Adams, how come when I do a page
view source on some page, it shows me this much content, and I pasted the content. See, I pasted all this, but not the actual
content of the page, like not what's on the page. Key takeaways, identify
all the things that Google would crawl and use to rank
the page appropriately, which is incredibly
important for SEO. And here's the answer. It's a fundamental limitation of the client site rendered
CSR for react apps. So when these kinds of coding assistants
create a website, whether it's atoms
or another one, their default is to
create a react app. It's a certain set of
technologies that it uses. What we need is something
that shows raw HTML. Now, in this way, Google will
still crawl our website, but not as fast. And so the ranking
won't happen as fast. And even though the
ranking is always slow, even when it's fast,
it will be extra slow. So we want to make sure
that we're going to have the optimal
crawling and ranking. It does explain
that here. It says, Google's Modern
crawler does execute JavaScript and we'll see
your content and meta tags, and Google has confirmed this, so your pages will
be indexed, however, there's a delay, which is
what I was explaining. So to fix this properly, you need different
engineering servers rendering or static
side generation. Then I did my
favorite thing to do, which is make AI engines
check each other. So I asked Adams some questions. Technically, it gave
me some answers. I just copied and
pasted those answers, and then asked Claude,
This is Claude. I asked it just to tell me, Hey, are all these things
that I care about? Are they going to still be fine? Like, does the pre
ender ring scale well? That's a pre rendering solution is something that
Adams suggested? Or does it become expensive to host after a lot of traffic and get crawled imately
in things like this. And then I pasted all the
suggestions it made regarding that technology
and pros and cons of it, and then I just ask it. And then within seconds, it gave me answers to
all my questions. Is it expensive? No?
Is it fast, yes? Does Google crawl
Uptimately yes? And so, essentially, it gives you that vote
of confidence, kind of like a second opinion, and then you say,
Okay, let's do it. And then I just tell Adams, say, Okay, let's implement
perenderne throughout the site. Go, and then we'll do that. So to sum up, this was a very important
engineering decision that if you care about SEO, which we do in this case, that you really
should be aware of, because without
it, we could have stepped into a pitfall,
but now we don't have to.
8. Creating unique meta tags throughout the site: Now, there's another
important thing to check before going live
with your website, and that is whether all
your meta tags are correct. For example, here's the view
source of a random page, and it has a title like Alex
Kdnic corporate Speaker, and then it has kind
of like generic items. Hold that thought.
Why is it generic? The meta tags should be specific and unique
for every page. And the same thing is here for the meta description, it says, Book Alex Kdnic at your
corporate keynote event. He specializes in
peractivity, AI, leadership, et cetera
but it's generic. So you go to Atoms
and you ask it. Well, I kind of already
know the answer, but let's ask it just
for the course's sake. I asked it, Are all the meta title description tags unique? If not, optimize each two
rank for the keywords that are SEO targeted
for each page, and then started doing
some work, and it's obviously going to
update all the pages. A pretty basic change for it because it's just
a little bit of text. So it will work
for a little bit, and I'll fast forward
to the moment when it's done so we can take a
look at the results. When it's done, it
gives you a summary. All meta titles and
inscriptions are now unique and SEO optimized
for each page. Perfect. Now, small edit. After I went and tested
this on the live site, the meta tags were not
original and I had a cycle of a few durations
where I asked it for changes, then it told me it made changes, but then it didn't
it was confusing. So I didn't film all that
because it would just very tedious for you to watch it all, but let me give
you the takeaway. The optimal solution
that I found for fastest crawling is to simplify the architecture of the
site and just create it with HTML and CSS so that there's no server side rendering and it doesn't have to
get confused because there are some technologies
that were kind of clashing in the setup of
what the atoms was doing. So if you have a basic
informational website like most websites are, you just need to tell
about your services and we content for CO, a basic HTML website with
CSS and images is enough, and that will be optimal
for both ranking and fastest scrolling and actually
easiest technologically. Now, if you have a
complicated website, you'll have to
tinker a little bit and figure out the
right technologies. I would recommend doing
that in a combination of at and other AIs and
maybe human experts so that you get the best
of all world advice. But since most sites
are simple sites, even if they might be large, they might still be
simple in architecture, just text and images
and information, then the optimal solution is just HTML, straight
HTML website. Now, you may not be able to get some visual
bells and whistles. There are some trade offs, but I did find it
easiest to just have that solution at
least in the beginning, and then you can test
long term to see how things work out and you can have a live environment
and test environment. So it's just important to
launch something live quickly. And then after
your site is live, you can have a test environment
where you tinker with technologies and everything
else and that complexity. But for this, just
straight edge TML, most informational blog style
or business style websites, unless it's ecommerce,
that will be enough. After I did that, it was easy
for Adams to also create my unique meta title and description tags for
every page, et cetera. So that solved that issue.
9. Domain name: Once you have the
basic architecture of your website ready, it's better to launch
it earlier rather than later because you need to bake inside the
Google algorithm. Ranking takes a long time, so you need to start
at ACAP because as your website is aging in Google Search and
ranking higher, slower and slower and slower, you can keep on improving it, but starting earlier
is very important because if you start late and you have to wait a
month, a second month, a third month, you
sometimes don't know what Google
just waiting for your website to rank is a really bad process and
a really bad experience. So it's important to launch a website sooner
rather than later, even if it's not perfect
because if it's not perfect, just don't show it
to anybody yet, but just have it age in Google. And of course, it's also
better to just have your website out there so you
can get initial feedback. So there's other benefits
of launching sooner. And that's why with this video, let's start looking at how to actually get
your domain name. And set it up so that your website renders
on that domain name. So first, the domain
name search here, I am in Claude AI, and all I asked it is, what would be a good domain
name for my website? It asked for which kind of
website I thought it knew because I had conversations
with it about it before. But anyway, my corporate
speaker website, and then it gave me
a bunch of ideas. First, it gave me
ideas for, like, personal branded ones
like Alex Ken Dini, that's me or Alex speaks. That's cool. But I kind of wanted something
more authoritative. So you just go back and forth, like I asked that you don't like something like
corporatespeaker.com. That wasn't available,
but that would be a really well
branded domain name. And so we went back and forth. The reason I'm showing you
this is so that you have a back and forth with
any AITaGPT Claude, but some AI, so that you brainstorm ideal domain names
and don't just rush in. In my case, I didn't want to make it too
personally branded. I felt like it would be stronger
to keep it professional, especially for people
who don't know me, who might just discover
me on Google because this is kind of a Google Play,
right? It's an SEO play. So out of all the suggestions it gave me and all
the combinations, I opted for a keyword
like this right here, Enterprise speaker.com Enterprise suggest
It's a big company, and speaker is
obviously speaker. It's two words. It
rolls off the tongue. It's not the best domain in the world, but
it's reasonably good. And then I went to godaddy.com. You can go to any
domain registrar, but GoDaddy is kind
of a popular one. Some people hate it, so
don't kill me on that, but basically just
type it into here, Enterprise Speaker, and
you'll see, Oh, available. Some are not available
like corporate speaker. This would have been more
ideal. So not available. Okay, fine. So once you find a domain name you like and you don't have to rush into it, and if you're not sure which
one would be good for you, I do offer coaching services
because your domain name is important because
it's going to be part of your branding
for a long time. But the enterprise speaker, then you go on something
like Go Daddy Next. They give you a somewhat
of a reasonable deal. There are other places
where you can buy a domain name that they give you a free domain name
for your first year, but that's only if you're
going to host with them. In our case, we're going
to host with Adams. So we can't get that
kind of a deal. So here not the best
deal in the world, but it's reasonable
for three years, it's going to end up being
like $45 or something. You see one item, $45. That's a domain name
for three years, and that gives you
plenty of time to decide whether this is going to be a good business for you or not. That's before you have to renew. And then if you like it, you
can add it to your card, go to checkout,
complete purchase, as I'm going to do here. Perfect. So the next step is to connect your atoms
to this domain name. And once you connect your
atoms to this domain name, instead of seeing your
website in a test URL, you'll be able to see it under
the domain name you chose, meaning that your website will be live and your
business will be live, and you're up and running
operating a live business. So let's connect your website to this domain and make it go
live in the next video.
10. Going live with your website: In this video, let's
do the necessary work to actually launch
your website live. So in this case, because you're going to be
redirecting your website, you go to your Go Daddy account dashboard
under my product. And here you'll have all
your domains and businesses. You'll click on the
one you just bought, then under Domain, and
you click on DNS Records. Then in Atoms Dev, you need to get two things, an A record, IP address
or a CName target. Here's what we have. I asked it, I bought a domain name
for hosting this project. How do I set up the
DMS forwarding? It's actually not
forwarding is DNS hosting. It says, publish
your site on atoms. Okay, we've done that. Then add your custom domain in atoms in your projects
published settings, add corporatespeaker.com
as a custom domain. So that's what we do. So
we're going to go to update, and under your website URL, we're going to add your domain. We already have a domain. So where it says connect
the domain, do that, and then add your domain
here, connect the domain. So we'll say continue.
It's going to do its work. Then the domain provider,
we use Go Daddy. Then it gives us
the instructions. It says, Please remove
all the A and AA records present in the
account before adding the following records. We
have the following records. We have record type A and TXT. So here, in our Go Daddy, we're going to remove
our A records. So it's a little scary, but it's a website builder
site. We see what it is. We don't need it because we're going to have our own site. So we're going to click Delete. Confirm. And we
were pretty brave. Then you just look through
all of it and see, are there any more like that? No more like that. You add
the record it gave us. It gave us a host name, required value, we copy that. We add our own. We say, add a new record, choose the option. It's A. The value is the value we
copied and the name will be at. You see it says at or WW In our case, it's
going to be at. After you set up the A record, you need to set up
the TXT record. That's the next line here
in what Adams gives you. So it's the same process. We already have a TXT
record that was there. But instead of deleting
it, let's add a new one. So we'll say Add New record, we'll choose the option of TXT, and then we'll copy the name and value from what
Adams gives us. So the name will be
whatever it gives us, we'll copy that,
paste it in there, and then you take
the other value. Copy that, paste it in there. Press Save it says success. You've updated your DNS
records successfully. Most updates take effect in an hour but sometimes 48 hours. After you've copied everything, you could just say I added my records to my
domain provider. It says, You're all set,
thanks. Click done. Then it says
corporatespeaker.com, and it says Verifying
it's in that process. It's going to take
a little while. It usually takes a
shorter amount of time than it tells
you it will take. So you can go back
in 30 minutes, 1 hour, 2 hours, and it
should be probably all set, and it might say live just like but that's going to be
in a certain amount of time, like 30 minutes
an hour, 2 hours, and in some cases, 24 to 48
hours like it said earlier. But essentially,
your work is done. Congratulations. You've
bought a domain, and you've set your DNS records. So now your domain
name should be live soon and you'll be operating
ready for business.
11. Showing the website live: So it took about 45
minutes, maybe 30 minutes, and as you can see,
under this URL, the website is live. You might have a period of
time where it might say, not secure after
the site is live. It takes a few extra minutes for the SSL and security
certificates to get set up. But that's all automatic.
So we just have to wait. And as you can see in Atoms, when I click on Update, it will say that I've got all these domains under
overview, show two more. You see, I've got these domains, and under manager domain, you see it says
they're both live. You see this one and this one. You don't want to do
anything because it's done. And one mistake I made
from a previous video, I actually ended up
typing corporate speaker. I don't know if you
noticed that little error. I made a typo. So at
first it didn't connect. I had to just fix that typo, enterprise speaker, which
was my actual domain name. And it is live. So after that, what
you want to do is submit your website to
the Google Search Console. The Google Search Console
is the main tool that Google provides where you can determine the health
of your website. So we'll do that, starting
with the next video.
12. Setting up Google Search Console and sitemap: This video, let's add our website to the
Google Search Console, which is going to tell us the
health of our SEO rankings. As our website ages in Google and ranks
higher and higher, we'll never know where are we ranking in
different countries, for different keywords,
different URLs, unless we use this tool. So it's very
important to sign up, you just search for
Google Search Console. Obviously, the first
result will be it. Click on Google Search
Console. Click on Start now. It's your first
time, you might have to go through some
sign up process. This is a project I
just started on it, so you can see it has a
little bit of traffic. We're not worried about that. It's just the default
screen that I got here. You want is to go to plus add Property once you
land here because it's possibly your
first website, so you're not going to see these properties
that I have here, but add property, and you're going to do
this through the domain. You're going to give
it your domain. So I'm going to paste
my domain here, enterprispeaker.com, starting with the WW and
I'll click Continue. Now, this is an important step. You need to verify that you
actually own this site. So it says, press start
verification below to verify your website by authorizing Google to
access your DNS record. Okay, so you click on this
button, start verification, and follow the direction
that says Click Connect to enable the domain
verification, say connect. It's going to obviously
check everything, verify. As it says here, this
may take a minute. I'll just fast forward
to when this completes. Perfect. It says,
ownership verified. Go to property. So we'll
go to the property. Obviously, Google doesn't
know anything about this website because it just got launched a few minutes ago. So we should submit
the sitemap to Google so it can faster
crawl this website. There are other
ways to get Google to crow the website, but
this is a standard one. So you go to your
atoms and you say, What is the URL of my sitemap? And to be honest, it's
probably domains sitemap, but we want to make 100% sure. So as you can see,
I said, What is the sitemap URL
for this website? Did you already make the
sitemap, if not make it? And of course, this will
think for a little bit, Alast forward to the moment when it completes the thinking. Actually, while it's doing that, a really good idea is just
to go and check it out. So we'll come to this website
slash SID Map dot XML. Let's see if it's
there. It's kind of loading slowly so
that doesn't look good. What it's really
supposed to return is just a bunch of text
like an XML file. So we'll look back at what
it's doing here and it says, No site map exists yet. Let me check the
directory structure and understand. Okay, perfect. It's thinking some more, so
I'll fast forward through all the times that
it's thinking until it gives us some update. Then it says, I have
all the data I need. Let me create a
sitemap, XML perfect. That's exactly what we need
for this domain perfect. And it might take a minute or two or three to create
that whole XML file. So I'll again fast forward to the moment
when it completes that. So here are the results. It says it created a sitemap. It included 53 pages, perfect, and we just have
to update it and publish it so that it's
live on the website. Now that's live, and we can
verify that by going to this URL and seeing
this exact sitemap. Perfect. So we'll just
enter that URL into. You see site maps on the left side here in
Google Search Console, enter the sitemap URL, submit, and this is one of the
faster ways to get Google to start croling all your pages and
after it crows it, then it indexes them and
starts ranking them. That all takes time, but this is the first step that you have to do in order for that entire
process to kick off, which it has kicked off. Now, when is this going to
complete? It's up to Google. It's always slower than we want, but at least we have
started, so congratulations.
13. Starting with SEO checklist: Now I'm going to give you
a little SEO checklist of important ranking factors, not so that we actually do them, and after that, our
website took in the rank, but so that we can go to AI and I can show you how
to create it with AI. So we have a little
checklist because you probably heard there are
hundreds of ranking factors. These are some of
the important ones, but don't worry about
the importance of them. First, let's just go over how to actually get them made with AI. Here's our checklist and
the first item might sound confusing and the
second one person schema organization schema. What is that? It's
part of technical SEO. Whenever you see schema, it's part of technical SEO, you would never
write that by hand, at least most
people wouldn't you have WordPress my credit
for you by default. You don't even know
that it's doing that. But it might not be doing that. The only way to know is to
check on your page view source whether you have organizational or person schema in your header. Mind you, this is
the HTML header. It's not something that people see when they come
to your website, but this is something in your code that's for Google.
But consumers don't see. Sometimes it helps you
to have your site come up with rich snippets
on search result pages. Rich snippets are
basically little stars, little icon, little images, just to make your
Google search result listing a little
more attractive than the other websites that come up. But also, these
particular ones help Google know more about
you because it's so important that it knows what is the most authoritative
thing about your person, if you have a personal brand related to your website
or your organization. If you have no personal brand, it's good to have
both, typically, unless you really don't want to have your
personal brand known. These give you credibility. Because we wouldn't
write it by hand, I went ahead and
I went to Cloud, a third party, different AI, and I asked an
innocent question. What are the best
items to add to person and organization schema in the headers of websites. It tells you what they are. You're a person you might
work for or be alumni of or knows about or has
occupation or a few others, and you have a similar thing for your organization description, Area serve knows about
number of employees. This is called structured data so that Google knows
more about you. It's easier for
Google to understand. I just want to add a little bit more.
There are more items. So I asked it, What about
for person created or built things like where I put my website or Amazon listing
for credibility, right? So, for example, if I
launched a website, see owns or author, right? So these are personal
branding things. Makes offer is not a good
one, has credentials. So you might ask it
for an extensive list. Like, give me an
extensive list for both. So you see for a
person's schema, you can have personal things, professional things,
things you created. You don't have to use
all of many of them won't even apply,
like, makes offer. What is that? Or author. If you're not an
author, don't add that, but you want to browse that. And then you go to Adams
and here's the cool part. So here I am on my project, and I'm going to
ask it like this. Create an organization
in person schema for me as the founder
of this website. I could try to be more clear and say that goes in the header, although I think you
will know that already. And then you say, here's
the information about me. You can also do is ask Claude to create a
starter one for yourself. Like, I already did that
for a different website. So I'm going to ask it.
Give me a starter one. So you see it looks
like this person, Alex, that's me, URL. That's my main
website that I own. And so I might copy this. This is for person. Type.
This is for organization. So you might copy that,
and you might say, to Adams, use this
as a starting point. Past that and this, then you paste the other one for organization schema.
Just paste that. And then you go through those other options that you
were given and you browse, do any of these makes sense to add to Google
so that Google knows more about the credibility and credentials and authority
about you and your business, because the more authoritative it thinks you and
your business are, the more likely it's going to trust you and
rank you higher. So it's not a direct
ranking signal, but it might as well be because if it doesn't know
these things about you, it's going to make
you take a long time to rank until it really
figures all these out. That's why structure data is the number one easiest way to let Google know exactly what she wanted to know about you. The only thing to add
at the end is obviously make it relevant to authority in public speaking and delivering business presentation and keynotes and
corporate speaking. Okay, good enough. Just read over all these
elements that it added, make sure it's right about you, especially the description. Of course, it will make
some edits on its own, but you need to give it a good starting point
and you press go. And whenever it creates this,
it will take a little time. But when it's done, all you
do is just update here, and those changes will go live. And if you want those changes
to go live even sooner, you go to the Google
Search Csol and you submit a page so that it
can crawl that page. You basically request index. Example, I'll show you how
to do this very quickly. Here I am on some other website, and here's a page from that. Let's say it's the
homepage of that website. All I want to do
is paste that URL. It's going to tell you whether that URL is on Google already. Of course, it is because
it's an established website. And if there are any
changes to that page, which obviously since you're changing the header
on your website, as soon as the website is live, all the pages on your site
will have a new header, meaning there will be
something new to crawl. All you click is
request indexing, and that's the fastest
way to get Google to re index your pages so that it
picks up on that schema. Hopefully with that, seize
you as authoritatively as possible and therefore trust you and rank
you higher sooner.
14. Advanced: SEO Schema : In this video, I'm going to show you something super awesome. Well, it's super awesome if
you're like an Sord like me. It's not super awesome,
like going on vacation. But for ion rd, this
is going to be great. So remember our SEO checklist. Remember that in
the previous video, we just did this person schema
and organization schema. So it might look to you like
we have all these items. And yeah, we do, and
we have other items. But because they are related, you know, their content
on our website, we can get them done almost, almost all in one fell swoop. Here's how we're
going to do this. First, let's start
with the FAQ pages. Probably you've heard that FAQ, like question and answer
pages and FAQ schema is really great forEO
and that's correct. But let me explain
to you how to make them so they actually
help your SEO the most. They're not supposed to regurgitate whatever
your content already says above that. Like, let's say you have a
lending page on your site, it talks about whatever
it talks about, the FAQ under that should not be about the same things
because Google already crawled those things. It's redundant and repetitive for your readers and for Google. Instead, you should have your question and answer area
for questions that may come up that aren't
already covered in the main content of the
page, but are related. So that you get good long tail topic
coverage that has width. For example, if you talk about a tool for building
something inside your house, in the FAQ area, you might ask, is it safe for kids?
Is it safe for pets? Is it only for professionals
or can hobbyists do this? You see, these are
all topics that will give you long tail coverage, and Google will see
it also as well, you have wide coverage depth. It means you are
more of an expert. And what that also is
going to give you is the ability to interlink relevant pages on your site in the areas where you discuss topics that are
relevant to other pages. So there's more
interlinking opportunities that are natural
interlinking opportunities. You're not forcing anything
for the sake of SEO. Because of this, you take this, you copy it and you create your prompt two Atoms.
Here's how to do it. Right before this, just to
save us time, I asked it, how many pages do we have
total, and out of them, how many are content
or landing pages. So we have the homepage. We're not going to
work with that. In this particular case,
it's a one off page. We have our category pages. We could work with them, but
they are kind of a minority, but we have 47 landing pages, or you can think of
them as content pages. Okay, for the lending
and content pages, let's write the prompt together. For the category, and
subtopic content pages, which are essentially
almost all our pages, except the homepage and
maybe the about page or the privacy policy page, but all the relevant
business pages. So for all of them, do this, and I'm just going to
paste the important things from this checklist, and
I'm going to edit it. Create FAQ areas with FAQ schema at the
bottom of those pages. And discuss things that the main content of those
pages didn't cover. Make sure each page uses the FAQ area to have good long tail
topic coverage for SEO. You see how I'm just
turning that checklist into the prompt with
very little grammar rephrasing and make sure to
interlink to relevant pages on our site in the
relevant FAQ questions. You might want to copy
that and let it go. Now, it's going to work for a while because
it's a lot of work. But this is real SEO.
It's technical SEO. It's blog writing SEO. By yourself to
edit 50 plus pages and interlink them and remember which ones
to interlink to, which, that's tremendous
amount of work. Different people work at different speeds,
but for some people, this might take days, for
some weeks of full time work. If you were to do
this by yourself, it would be very
expensive for you because it would take your attention
away from your other work. If you were to
hire a freelancer, it would be thousands of
dollars or at least hundreds, depending on how cheaply
you pay the freelancer. But if it's a really
inexpensive freelancer, maybe they're not
that experienced, and so they might
make some mistakes. Here, you'd expect
minimal mistakes. Obviously, some mistakes may
creep you have to check, but generally, there would
be minimal mistakes. And if there are mistakes, you can just fix them by writing a second prompt of
exactly what to fix. So this is still working. I'm not going to wait
until it's done because the important thing
here was this prompt. You can just copy the prompt on the screen here and make
sure you do something like this because this will have a very positive and important
impact on your SEO, including your technical
SEO, like the schema, which you'd never write by hand, even if you could because
you'd make a bunch of typos so you need an automated tool
to create it for you.
15. Site speed optimization for SEO: So one thing on our
checklist is site speed, and you probably know that site speed is very
important for CEO, even if we didn't
have a checklist. So let's actually check out our site speed and see how
to improve it with Atoms. So here we are on a random
page of our website, okay? It's AI used for
brainstorming and ideation. This is in the website for
my enterprise speaking. It's one of the topics
I'd want to get discovered for so
that brands and companies can hire me to give a presentation on
that. So far so good. But we know that we
need this to load quickly in order for Google
to love this page for CO. So let's run this through
a page speed test. There are a few tools for this, but a popular one actually
is accessible from Chrome. So we'll go to those three
little dots on the top right, and we'll go to the option
that says more tools. Under that, we will say developer tools and
under Developer Tools. We have all these options
like performance, and it immediately already tells us a little
bit about our page. So far, this
information is good, but we want to run
our own report. So under the little two arrows here we're going to
click on Lighthouse. This is the tool that is
going to measure our speed, leave the defaults as they are. And click on Analyze page load. It's going to work a
little bit and give you a report on how quickly
your page loads. If the page is very fast,
great, you're done. If the page is not fast, we have a little work to do, but this report is
going to give us clues about exactly what kind of work. So I'll just fast forward to the moment when this report is generated and the lighthouse
tool completes its work. Here is the report,
performance 67. This is the main issue
we're concerned with. I mean, we like that SEO is 100, but for the speed, we are interested
in performance. Now, when we scroll down, it will tell us what was
wrong with the performance. And the problem was here
first content full paint. That's like when it first loads and largest content paint, that's when the
whole thing loads. Are technical things.
You can look them up. But what we care about is
what caused these problems. Once we know what caused them, we will know how
to fix them, and you're told exactly
what caused it. So you see here, these are the problems in
little red squares here. And you can tell if you fix them how much savings you'll have
in terms of page load speed. Really want to end up
somewhere in the 90s or 95, but it's okay to start
somewhere a little lower. So the image, this image
that we use for the page, it said it's a little slow. Now, what we can do is we can put this into
different AI tools. Almost like this, I would almost see how much I'd be able
to fit into the screen, like the image issue and all the things that
tells us about the second issue, render
blocking requests. And then I would go to
something like Claude, and then I would
take the screenshot, drop it right into
Claude and ask it about what exactly to
improve about my page. I kind of know, but I want to brainstorm with Claude before
I make requests to Adams. I asked Claude, Here's my page speed load report from the Google Light House tool
with some issues to improve. What should I ask
Adams to fix exactly, and what strategies for
fixing should be used? The last part is the
engineering decision. Like, there's a problem. You can have ten
different ways to fix it. They all have pros and
cons, but we should figure out what is
technically the best way. Standing here or sitting here, it's hard to know
technically what's the best approach
because there are underlying technologies
that are used. This is why we need that
brainstorming help from Claude. And of course, it talks about
the oversized hero image. It's probably going
to involve a fix where we keep the high
resolution of the image, but make the image
smaller in size, so it's easier and
faster to load. It's a classic basic
site speed change. It might also suggest that we use caching and other things. So here are the fixes. So we might tell Atoms actually tells us exactly
what to tell atoms. Tell Atoms this. So you will just go to Atoms
and paste this solution. So I wrote for the Hero image on different pages, do this, convert it to all the
things that basically said, I just kind of
pasted everything. Target file size very small compared to what it is now. That's what
we want to do. If that fixes things great, if that doesn't fix
things, then we have to look for secondary solutions. Secondary solutions
might have to do with smarter image loading. So we'll just launch this. It's going to work a little bit, and I'm going to fast forward to the moment when it's
going to finish working and I'll show you
the site speed result. And what you have to
do go through every one of the elements
that it's going to complain about here that
is slowing down your page, brainstorm with Atoms or
with third party tools, or maybe you know how to fix these problems
that are going to come up and implement those fixes so that your side
speed comes up. Again, on your own, this would be very,
very tedious, but because you don't have to do anything technically here, you just write text in English. This can take just minutes
or in the worst case, maybe maybe hours, but certainly not days or weeks like this
kind of stuff used to take. So it took a few
minutes to do all this. As you can see, it
summarizes that the here image has
been converted and optimized to web P format, whatever, kind of an
advanced web format. And what we have to do is
just update our application, so the live site
gets these updates. Hopefully the old images aren't cached and we can actually
perform a good new test. So what we'll do is we'll take this page, we'll load it again. So it's a totally different page in terms of having been loaded. You'll see that the
image is still there. It's a little smaller, we'll check and compare. Let's see. I don't want to remove
this because we're going to compare against
high speed here. But what we're
going to do is run the same test, more tools, developer tools, analyze page load with the new version of
the page we made. And the great hope is that performance should
be more than 67. If it's worse, then
something funny happened, then we created a bug where
we should have created a fix. The world because you'll still
have to figure out, Okay, what was the bug
and you'll look at what happened and you'll look at all the writing
and explanations, put it into clade, so you
can make sense of it, even if you're not technical. But hopefully, our
performance is above 67. 67 is funny because
if you have kids, you know about 67, but
that's beside the point. Now, okay, we've got
a worst performance. Why? Don't have to
wonder. We can look here. The render block in
requests are not a problem. But notice the worst
offender isn't that image because originally the worst offending
asset was this image. That actually got fixed. So even though something else happened that caused
worst loading, we actually did end up having fewer different things
that caused slowdown. So it is actually a wind, even though it's not particularly
intuitive look we did placate that issue because when we look at
the LCP breakdown, it's now another image or
font that's slowing us down. But that image that it was
complaining about before, this image with my headshot, that is no longer the problem, so that did get fixed. So all the side speed problems, you basically go through it
like that one by one by one. Sometimes, as you can see, you
can have one step forward, two steps back, it's okay. As long as you go through
it systematically, you will get your website speed performing at a very high level, which is going to be
great for your SEO.
16. Porting an existing website: In this video, I want to go over the case when you
already have a website, and it's maybe made
in WordPress or Wix by hand by writing HTML, and you want to not do that anymore and you want to
get into the next century, you want to get with the times, and you want to make the next changes for
your website with AI. So the question is, how
do you port your website? There are some ways
and so, for example, I actually have an
ongoing project where I have this
older website of mine, and I made it a long time ago, many, many years ago. And so, obviously,
the technologies I used were sub optimal, not as cool as, not as efficient
as if I did it with AI. So what I would do
is I would download this whole website from
my server if you're not sure how to do that because of different hosting plans and
different technologies, you should contact your
support for how you can get a downloadable zip
file for your website. And once you have
that, you upload it to Atoms as a new project. So you would say new project, and you can click the plus, and you can upload
that either file, like the zip file or folders. Now, some websites may be small enough that you can just
do it in one fell swoop. In some cases, with different
levels of membership, you may have upload size restrictions
in which case you might have to do it a
few files at a time. That's a very
efficient way because that way atoms will just recreate the website
you're uploading, but hosted on atoms, built on atoms with AI, and any next change
you want to make to the website will be just telling it in English
what you want. To do, and it will
do that for you. So that's if you can
download your website. Now, there's another
case where let's say you have another website
design that you like, not your website, but
another website design. Maybe you go to, like,
totally random website, something like soccer.com. I don't own this. I just went to this website because it's
kind of a fun topic, soccer. You can just take a screenshot. Of the whole website or whatever page or an
element of the website, and you can drag that right in. See, it has that already
in there attached. And you can tell it, Make me
a new website for hockey, but with the style of this
website that is for soccer, and you might drag
just one homepage or you might drag a few pages, and you press Enter, and
that's how you do it. So this is how you can
take external websites, which is a very,
very large use case. The external website,
as I showed you, can be owned by you or a website that
impresses you with design. You might think, this
third party website that's not yours has
an interesting design. You might want to have your
website look like that. You take screenshots
of that two atoms, and you tell it, Make me a website like
that, but, you know, maybe you don't like
some of the fonts, make the fonts a little bigger, different kind of font,
make it more friendly, maybe more fun,
different colors. You can tell it all that,
but at least it will know the foundational architecture
from an example. And that way you don't have to stumble around
explaining what you want because sometimes
explain pictures with word that's
confusing and hard. So what I wanted to show
you in this video are methods for how to either
port or recreate or take inspiration from
existing designs and make something really great
within just a few minutes. And if you are porting
your own website, you just have atoms
recreate your website, and then the only thing you
have to do is point that domain to instead of where you hosted
currently two atoms. And in a different
video of this course, I show you how to
actually do that, how to repoint the domain. So it's a pretty easy step. Not a fun step, but
it's relatively easy.
Alex Genadinik
