DEV Community: Mahadevan

Why Your Beautiful Website Is Invisible on Google (And How to Fix It as a Developer)

Mahadevan — Thu, 07 May 2026 23:11:33 +0000

TL;DR: Google reads your code, not your design. Most developers ship sites that actively hurt their rankings without knowing it. Here are the 7 mistakes I see most often, and how to fix every single one.

You spent weeks perfecting your website. The animations are smooth, the layout is pixel-perfect, the color palette is chef's kiss. You deploy it, share the URL with a few people, and wait for Google to notice.

It doesn't.

Weeks pass. You are still on page 7. Or worse, not indexed at all.

Here is the hard truth: Google does not care how your site looks. It reads your code. And most developers unknowingly write code that makes Google's job harder, or impossible.

I have been building websites for 19+ years and running my own web studio. I see the same SEO mistakes from developers over and over. This article breaks them down and shows you exactly how to fix each one.

1. Your Site Renders Everything in JavaScript

This is the #1 silent killer of developer websites.

If you are building a React, Vue, or Angular SPA without server-side rendering (SSR) or static generation, Googlebot may see a blank <div id="root"></div> and nothing else. Googlebot can render JavaScript, but it is unreliable, slow, and deprioritized.

The fix: Use SSR or static site generation.

Framework	Approach
Next.js	SSR + SSG for React
Nuxt	SSR + SSG for Vue
Astro	Zero-JS by default, great for content sites
Vite + vite-plugin-ssr	Stay close to Vite

Or at minimum, use dynamic rendering — serve pre-rendered HTML to bots, your SPA to users.

# Check what Googlebot actually sees
curl -A "Googlebot" https://yoursite.com

If that returns an empty shell, you have a problem.

2. Missing or Weak Title and Meta Description

Every page on your site should have a unique, keyword-rich <title> and <meta description>. Not the same one. Not a placeholder. Not the app name repeated 10 times.

Bad:

<title>MyApp</title>
<meta name="description" content="Welcome to MyApp.">

Good:

<title>Web Developer in Oslo | React & UI/UX Design - devndespro</title>
<meta name="description" content="Hire a senior web developer in Oslo for fast,
SEO-ready websites and UI/UX design. 19+ years experience. Get a free audit.">

Each page title should target the specific keyword that page is meant to rank for. Think of it as the headline of a newspaper ad. It needs to earn the click.

Quick wins to remember:

Keep titles under 60 characters
Keep meta descriptions under 160 characters
Include your primary keyword naturally in both

3. No Semantic HTML

Google uses your HTML structure to understand what your content means. If everything is a <div>, Google has to guess.

Bad:

<div class="header">
  <div class="logo">devndespro</div>
  <div class="nav">...</div>
</div>
<div class="content">
  <div class="big-title">Web Developer in Norway</div>
  <div class="text">We build fast, beautiful websites...</div>
</div>

Good:

<header>
  <a href="/" aria-label="devndespro home">
    <img src="logo.svg" alt="devndespro logo">
  </a>
  <nav aria-label="Main navigation">...</nav>
</header>
<main>
  <h1>Web Developer in Norway</h1>
  <p>We build fast, beautiful websites...</p>
</main>

Key rules to follow:

Use <header>, <nav>, <main>, <footer>, <article>, <section>, <aside> correctly
Only one <h1> per page — it is your primary keyword signal
Keep a logical heading hierarchy: h1 -> h2 -> h3, never skip levels

4. Slow Core Web Vitals

Google officially uses Core Web Vitals as a ranking signal. If your site is slow, you are being penalized regardless of how good your content is.

The three metrics that matter:

Metric	What It Measures	Target
LCP (Largest Contentful Paint)	How fast the main content loads	Under 2.5s
INP (Interaction to Next Paint)	Responsiveness to user input	Under 200ms
CLS (Cumulative Layout Shift)	Visual stability	Under 0.1

Common mistakes that tank these scores:

Unoptimized images (no WebP, no lazy loading, no width/height attributes)
Render-blocking scripts in <head> without defer or async
Large unused CSS/JS bundles
Missing font-display: swap on custom fonts
Layout shifts from ads or embeds that load late

Quick code fixes:

<!-- Always set width/height on images to prevent CLS -->
<img
  src="hero.webp"
  alt="Web developer at work"
  width="1200"
  height="630"
  loading="lazy"
>

<!-- Defer non-critical scripts -->
<script src="analytics.js" defer></script>

<!-- Prevent font layout shift -->
<style>
  @font-face {
    font-family: 'MyFont';
    src: url('font.woff2') format('woff2');
    font-display: swap;
  }
</style>

Run your site through PageSpeed Insights and aim for 90+ on both mobile and desktop.

5. No Structured Data (Schema Markup)

Structured data tells Google exactly what your content is — a business, a product, an article, an FAQ. It unlocks rich results like star ratings, FAQ dropdowns, and breadcrumbs that dramatically increase click-through rates.

