SEO for Noobs (Including Me): A Dev’s Guide to Not Sucking at Google

As a developer, there comes a moment in your career when a client looks you dead in the eye and hits you with the classic: “Are you good at SEO?” Or even better; “Why isn’t my site showing up on Google?” Ah, yes! That magical moment. In this article, I’m here to peel back the mystery curtain of SEO and show you how to get your site on the search engine map (without losing your sanity).

WHAT IS SEO AND WHY DO I NEED IT?

SEO (Search Engine Optimization) is exactly what it sounds like; optimizing your website or web app so it ranks better on search engines like Google and Bing (but let’s be real… mostly Google because, well, market share. If you know, you know).

It’s a big deal because the higher your page ranks, the more eyeballs you get. More eyeballs mean more clicks, which means you’re more likely to reach your target audience. Plus, if you play your cards right, you can even cash in a little with ads. Pocket change never hurt anybody.

OKAY… BUT HOW DOES IT WORK?

So I’ve yapped a lot about what SEO is and why we need it, but not much about how search engines actually use it.

At the core of SEO is something kind of cool (and slightly creepy): robot crawlers called “spiders.” These little guys crawl through the web, following links from one page to another and indexing the content they find. This index is what search engines like Google pull from when someone searches for, say, “best dev portfolio inspiration” or “why isn’t my website showing up.”

That’s why you’ll hear SEO enthusiasts talk often about keywords *annoyingly*. Those keywords help the spiders figure out what your page is about and when it should show up in search results.

It also uses regional matching to serve content that’s more relevant to users in specific areas. For example, in Spanish-speaking countries, search results are more likely to show content in Spanish, while English content dominates in primarily English-speaking regions. This kind of localization helps users get search results that actually make sense for where they are and what language they speak.

HOW TO ACTUALLY IMPROVE SEO… *MAYBE*

Now that we know what’s going on behind the scenes, the big question is: how do we use all that knowledge to our advantage and increase our chances of being smiled upon by the Googlebot gods? cue dramatic music

But wait — cut the music — before we dive in, let’s clear up a common misconception.

Using Next.js (or any other shiny framework) won’t magically boost your SEO ranking. Please don’t crucify me. Yes, SSR (Server-Side Rendering) helps with indexing, and yes, SSG (Static Site Generation) is definitely a plus — but they’re just the foundation. There’s still a bunch of other stuff you need to do if you actually want to show up in search results and rank well.

So… How Do I Actually Set My Site Up for SEO?

Now that we’ve broken the myth that using fancy frameworks like Next.js will instantly boost your search rankings, it’s time to talk about the things that actually matter. Here’s a roadmap of real, actionable steps to improve your SEO game. We’ll go from the most critical stuff to the nice-to-haves, plus toss in some code examples and helpful links along the way.

You don’t need to do everything at once, but the more boxes you tick, the better your odds of getting noticed by the almighty Googlebot gods. cue dramatic music… again

1. Google Search Console

If you haven’t set this up already, stop reading and go do it. Google Search Console is your direct line to Google. You can

• Submit your sitemap
• Monitor how your site is doing in search
• See what keywords you’re ranking for
• Catch indexing issues early

Once your site is verified, submit your sitemap like this:

https://yourdomain.com/sitemap.xml

2. Sitemaps (Your Site’s Blueprint)

Yeah, I wouldn’t speak about sitemaps and then leave you hanging.
A sitemap helps search engines understand the structure of your site and ensures nothing important is missed during crawling. It’s like giving Google a treasure map.

3. robots.txt

This file sits at the root of your site and tells bots what to crawl and what to leave alone.

Example:

User-agent: *
Allow: /
Disallow: /admin/
Sitemap: https://yourdomain.com/sitemap.xml

Simple, but powerful.

4. Meta Tags and Page Titles

Meta tags and page titles help search engines and social platforms understand what each page is about. These are mostly found in the head of your index.html file.

In React, use react-helmet-async:

npm install react-helmet-async

Wrap your app:

import { HelmetProvider } from 'react-helmet-async';

<HelmetProvider>
  <App />
</HelmetProvider>

In your components:

import { Helmet } from 'react-helmet-async';

<Helmet>
  <title>My SEO Page</title>
  <meta name="description" content="A short summary of what this page is about." />
  <meta name="keywords" content="SEO, react, helmet" />
  <link rel="canonical" href="https://yourdomain.com/page" />
</Helmet>

5. Mobile Optimization and Keywords

About 60% of all online searches are done on mobile devices. Not optimizing your website or web-app to account for this is like shooting yourself in the chest and then wondering why breathing hurts.

Mobile-First or Mobile-Dead

Since Google switched to mobile-first indexing, they’re judging your site based on how it performs on phones. If it’s a hot mess on mobile, your rankings will be too. Make sure to always build with responsiveness in mind to make the mobile experience as seamless as possible for users.

Keywords: Less Stuffing, More Strategy

Keywords matter, but not as much as old resources exaggerate them to be. Google is wayyyy smarter now.

Instead of mindlessly choosing keywords like pokemon you should:

• Research what your audience actually searches for
• Use natural language (you know, like humans do)
• Focus on topic clusters, not just single terms

The goal isn’t to trick search engines but to help them understand what your content is actually about. Write for humans first, optimize for robots second.

6. Clean, Readable URLs

URLs should be short, descriptive, and reflect the page’s purpose. Search engines and users both prefer this:

Good:

/blog/seo-tips

Bad:

/blog/article?id=2934

If you’re using React Router:

<Route path="/seo-guide" element={<SEOGuide />} />

7. Declare Your Page Language

Set the language of your site using the lang attribute. This helps crawlers serve your content to the right audience and improves accessibility.

<html lang="en">

Or if you’re in a React project with a custom HTML template, make sure your root layout includes it.

8. Favicon (Tiny Icon, Big Trust Signal)

Not a ranking factor, but it improves user trust and helps with branding. Put your favicon.ico in the public directory and link it:

<link rel="icon" href="/favicon.ico" />

9. WebManifest (For PWA Enthusiasts)

A manifest.json helps browsers understand how your site behaves when installed or used as a web app. This is especially important for people who are looking to hosting PWAs(Progressive Web Applications) on the internet.

Example:

{
  "name": "Awesome App",
  "short_name": "App",
  "start_url": "/",
  "display": "standalone",
  "theme_color": "#000000",
  "background_color": "#ffffff"
}

And link it:

<link rel="manifest" href="/manifest.json" />

10. Backlinks (Digital Word-of-Mouth)

When other reputable websites link to yours, it’s a huge trust signal to search engines. Think of it as a digital thumbs-up.

Just don’t fall into the trap of buying links from sketchy SEO dealers.

11. Accessibility

The more accessible your web application is, the more likely it is going to be recommended by search engines to potential users. And even without SEO in the picture, ALWAYS build with accessibility in mind because: humans > spiders.

12. Page Speed

Even though this doesn’t affect how high you rank in search results, it CAN negatively impact your SEO performance(yeah, i know….it sucks). Make sure to run lighthouse tests to make sure your site is well optimized and page load times are in acceptable areas.

And there you have it. My perspective on SEO and how you can take your site from 0 to maybe a 0.1 or 0.2 (which is great in the SEO world btw).

If you liked this post, let me know what other stuff you would want me to write about and I might just think about it if the keywords align with my spirit and the Googlebot gods.
…
Cue the outtro.