Beginner6 min readShare
Was this chapter helpful?
Share
Try these free tools
SEO (Search Engine Optimization) is how you help Google find your website and show it to people searching for what you offer. No coding needed — just tell your AI tool what to do. Try our Meta Tag Generator to create tags instantly.
When someone searches "best coffee shops in Portland" on Google, the results don't appear randomly. Google decides which websites to show based on hundreds of signals. SEO is about making sure your site sends the right signals so Google shows it to the right people.
People can't visit your site if they can't find it
Unlike ads, organic search traffic doesn't cost you per click
Sites on page 1 of Google are seen as more credible
Every page needs a clear title (what shows in the browser tab) and a short description (what shows under the title in Google results). These tell Google and visitors what your page is about.
Tell your AI tool:
"Add SEO titles and descriptions to every page. Keep titles under 60 characters and descriptions under 160 characters. Include relevant keywords naturally."
Google ranks faster sites higher. If your page takes more than 3 seconds to load, many visitors will leave before it even appears. See our performance guide for quick wins.
Tell your AI tool:
"Optimize my site for speed — compress images, use lazy loading for images below the fold, and make sure the page loads fast on mobile."
Google checks your site on a phone first, not a computer. If it looks bad or is hard to use on mobile, your rankings will drop.
Tell your AI tool:
"Make sure all pages are fully responsive and easy to use on mobile devices. Text should be readable without zooming."
Ask your AI tool to check each of these. You can copy the whole list into a single prompt!
The title shows in the browser tab and in Google search results. Each page should have its own descriptive title.
This is the text snippet that appears under your title in Google. It should make people want to click.
Each page should have one big heading (H1) that describes what the page is about. Think of it as the page's headline.
Every image needs a short text description (called 'alt text'). This helps Google understand your images and helps people who use screen readers.
yoursite.com/about is better than yoursite.com/page?id=123. URLs should describe what's on the page.
If you mention a topic on one page that has its own page, link to it. This helps Google find all your content.
Large images slow down your site. Ask your AI tool to compress them and use modern formats like WebP.
The padlock icon in the browser. Most hosting platforms like Vercel provide this for free.
When someone shares your link on social media (Twitter, Facebook, LinkedIn, iMessage), a preview card appears with an image, title, and description. Without proper setup, the preview might show nothing — or the wrong thing.
A banner image (1200×630 pixels) that represents your page. This is the biggest visual impact.
The headline that appears on the card. Can be different from your page title if you want.
A short summary that appears under the title on the card.
Tell your AI tool:
"Add Open Graph meta tags to every page so links look good when shared on social media. Include a title, description, and a preview image (1200×630px). Also add Twitter card tags."
You know how some Google results show star ratings, FAQ dropdowns, or recipe details? That's called "structured data" — extra info that tells Google to display your result in a special way.
Questions and answers that expand right in Google results. Great for driving clicks.
Prompt:
"Add FAQ structured data to my FAQ page so the questions show up directly in Google search results."
Star ratings that appear under your title in Google. Makes your result stand out.
Prompt:
"Add product review structured data with star ratings to my product pages."
Shows the page path (Home > Blog > Post) in Google, helping people understand your site structure.
Prompt:
"Add breadcrumb structured data to all pages so Google shows the page path in search results."
Shows publish date and author info for blog posts and news articles.
Prompt:
"Add article structured data to my blog posts with the author name, publish date, and featured image."
Shows price and availability right in search results for online stores.
Prompt:
"Add product structured data to my product pages showing price, availability, and currency."
Step-by-step instructions that can appear directly in Google results.
Prompt:
"Add HowTo structured data to my tutorial pages so the steps appear in Google search results."
These are one-time tasks your AI tool can handle. You set them up once and forget about them.
A sitemap is like a table of contents for your website. It lists every page so Google knows what exists and can find everything.
Tell your AI tool:
"Generate a sitemap that automatically includes all pages on my site. It should update when I add new pages."
This tells search engines which parts of your site to look at and which to ignore (like admin pages or API endpoints that aren't meant for visitors).
Tell your AI tool:
"Add a robots.txt file that allows search engines to index all public pages but blocks admin and API routes."
Copy this mega-prompt into your AI tool to set up SEO for your entire site in one go.
Copy this mega-prompt:
"Set up comprehensive SEO for my website. For every page, add a unique title (under 60 characters) and description (under 160 characters) that include relevant keywords. Add Open Graph tags so links look good when shared on social media, including a 1200×630 preview image. Make sure every image has descriptive alt text. Generate a sitemap that automatically updates when new pages are added. Add a robots.txt that allows indexing of public pages but blocks admin and API routes. Make sure all headings follow a logical order (one H1 per page, then H2s, H3s). Add structured data for [FAQ pages / blog posts / products — pick what applies to your site]."
Google Search Console is a free tool from Google that shows you how your site is doing in search. It tells you what people searched to find you, which pages show up most, and if there are any problems Google found.
See which searches bring people to your site
Track how many people see and click your results
Find out if Google has trouble reading any pages
Submit your sitemap so Google finds new pages faster
To set it up, search "Google Search Console", sign in with your Google account, and add your website URL. It's free and takes about 5 minutes. Make sure your site is deployed first so Google can reach it. For tracking visitors and behavior, see our analytics guide.
Copy-paste these prompts into your AI tool to apply what you just learned.
ADD SEO TO EVERY PAGE
"Add SEO to every page of my Next.js app. Include page titles, meta descriptions, Open Graph tags, and a sitemap. Make sure each page has a unique title under 60 characters."
WRITE META DESCRIPTIONS
"Write meta descriptions for these pages: [list pages]. Each should be under 160 characters and include relevant keywords for search engines."
ADD STRUCTURED DATA
"Add structured data (JSON-LD) to my [blog/product/FAQ] pages so Google can show rich results like star ratings, FAQ dropdowns, or article info in search results."