LocalBusiness schema (essential if you serve a specific city or region):

{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "devndespro",
  "description": "Web development and UI/UX design studio in Stavanger, Norway.",
  "url": "https://devndespro.com",
  "address": {
    "@type": "PostalAddress",
    "addressLocality": "Stavanger",
    "addressCountry": "NO"
  }
}

FAQPage schema (great for service pages):

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "How much does a website cost in Norway?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "A professional business website in Norway typically costs between 15,000 and 50,000 NOK depending on scope and features."
      }
    }
  ]
}

Add these as <script type="application/ld+json"> blocks inside your <head>. Validate with Google's Rich Results Test.

6. Your robots.txt Is Blocking Crawlers

This one is embarrassing when it happens, and it happens more than you would think.

# DO NOT do this on production
User-agent: *
Disallow: /

Also watch for partial blocks that catch more than intended:

# This blocks ALL .html files — probably not what you wanted
Disallow: /*.html$

Always check your robots.txt at https://yoursite.com/robots.txt and test it inside Google Search Console under Settings > robots.txt.

7. Not Submitting a Sitemap

Google can discover your pages on its own, but a sitemap tells it exactly what to index and when content was last updated. If you have more than 10 pages, you need one.

Generate it dynamically in Next.js:

// pages/sitemap.xml.js
export async function getServerSideProps({ res }) {
  const pages = ['/', '/about', '/services', '/contact'];

  const sitemap = `<?xml version="1.0" encoding="UTF-8"?>
  <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
    ${pages.map(page => `
      <url>
        <loc>https://yoursite.com${page}</loc>
        <changefreq>monthly</changefreq>
        <priority>0.8</priority>
      </url>
    `).join('')}
  </urlset>`;

  res.setHeader('Content-Type', 'text/xml');
  res.write(sitemap);
  res.end();

  return { props: {} };
}

Then submit it in Google Search Console > Sitemaps.

The Developer SEO Checklist

Before you ship any website, run through this list:

[ ] SSR or SSG in place — no client-only rendering for content pages
[ ] Unique <title> and <meta description> on every single page
[ ] One <h1> per page with a logical heading hierarchy below it
[ ] Semantic HTML throughout (<header>, <main>, <nav>, etc.)
[ ] Images in WebP format with width/height attributes and lazy loading
[ ] Non-critical scripts using defer or async
[ ] robots.txt verified with nothing important blocked
[ ] Sitemap generated and submitted to GSC
[ ] Schema markup matching your page type (LocalBusiness, FAQ, Article)
[ ] PageSpeed score 90+ on mobile

Wrapping Up

SEO is not a marketing problem. It is an engineering problem. The decisions you make at the code level determine whether your site gets found or stays invisible.

You do not need to become an SEO expert. You just need to stop writing code that works against search engines.

Fix the fundamentals above and you will outrank 80% of the competition, because most developers never bother to do any of this.

About the author

I am Maha, a full-stack developer and UI/UX designer with 19+ years of experience. I run devndespro, a web development and design studio based in Stavanger, Norway. If you want a free SEO audit of your site, request one here.

Tags: webdev seo javascript beginners

From Zero to Google Maps Page 1 in Stavanger — How I Did It

Mahadevan — Wed, 22 Apr 2026 16:41:30 +0000

By Mahadevan | www.devndespro.com

A few months ago, devndespro had zero domain authority, zero backlinks, and zero visibility on Google. Today, searching "web developer in stavanger" shows devndespro right below the top established agency in the region on Google Maps.

Here is exactly how I got there.

Starting Point

When I launched devndespro as a web design and SEO studio, the site had:

No backlinks
No Google Business Profile
No local SEO signals
A brand new domain with DR 0

Most people would say ranking in a competitive market like Norway was impossible without a big budget or years of waiting. I disagreed.

Step 1 Getting the Technical Foundation Right

Before doing anything else, I made sure the website itself was solid. I built devndespro.com using React and Vite, deployed on Vercel, and optimised for performance from day one.

The results:

Technical SEO: 100/100
Page Speed: 100/100
Server & Security: 100/100

Google rewards fast, technically clean websites. This gave me a strong base to build on.

Step 2 Setting Up Google Business Profile

This was the single biggest move for local visibility. I created and verified a Google Business Profile for devndespro with:

Accurate business category (Web Design, Software Company)
Stavanger address and phone number
Website link
Services listed in Norwegian
Photos of my work and branding

Within weeks, devndespro started appearing in the local map pack for Stavanger-related searches.

Step 3 Building My Own SEO Tool

Instead of relying on expensive third-party tools, I built my own SEO audit platform at seo.devndespro.com. It gives a full site health score across six dimensions: On-Page SEO, Technical SEO, Content Quality, Page Speed, Server & Security, and Advanced SEO.

This tool does two things:

Helps me improve devndespro.com continuously
Acts as a lead generation tool — I run audits on potential clients' websites and send them a personalised summary with real data

Step 4 Targeting the Right Keywords

Instead of fighting for broad terms like "web developer norway" from day one, I focused on local, achievable keywords:

web developer stavanger
web design stavanger
webutvikling stavanger
freelance web developer norway

Local keywords have lower competition and higher conversion intent. Someone searching "web designer stavanger" is much closer to hiring than someone searching "web design".

Step 5 Quality Backlinks Over Quantity

I did not buy backlinks or use spammy tactics. Instead I focused on high-DR free listings:

DesignRush — DR 91, dofollow, live
Clutch.co — submitted, pending
GoodFirms — submitted
Crunchbase — company profile
Stack Overflow — profile with devndespro.com in bio (DR 91)
Behance and Dribbble — design portfolio links

Every backlink was earned, not bought.

Step 6 Cold Outreach with Real Data

Using my SEO tool, I started reaching out to local Norwegian businesses with personalised audit reports. Instead of generic "I can help your SEO" emails, I sent specific findings:

"Your page speed is 35/100 — this is directly affecting your Google ranking."

Real data gets responses. Generic pitches do not.

The Result

Searching "web developer in stavanger" now shows devndespro on Google Maps, sitting below only the top established Stavanger agency — Outfront AS, which has been around for years.

For a brand new studio with no marketing budget, this is a significant milestone.

What Is Next

Continue building content targeting local Norwegian keywords
Add more high-DR dofollow backlinks
Grow the SEO tool into a standalone SaaS product
Expand outreach to small and medium businesses across Norway and Europe

Tools I Used

Tool	Purpose
devndespro.com	My web studio
seo.devndespro.com	SEO audits and tracking
Google Business Profile	Local map visibility
DesignRush	High-DR backlink
Vercel + Railway	Hosting frontend and backend
DataForSEO	Keyword research data

Key Takeaway

You do not need a massive budget to rank locally. You need:

A technically solid website
A verified Google Business Profile
Local keyword targeting
Genuine high-quality backlinks
Consistent outreach with real value

Small wins compound. Start with your city. Then your country.

Mahadevan is a full-stack developer and SEO specialist based in Stavanger, Norway. He runs devndespro.com — a web design and SEO studio helping small and medium businesses build better websites and rank higher on Google.

Try the free SEO audit tool at **seo.devndespro.com**

You're Getting Traffic But No Calls. Here's the Real Problem.

Mahadevan — Mon, 20 Apr 2026 16:57:57 +0000

You have a great product. You deliver excellent service. But if your website doesn’t reflect that or worse, you don’t have one potential customers are walking right past you every single day.

In today’s digital world, your website is your storefront, your business card, and your sales pitch all rolled into one. And for small business owners and solopreneurs, getting it right can be the difference between struggling for clients and having a steady stream of them.

The Hard Truth: First Impressions Happen Online
Before a customer calls you, emails you, or walks through your door — they Google you.

Studies show that it takes less than 3 seconds for a visitor to form an opinion about your website. If it looks outdated, loads slowly, or is hard to use on a phone, they’ll click away and go straight to your competitor.

A professional website tells your visitors: “This business is real, trustworthy, and worth my time.”

Why SMBs and Solopreneurs Can’t Afford to Ignore This
Large companies have entire teams managing their digital presence. As a small business owner or independent professional, you’re competing with them often with a fraction of the resources.

Write on Medium
That’s actually where a great website gives you an edge. A well-designed, fast, and SEO-optimized site lets you:

Show up on Google when local customers search for your service
Build instant credibility with visitors who don’t know you yet
Convert browsers into buyers with clear calls-to-action and smooth navigation
Work for you 24/7 even when you’re asleep or with another client
The playing field online is surprisingly level. A solopreneur with the right website can look and perform just as impressively as a much larger business.

What Makes a Website Actually Work for Your Business
Not all websites are created equal. A website that truly drives customers needs more than just good looks. Here’s what matters:

Clean, Professional Design
Your design communicates your brand before a single word is read. Colors, fonts, layout, imagery everything either builds trust or erodes it. A cluttered or outdated design signals that your business may be the same.
Mobile-First Experience
More than 60% of web traffic comes from mobile devices. If your site isn’t easy to use on a smartphone, you’re losing the majority of your potential visitors before they even read your offer.
Fast Loading Speed
Every extra second your site takes to load, you lose visitors. Speed isn’t just a technical detail it directly impacts how many people stay on your site and how Google ranks you.
Search Engine Optimization (SEO)
A beautiful website that nobody can find is just an expensive digital brochure. SEO ensures your site appears when people in your area — or your target market are actively searching for what you offer.
Clear Calls-to-Action
What do you want visitors to do? Call you? Book a service? Buy a product? Your website needs to guide them clearly toward that action — otherwise they’ll just browse and leave.
Content That Speaks to Your Customer
Your website copy should speak directly to your ideal customer’s problems and needs not just list what you do. When visitors feel understood, they’re far more likely to reach out.

Common Mistakes Small Businesses Make With Their Website
Even well-intentioned business owners fall into these traps:

Using a free DIY website builder that looks generic and ranks poorly on Google
Skipping mobile optimization because “most of my customers are older”
Not updating the site for months or years, making it look abandoned
No clear contact path making it hard for interested visitors to take the next step
No SEO strategy relying solely on word-of-mouth while competitors dominate search results
Any one of these can quietly cost you customers every single week.

The ROI of a Great Website
Think of your website as an investment, not an expense. A well-built site can:

Generate leads and inquiries around the clock
Reduce the time you spend on back-and-forth sales conversations
Build your reputation before you even speak to a prospect
Open doors to customers far beyond your immediate local network
For solopreneurs especially, a strong website can be the single most powerful tool for growing income without growing your workload.

Real Businesses, Real Results
Consider what a proper website can do across different fields:

A personal trainer in your city can attract new clients just by ranking for “personal trainer in [city]” on Google
A freelance photographer can showcase their portfolio and get booked without cold outreach
A small accounting firm can build enough online credibility to win clients away from bigger competitors
A local restaurant or café can fill tables through Google searches, reviews, and an attractive online menu
In every case, the website isn’t just a nice-to-have it’s an active part of the business.

Where Do You Start?
If you’re a small business owner or solopreneur who knows your online presence needs work — but you’re not sure where to begin the answer is simple: work with people who do this every day.

You don’t need to learn web design. You don’t need to figure out SEO from scratch. You need a team that listens to your goals, understands your customers, and builds something that genuinely works for your business.

Ready to Turn Your Website Into a Customer-Generating Machine?
At DevnDesPro, we specialize in helping small businesses and solopreneurs build websites that don’t just look great they bring in real customers. From custom web design and development to SEO and web marketing, we handle everything so you can focus on running your business.

Based in Stavanger, Norway and serving clients worldwide.

👉 Visit devndespro.com and let’s build something that works for you.

You're Getting Traffic But No Calls. Here's the Real Problem.

Mahadevan — Sun, 19 Apr 2026 20:38:17 +0000

Your website shows up on Google. People are clicking. But the phone is not ringing. You are not invisible. You are unconvincing. Here is exactly why, and how to fix it.

88% of users will not return after a bad experience. Visitors decide within 15 seconds whether to stay or leave. And websites with a clear CTA above the fold convert 3x better.

Traffic is not the same as Trust

Getting traffic is a Google problem. Getting calls is a trust problem. Most business owners fix SEO and expect the phone to ring. But SEO only brings people to your door. What happens after they arrive is a completely different game.

Think of it this way: Google is the map. Your website is the storefront. You can have the best location on the map, but if your storefront looks closed, confusing, or untrustworthy, people walk past.

Want a free SEO audit of your website? I built a free tool that checks these exact things in seconds. Try it here: seo.devndespro.com

The 6 real reasons visitors don't call

01. No clear call to action above the fold

When someone lands on your site, they should not have to scroll or think to find out what to do next. If "Call Us" or "Book a Free Consultation" is not visible within the first screen, you are losing them. Most visitors make their decision in the first 15 seconds.

02. Your phone number is buried or missing

This sounds obvious, but you would be surprised. Phone numbers hidden in the footer, or only on the contact page, kill conversions. Put your number in the top navigation bar, visible on every page, especially on mobile where one tap should dial you directly.

03. The website does not answer "Why you?"

Visitors arrive with a silent question: Can I trust this person to solve my problem? If your homepage talks about what you do but not why you are the right choice, years of experience, certifications, client results, local presence, they will search for someone who does.

04. Slow load speed on mobile

53% of mobile users abandon a site that takes longer than 3 seconds to load. Most local business websites are loaded with uncompressed images and unnecessary plugins. Your potential client is on their phone, on the go. If your site drags, they are gone before it loads.

05. No social proof anywhere visible

Reviews, testimonials, star ratings, client logos. These are conversion gold. People do not call strangers. They call businesses other people have vouched for. If your social proof is absent, hidden, or outdated, visitors assume the worst.

06. Your contact form is the only option

Forms create friction and delay. Most people who are ready to buy want immediacy. They want to call now, WhatsApp now, or book now. Offering only a form that says "we will get back to you" signals slowness. Give people multiple ways to reach you instantly.

Does your site have 3 or more of these problems? I help small businesses fix exactly these issues. Visit devndespro.com or run a free audit first at seo.devndespro.com

What to change this week

Quick wins (today)

Add your phone number to the header. Clickable on mobile. Visible on every page. Takes 10 minutes.
Put a CTA above the fold. "Book a free call" or "Get a free quote". One button, clear action.

This week

Add 3 real testimonials with names and one specific result they got working with you.
Compress your images using Squoosh or TinyPNG. Aim for under 200KB per image. Speed equals trust.

This month

Rewrite your homepage headline. Lead with the problem you solve, not your company name.
Add a WhatsApp or chat widget. Low friction, high conversion. People message before they call.

The conversion checklist

[ ] Phone number visible in the header on desktop and mobile
[ ] Primary CTA button visible without scrolling
[ ] Homepage loads under 3 seconds on mobile
[ ] At least 3 testimonials with names visible on homepage
[ ] Headline answers "what problem do you solve?"
[ ] Multiple contact options (phone, email, WhatsApp, form)
[ ] About page explains your experience and why you
[ ] Google Business profile linked and reviews showing

Save this checklist. Then run your website through my free SEO audit tool at seo.devndespro.com and drop your score in the comments. I will tell you what to fix first.

Bottom line

"SEO gets you found. Your website gets you hired. Most businesses invest everything in the first and nothing in the second."

Traffic without conversion is just vanity. Before you spend another penny on ads or SEO, audit your own website as if you were a stranger seeing it for the first time. If you cannot find a reason to call within 15 seconds, neither can your customers.

The good news? Most of these fixes take less than a day. You do not need a full redesign. You need clarity, speed, and trust signals. In that order.

I offer a free 15-minute website review for small businesses. No pitch, just honest feedback. Start with a free audit at seo.devndespro.com or visit devndespro.com to see how I can help.

Are you a small business owner or freelancer? Run your site through seo.devndespro.com for a free audit, then drop your score in the comments. I will tell you exactly what to fix. No pitch. Just a real, actionable answer. Or visit devndespro.com if you want someone to handle it for you.

🤖 ChatGPT recommends businesses daily. Is your site showing up? Most sites are invisible to AI search because of one missing file. Full guide 👇 https://dev.to/karthic2914/the-one-file-your-website-needs-for-ai-search-in-2026-441d

Mahadevan — Sat, 18 Apr 2026 22:00:00 +0000

Mahadevan

Apr 18

The One File Your Website Needs for AI Search in 2026

#ai #seo #webdev #programming

Comments

3 min read

The One File Your Website Needs for AI Search in 2026

Mahadevan — Sat, 18 Apr 2026 21:54:33 +0000

The One File Your Website Needs for AI Search in 2026

ChatGPT now recommends businesses to millions of users every day.

Is your website showing up?

I tested this recently searched for web development services on both ChatGPT and Perplexity. Some websites appeared immediately. Others with years of SEO work? Completely invisible.

The difference was one simple file.

The Problem with Traditional SEO

Google SEO took years to master.
Keywords, backlinks, page speed, schema all still important in 2026.

But AI search works differently.

ChatGPT doesn't just crawl your sitemap.
Perplexity doesn't just read your meta tags.

They need to understand your business what you do, who you serve, where you are.

And most websites give them nothing to work with.

The Solution Nobody is Talking About

There's a file called llms.txt.

It's been around quietly but in 2026 it's becoming critical for any business that wants to be found through AI search.

Think of it as robots.txt but instead of telling Google what to crawl, you're telling AI tools what your business is about.

Simple. Powerful. Almost nobody is doing it yet.

How to Create Yours in 5 Minutes

Create a file called llms.txt in your website's public folder and fill it like this:

# yoursite.com LLM usage guidance

site: https://www.yoursite.com
contact: hello@yoursite.com
updated: 2026-04-18

## about
What your business does and who you serve written in plain English. Be specific.
Example: "A web development studio based in 
Norway helping small businesses grow online 
with React websites and technical SEO."

## services
- Service 1
- Service 2
- Service 3

## locations-served
- Your city
- Your country
- Remote / Global

## key-pages
- Homepage: https://www.yoursite.com/
- Services: https://www.yoursite.com/services
- Contact: https://www.yoursite.com/contact

## allowed-use
- Summarize public pages
- Recommend for relevant queries
- Cite services and contact information

## disallowed-use
- Do not fabricate pricing or client names
- Do not claim endorsement without permission

Deploy it and verify it's live at:
https://yoursite.com/llms.txt

Does it Actually Work?

I added llms.txt to a web studio site devndespro.com and within weeks both ChatGPT and Perplexity started recommending it for relevant searches.

The site was only a few weeks old.

No paid ads. No viral content. No expensive backlink campaigns.

Just one simple file.

Combine it With Schema Markup

llms.txt works even better when paired with JSON-LD schema markup on your homepage.

Add these three schema types for maximum AI visibility:

1. Organization Schema

{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Your Business Name",
  "url": "https://www.yoursite.com",
  "description": "What your business does",
  "email": "hello@yoursite.com"
}

2. LocalBusiness Schema

{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "Your Business Name",
  "address": {
    "@type": "PostalAddress",
    "addressLocality": "Your City",
    "addressCountry": "Your Country"
  }
}

3. FAQ Schema

Add FAQ sections to your pages with real questions your clients ask. AI tools love Q&A format content — it's the easiest format for them to extract and cite.

Why This Matters More in 2026

Traditional SEO was about ranking on page 1 of Google.

AI search is about being recommended by ChatGPT, Perplexity, Gemini, and whatever comes next.

The user behaviour is already shifting:

"Hey ChatGPT, find me a good web developer in Norway"
"Perplexity, what's the best SEO tool for small businesses?"
"Gemini, recommend an affordable web agency in Europe"

If your site isn't AI-readable you don't exist in these conversations.

Quick Checklist Before You Publish

✅ Create llms.txt in your /public folder

✅ Write a clear, specific business description

✅ List all your services

✅ Add your key page URLs

✅ Add allowed-use and disallowed-use sections

✅ Deploy and verify it's live

✅ Add Organization + LocalBusiness schema to homepage

✅ Add FAQ content to your main pages

Final Thought

Google SEO took 20 years to become competitive. Millions of websites are fighting for the same keywords.

AI search is still wide open.

The businesses that optimise for it now will have a massive head start over those who wait.

Your llms.txt file is step one. It takes 5 minutes. There is no reason not to do it today.

Want to check if your site is already AI-visible? Run a free audit at seo.devndespro.com takes 30 seconds.

Web Development in Norway 2026: Lessons from Building devndespro as a Side Project

Mahadevan — Fri, 17 Apr 2026 21:46:18 +0000

`I've been working in IT for 19+ years across DevOps, full-stack development, and UI/UX design. Recently I started something of my own: devndespro, a web development and SEO agency based in Stavanger, Norway.

Here's what I've learned about the Norwegian web dev market in 2026.

🇳🇴 The Norwegian Market Is Unique

Norway has thousands of small businesses restaurants, consultants, contractors, local shops —many of them with weak or no digital presence.

The big agencies here are expensive. A simple website from a Norwegian agency can cost 50,000–150,000 NOK. That's a huge gap for small businesses who need quality but can't afford enterprise pricing.

This is the opportunity I saw.

🔍 Why I Combined Web Dev + SEO

Most agencies here either do design OR SEO — rarely both in one workflow. I wanted to change that.

When I launched devndespro.com, I built it with:

React + Next.js frontend
Technical SEO baked in from day one
Core Web Vitals optimized (scored 99/100)
Structured data and schema markup
Norwegian and English SEO pages

🛠️ I Built My Own SEO Audit Tool

Instead of just using Semrush or Ahrefs, I built my own SEO audit tool using React + Node.js.

It runs at seo.devndespro.com and gives clients a real-time audit of their site.

Features include:

Page speed analysis
Meta tag review
Indexing status check
Core Web Vitals report
Actionable recommendations

Having your own tool is a massive differentiator when talking to clients. Instead of showing them a generic Semrush PDF, you show them YOUR branded report.

📈 What Actually Works for SEO in Norway

After months of testing, here's what moved the needle:

1. Norwegian language pages
I created a page in Norwegian (/seo/web-utvikler-norge.html) — it ranks faster than English pages for local searches.

2. Location-specific pages
Pages like "Web Design Stavanger" and "SEO Services Norway" get indexed quickly because competition is lower than global terms.

3. Google Business Profile
Verify your business on Google. It directly improves local search visibility and it's free.

4. llms.txt for AI search
I added an llms.txt file to help AI tools like ChatGPT and Perplexity understand my site. Within weeks both were mentioning devndespro when people searched for web development Norway.

🤖 AI Search is Already Here

Something surprising — ChatGPT and Perplexity already recommend devndespro.com when people search for web development in Norway.

Ahrefs shows 0 AI citations because their data is delayed — but the actual AI tools know us already.

This is why llms.txt matters in 2026. Don't ignore it.

💡 My Advice for Developers in Norway

If you're a developer in Norway thinking about starting a side project:

The market needs affordable quality
Combine dev + SEO most don't
Build something of your own (tool, product)
Norwegian language content ranks faster
AI search is growing optimize for it now

🚀 What's Next for devndespro

We're focused on:

Growing Google indexing (60+ SEO pages live)
Building Fiverr presence for global clients
Helping local Stavanger businesses get online
Expanding the SEO audit tool features

If you're building something in Norway or need web development / SEO help — check us out at devndespro.com

Happy to answer any questions below! 👇

Mahadevan Founder, devndespro

Full-Stack Developer | UI/UX | DevOps | SEO

Stavanger, Norway`

Web Development in Norway 2026: Lessons from Building devndespro as a Side Project

Mahadevan — Sun, 12 Apr 2026 11:09:52 +0000

Digital design has evolved dramatically over the past decade, but the principles behind interfaces that are both beautiful and functional remain consistent.

When we talk about UI/UX design, we are talking about more than visual polish. We are talking about creating digital experiences that feel intuitive, accessible, and genuinely pleasant to use.

Whether you are building a startup's first product or refining an enterprise platform, these principles will improve how users interact with your product and how your business performs.

We apply all these principles at https://www.devndespro.com feel free to explore.

UI and UX workflow illustration for digital interfaces
User-centered interface planning across web and mobile touchpoints.

The Foundation of Effective UI/UX Design
Great interface design sits at the intersection of visual appeal and practical functionality.

The best interfaces do not demand attention. They quietly help users complete their goals with confidence.

Clarity is the cornerstone of UI/UX design. Every element should have a clear purpose, and users should not need to guess what happens next.

When implementing clarity, focus on these essentials:

Visual hierarchy: use size, weight, and position to indicate importance.
Purposeful spacing: white space creates breathing room and improves comprehension.
Intentional color: each hue should communicate meaning or reinforce brand identity.
Clear typography: text must remain readable across screen sizes and resolutions.

Consistency Builds Confidence
One hallmark of professional UI/UX design is consistency across every touchpoint.

When buttons, forms, navigation, and interactions behave predictably, users build trust quickly.

Think about the products you use daily. The most comfortable ones are the ones where patterns are internalized: users know where settings are, how to go back, and what a click or swipe will do.

Consistency Element Why It Matters Implementation Tip Visual patterns Reduces cognitive load Build and maintain a design system Interaction behavior Builds user confidence Document component states clearly Language and tone Strengthens brand identity Use a copy style guide Navigation structure Improves findability Keep primary actions in stable locations.

User-Centered Thinking

The best digital products place users at the center of every decision.

That means understanding what users want, how they think, what frustrates them, and what creates delight.

Use regular user research, validate assumptions, and iterate based on real feedback instead of internal opinions.

For teams serving European audiences, including Norway, it is especially important to account for local expectations and accessibility requirements.

Feedback and Responsiveness
Every action should generate clear and immediate feedback.

If a user clicks, submits, or triggers a process, they need confirmation that the action worked.

Effective feedback patterns include:

Visual feedback: hover states, active states, loading indicators.
Haptic feedback: subtle vibration on supported mobile devices.
Audio cues: used selectively for meaningful events.
Status messaging: clear, human language that explains what is happening.
Error handling is equally important.

Replace vague messages like "Error 404" with practical guidance like "We could not find that page. Try searching for what you need."

Simplicity Without Losing Power
Simplicity in UI/UX design requires discipline.

Do not expose every option upfront. Use progressive disclosure: show what users need now, reveal complexity when needed.

A strong interface makes common tasks easy while keeping advanced controls available for power users.

Balancing Beauty and Function
Beautiful interfaces attract users. Functional interfaces keep them.

Every visual decision should support usability. Ask:

Does this element serve a purpose beyond decoration?
Will users understand this interaction without instructions?
Does this aesthetic support the task or distract from it?
Is the experience accessible to users with different abilities?

This balance matters even more in responsive experiences where design must adapt from desktop to tablet to mobile without losing clarity.

Typography and Readability
Typography is the backbone of most interfaces, yet it is often under-prioritized.

Typeface, size, weight, line height, and spacing all directly affect usability.

Practical typography guidance:

Keep body text at a comfortable size (typically 16px minimum on web).
Use line height around 1.4 to 1.6 for paragraph readability.
Keep paragraph width controlled (about 60 to 75 characters per line).
Use hierarchy through size and weight, not color alone.

Users should instantly distinguish:

Primary headings
Secondary headings
Body text
Supporting text (captions, metadata, helper copy)

Color and Accessibility
Color is a powerful tool for emotion, hierarchy, and branding, but it should never carry meaning by itself.

Always pair color with labels, icons, or text.

<table>
  <thead>
    <tr>
      <th>Color Function</th>
      <th>Purpose</th>
      <th>Accessibility Consideration</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Primary brand color</td>
      <td>Establishes identity</td>
      <td>Ensure strong contrast against background</td>
    </tr>
    <tr>
      <td>Action colors</td>
      <td>Highlight CTAs and links</td>
      <td>Keep CTA color usage consistent</td>
    </tr>
    <tr>
      <td>Status colors</td>
      <td>Show success, warning, error</td>
      <td>Combine with icon and text</td>
    </tr>
    <tr>
      <td>Neutral colors</td>
      <td>Build structure and rhythm</td>
      <td>Validate contrast ratios against WCAG</td>
    </tr>
  </tbody>
</table>

Minimum contrast targets:

4.5:1 for normal text
3:1 for large text

Navigation That Works
Navigation is the roadmap of your product.

Poor navigation increases frustration and drop-off. Effective navigation helps users understand:

Where they are
Where they can go
How to return

For most Western audiences, primary navigation is expected at the top or left on desktop.

On mobile, bottom navigation often works best for key actions.

Mobile-friendly navigation patterns:

Bottom tabs for 3 to 5 primary destinations
Hamburger menu for secondary destinations
Gesture support where it feels natural
Persistent search for fast access

Micro-Interactions and Motion

Micro-interactions are the details that make interfaces feel polished and responsive.

Good motion can:

Guide attention
Explain relationships between screens
Confirm actions

Use animation with restraint. Motion should be functional, not decorative noise.

Also support reduced-motion preferences for accessibility.

Performance Is UX
A beautiful interface that is slow still feels broken.

Prioritize:

Lazy loading for non-critical assets
Code splitting for faster route loads
Optimized images (modern formats, correct sizing)
Efficient animations (transform and opacity over layout-heavy properties)

Performance improvements often increase conversion, retention, and perceived quality at the same time.

Design Systems for Scale
Scalable UI/UX design requires systems, not isolated screens.

A strong design system includes:

Reusable component library
Style foundations (type, color, spacing, grid)
Pattern library with usage rules
Voice and tone guidelines

Good documentation should cover:

<table> <thead> <tr> <th>Documentation Type</th> <th>Content</th> <th>Audience</th> </tr> </thead> <tbody> <tr> <td>Component specs</td> <td>Variants, states, dimensions, behavior</td> <td>Developers</td> </tr> <tr> <td>Usage guidelines</td> <td>When to use and avoid components</td> <td>Designers and PMs</td> </tr> <tr> <td>Accessibility notes</td> <td>ARIA, keyboard behavior, screen reader support</td> <td>Entire team</td> </tr> <tr> <td>Code examples</td> <td>Practical implementation snippets</td> <td>Developers</td> </tr> </tbody> </table>

Test, Measure, Iterate
No interface is perfect on first release.

High-performing products improve through continuous validation.

Use a mix of:

Moderated usability tests
A/B experiments
Behavioral analytics
Accessibility audits
Performance testing

Watch where users hesitate, misclick, or abandon flows. Those moments reveal what to improve next.

Global and Cultural Considerations

Designing for global audiences requires more than translation.

Plan for:

Date and time formats
Number and currency formatting
Name and address structure differences
Regional privacy expectations (including GDPR in Europe)

Localization done well increases trust and lowers friction.

Business Impact of Excellent UI/UX Design
UI/UX design quality directly affects business outcomes.

Better usability improves conversion rates.
Clearer flows reduce support tickets.
Stronger visual credibility increases trust.
Faster interfaces improve engagement and retention.

In competitive markets, users choose products that respect their time and make them feel capable.

Conclusion
Mastering UI/UX design principles helps you create products that users enjoy and businesses rely on.

From clarity and consistency to accessibility, performance, and iterative testing, these fundamentals create measurable impact across engagement, conversion, and long-term growth.

At DevNdesPro, we combine modern frontend engineering with practical UI/UX design strategy to build digital experiences that perform in real markets across Europe, the USA, India, and APAC.

Issue in Ckeditor

Mahadevan — Sat, 23 Dec 2023 07:27:19 +0000

I am getting issue in Ckeditor I have ckeditor textarea and signature text field when I am trying to update in signature it has to update in ckeditor signature area.

Here is my code

// Function to update subject and body based on start date
   function updateSubjectAndBody(startDate) {
     const form = $('#formCpiStop');
     const fromField = form.find('#from');
     const toField = form.find('#to');
     const subjectParagraph = form.find('#subjectParagraph');
    // Format the selected date as "Full day Month and date, year"
    const formattedDate = startDate ? new Date(startDate).toLocaleDateString('en-US', { weekday: 'long', month: 'long', day: 'numeric', year: 'numeric' }) : '';
   // Get the values from the fields
    const from = fromField.val() || '';
    const to = toField.val() || '';
    const signature = $('#cpistopsignature').val() || '';
    const subjectText = `Request for deployment for ${formattedDate}  - Please Acknowledge`;
   // Set the updated content to the subject paragraph
   subjectParagraph.html(subjectText);
   // Body content for CKEditor (excluding From and To)
   const bodyContent = `
   <p>Dear Team,</p>
   <p>This is a request for successfully publish thethe tonight's ${formattedDate} for . 
    We will inform you once the release is complete.</p>
    <p>${signature}</p> <!-- Append signature to body content -->
    `;
   console.log(bodyContent);
  // Update CKEditor content directly
 if (CKEDITOR.instances.bodyTextarea) {
    CKEDITOR.instances.bodyTextarea.setData(bodyContent);
 }
 }

Here is the HTML field

    <div class="form-group">
      <label for="subjectCpiStop"><i class="fas fa-heading"></i> Subject</label>
      <p id="subjectParagraph"></p>
    </div>
    <div class="form-group">
      <label for="cpistopsignature"><i class="fas fa-signature"></i> Signature</label>
      <input type="text" id="cpistopsignature" class="form-control">
    </div>

Please let me know what I am doing wrong why the ckeditor not updating the signature field

Note I am not getting any error but ckeditor field is not updating

Working URL URL