12 easy SEO Tips Every Developer Should Know

โณ 11 min read

๐Ÿ”  2091 words

12 easy SEO Tips Every Developer Should Know

12 simple SEO tips that all developers should be aware of! Increase your website traffic with tricks intended for developers. Learn SEO now for developers!

# Introduction

It's easy to code a website with good UI/UX with time and good coffee.

But what good is a website without visitors and users?

Here are 12 easy things to look out for when building your next website and get more organic visitors.

# 1. URL Structure

Keep the URLs short and concise โ†— that are easy to remember. Your goal here should be conveying lot's of information through less words. Your main keyword for webpage must be in the URL.
For example:
nextjs-tutorial vs superfine_nextjs-tutorial_aimed-at_100%-beginners
Which of the above do you think will better in terms of SEO?
Special characters like $ % ^^ (] must be avoided.

Using hyphens vs. underscores

Using special characters in URLs, such as underscores, might confuse search engines.
It makes sense to use hyphens in place of underscores.
You may improve the readability of your URLs and help search engines understand the genuine purpose of each web site by using hyphens to divide words.

# 2. Title Tags and Meta Descriptions

Here is how a title tag looks:
  <title>AcidOP | Freelancing Developer</title>
Your goal here is again to tell a lot in very less. You technically don't have any limit to this number but you should keep it less than 60 characters โ†—.
The title should explain your niche or product related to your website or article.

Writing compelling meta descriptions

Here is how a description tag looks:
  <meta name="description" content="Excellent Developer from India." />
One of the most important elements in drawing visitors to a website is the meta description โ†— tag.
The meta description should skillfully include the page's target keywords to persuade readers to click through to the page.
Search engines like Google frequently draw the user's attention by emphasizing terms from the query while displaying the description. It's critical to match your descriptions closely, but not excessively, to highly valuable search terms.

Below is a title and description tag in action:
Do not exceed 155 characters โ†— in descriptions or google will then truncate the text.
Here โ†— is a list of other meta tags that you can use as well.

# 3. Header Tags (H1, H2, H3, etc.)

Header tags โ†— help your users navigate the page. The break up your content and break the page into dedicated sections.
Search engines rely on headers to better understand the sections of a page, which help with SEO.
Instead of writing a very long article with a few paragraphs, divide the article in multiple parts with each having it's own heading, like I have done here in this blog.

Structuring content with header tags

The main title of your document should be your <h1>. The H1 Tag โ†— represent the document's overall topic and is displayed at the beginning as a large text.
Your main points should be wrapped in <h2>. H2 tags โ†— are second level headings used to break up content and make it scannable and easy to read.
Subsequent heading tags lead all the way up to H6, which are not that important in the heading hierarchy.
  1. All the tags must be in hierarchy, i.e. H1>H2>H3...H6.
  2. There should only be 1 H1 tag in entire document.
In my blog markdown editor, I arrange my headings in the below order.
<h1>I built an Markdown editor using Next.js and TailwindCss ๐Ÿ”ฅ</h1>
<h2>1. Create the landing page</h2>
<h2>2. Add states to store data</h2>
<h2>3. Setup react-markdown and @tailwindcss/typography</h2>
<h2>4. Code Highlighting and Custom Components</h2>
<h2>5. Adding Rehype and Remark Plugins</h2>
<h2>6. Header with Markdown buttons</h2>

# 4. Image Optimization for SEO

According to Optinmonster, content that contains images receives up to 94% more views โ†—.
Visuals naturally captivate people, and nothing does it more effectively than a pleasing image.
This means that in order to engage readers and increase your visibility, you must use visuals in your content.

Using descriptive alt text

<img src="https://acidop.codes/og.jpg" alt="My website banner" />
Alt tags โ†— (Technically they're not tags, they're attributes โ†—, but you don't need to worry about that) are important for a few key reasons:

Choosing the right image formats

Implementing responsive images (srcset)

Your website may perform much slower with large graphics. We can speed up the process and lower the file size โ†—. But visual quality remains the same on mobile devices as it does on desktop computers.
srcset โ†— allows you to define a list of different image resources along with size information so that browser can pick the most appropriate image based on the actual device's resolution.
  srcset="small.jpg 300w, medium.jpg 600w, large.jpg 900w"

# 5. Mobile-Friendliness

With the rise in mobile device usage for online searches, like smartphones and tablets, Google's web crawler โ†— now prioritizes indexing the mobile version of a website's content.
Fun Fact:
Mobile devices contribute to 59.45% of global online traffic โ†—

Ensuring responsive design

The website shows the exact same HTML code on the same URL no matter what device you're using (like a computer, tablet, phone, or even a browser that doesn't display images), but it can adjust how the content looks depending on the size of the screen.
Google suggests using Responsive Web Design โ†— because it's the simplest design approach to set up and keep up with.
Free SEO Tools for testing mobile-friendliness:
  1. Small SEO Tools โ†—
  2. Browserstack โ†—
  3. Websiteplanet โ†—
  4. ready.mobi โ†—
  5. Seomator โ†—

# 6. Site Speed

Google Lighthouse Score
According to a study conducted by Google, 53% users abandon a website โ†— if it hasn't loaded in 3 seconds.
Therefore page speed โ†— is now a ranking factor for SEO.
Use these 3 metrics to get a picture of loading speed based on speed, interactivity, and visual stability:
  1. Largest Contentful Paint (LCP โ†—): How long it takes for your main content to load.
    It should be 2.5 seconds or less.
  2. First Input Delay (FID โ†—): How long it takes until a user can interact with a page.
    It should be of 100 milliseconds or less.
  3. Cumulative Layout Shift (CLS โ†—): How often users experience layout shifts.
    CLS score should be as close to 0 as possible.
CLS Metrics

Free SEO Tools for measuring site speed:
  1. PageSpeed Insights โ†—
  2. Google Lighthouse โ†—
  3. BrowserStack Speedlab โ†—
  4. Gtmetrix โ†—
  5. Webpagetest โ†—

# 7. Internal Linking for SEO

It's when you link to another page that lives on the same domain โ†—.
Linking another article or product in a tasteful way increase users time on the site and creates a network of links of related pages.
Internal Links make your pages more discoverable and they also pass Page Rank โ†—, which is a value used by Google to rank pages.

Best practices for internal linking structure

Will it be a good decision to spam internal links?
It's important that you link content where it feels natural, with anchor text that describes what the destination is.
Notice I have also linked to some of my other blogs all throughout the article ๐Ÿ˜‰.

# 8. Schema Markup and Structured Data

Schema is not a ranking factor for Google. But it indirectly helps your site rank higher in google.
Google, Bing, Yandex, and Yahoo! worked together to create Schema.org โ†— so you could provide search engines the data they require to understand your content and deliver the most relevant results.

Implementing Structured data

You can use any of the 3 methods suggested by Google โ†—:
JSON-LD is the format Google recommends and also the easiest one to implement.

1. Choose the most important material on your blog to markup.

Typical keys consist of:

2. Create the script

  "@context": "https://schema.org",
  "@type": "BlogPosting",
  ...other data,
  "author": {
    "@type": "Person",
    "name": "Your Name"
  "datePublished": "2024-07-01",

3. Embed JSON-LD in Your HTML

This JSON-LD script needs to be embedded in the HTML of your blog now.
A special script tag: <script type="application/ld+json"> is used for this purpose.
We can insert this into head or the body of the html.
Schema markup of my github bio blog looks something like this:
<script type="application/ld+json">
    "@context": "https://schema.org",
    "@type": "BlogPosting",
    "url": "https://acidop.codes/blogs/beautify-your-github-profile",
    "image": {
      "@type": "ImageObject",
      "url": "/blogs/beautify-your-github-profile/cover.jpg",
      "height": 630,
      "width": 1200
    "author": {
      "@type": "Person",
      "name": "AcidOP"
    "inLanguage": "en-US",
    "headline": "Beautify Your GitHub Profile like a Pro",
    "dateCreated": "2023-03-15",
    "datePublished": "2023-03-15",
    "description": "Beautify your GitHub ... appealing for developers."
The above script can be placed in either <head> or <body>.
You can check the validity of your structured data in the schema.org validator โ†—.

# 9. XML Sitemaps and Robots.txt

An XML sitemap โ†— tells search engines which URLs on your website should be indexed. Its is a list of all important content of your website.
Here is a part of the sitemap of my website:
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
Save your sitemaps as sitemap.xml in your project root. Then submit your sitemap to Google Search Console โ†—.


A robots.txt file is a simple text file on a website that tells search engines which pages they can or can't visit.
Sitemap: https://acidop.codes/sitemap.xml
User-agent: *
Allow: /
Disallow: /admin
In the above example, we submit our sitemap, and also make it clear we do not want to index our admin directory.

# 10. Canonical Tags (Important)

In SEO, canonical tag โ†— is a link attribute used to tell search engines which version of a webpage is the original one, helping to avoid confusion when there are multiple pages with similar or identical content.
Google is known to penalize sites with duplicate content.
Even with UTM parameters, both point to the same page right?
But Google would consider both URLs to be different pages.
Having a proper canonical tag would help google understand both are same.

My story :

I write blogs on 2 sites. Dev.to โ†— (which supports canonical URLs) and my website: acidop.codes. My primary source is my website obviously.
First I post my blog on my website. Then I post the same blog on dev.to with canonical URL pointing to my own website.
This way I manage to get a bigger audience while also preventing google from penalizing me.

# 11. User Experience (UX) on SEO

Google wants users to have a seamless, intuitive, and enjoyable experience when on a site (page experience).

# 12. Regular SEO Audits and Monitoring

An SEO audit determines how optimized your website is for search engines. It identifies problems that could be harming the website's rankings and offers ways to fix them.
Free Tools for SEO audits:
  1. Aioseo โ†— (Best)
  2. seoptimer.com โ†—
  3. Seomator โ†—
  4. Seobility โ†—
  5. Semrush โ†—
  6. Ahrefs โ†—


There you have it, 12 easy tricks to improve on SEO.
Implementing all of them does not need too much tweaking and are very straight forward.