DEV Community: David Pack

10 Website Mistakes I Keep Fixing for Clients (Real Lessons From Building 100+ Sites)

David Pack — Sun, 23 Nov 2025 13:27:08 +0000

After building and fixing websites for years, one thing has become painfully clear.
Most of the problems I solve today are not “new”. They’re the same old mistakes repeating across different clients, different industries, and different budgets.

These patterns show up whether the project is for a startup, a local business, a freelancer, or a growing team. And honestly, some of them are so preventable that I figured it’s worth sharing here on Dev.to.

Think of this post as a behind-the-scenes look at what developers quietly fix every day.

1. The “Plugin for Everything” Approach

This is the classic.

Client: “Can you add a slider, popup, chat, analytics, sticky header, fancy menu?”
Developer: “Sure.”
Result: 42 plugins and a page load time slower than a government website from 2003.

Most issues I fix:

Duplicate functionality
Conflicting scripts
Bloated page builders
Nulled plugins injected with malware

Keeping a site lean is underrated.

2. Choosing the Cheapest Hosting

Cheap hosting feels like saving.
But slow hosting becomes expensive later.

A site on a weak shared server:

Takes forever to load

Crashes on traffic

Has unstable PHP versions

Fails on simple updates

The irony is that moving to better hosting often costs less than repairing the damage done by the cheap one.

3. No Image Optimization at All

I’ve had clients upload DSLR-sized 8MB photos directly to the site.
Multiple times.

Symptoms:

CLS issues
Slow rendering
Poor mobile experience
Terrible Core Web Vitals

Image compression alone can cut load time by 40 percent.

4. Building Without a Content Plan

Many projects start like this:

Client:
“Build the site. I will send content later.”
Developer:
“Sure.”
Three weeks later, the site has dummy text, awkward spacing, and last-minute changes.

Sites break not because code is wrong, but because the content was never planned.

Good content architecture = cleaner dev work.

5. Ignoring Mobile Completely

Still shocking but true.

I often fix sites where:

Buttons overlap
Menus don’t open
Images overflow
Text is unreadable

Hero sections break on small devices

Since 70 percent of traffic is mobile, this should be the first thing designed, not the last.

6. DIY SEO Misconceptions

A few things I repeatedly see:

7 H1 tags on one page
Missing meta descriptions
Zero schema
No alt attributes
Wrong canonical URLs
404 pages everywhere

SEO isn’t magic.
It’s structure.
Ignoring the basics hurts visibility.

7. The “Set It and Forget It” Mindset

Websites need maintenance.
But many businesses treat them like one-time purchases.

Then they deal with:

Broken forms
Outdated plugins
Security issues
Hosting suspensions
Random downtime

A small monthly check-up could prevent almost all of these.

8. No Backup Strategy

At least 20 times, a client has said:

“Everything is gone after an update… do you have a backup?”
Me: “Do you?”
Them: “…”

One good backup policy can save a project.
And sometimes, a business.

9. Zero Understanding of Core Web Vitals

Core Web Vitals matter more than most clients understand.

Some pages drop rankings simply because:

LCP is 4 seconds
FID is too slow
CLS jumps on mobile
JS bundles are massive

Optimizing these factors creates instant improvements.

10. Expecting Custom Results from Template Budgets

This one is universal.

Clients want:

Custom UI

Custom animations

Custom backend

Custom dashboards

…but with a themeforest budget.

Templates are fine.
Just don’t expect them to behave like a full custom build.

What Developers Can Learn From These Patterns

If you’re a dev working with clients, here’s what I’ve learned over the years:

Set expectations early
Document everything
Build processes
Educate clients gently
Keep your stack lean
Always maintain control of hosting and security

Clients don’t intentionally break their sites.
They just don’t know what we know.

That’s where our value comes from.

If you work with small businesses or local clients, and you deal with these issues often, I run a web development service in Chennai where I handle these exact kinds of problems for real clients. If you ever want to see how I structure projects on the business side, here’s the link:
https://sanishtech.com/website-development-company-in-chennai/

No pitch. No push. Just sharing in case it’s useful or you’re curious how I approach client projects outside the dev side.

How to Generate Video Schema for Any YouTube Video Automatically

David Pack — Mon, 17 Nov 2025 19:03:32 +0000

Video-rich content performs incredibly well in Google, but there’s one thing most creators forget: search engines can’t fully understand your embedded videos unless you give them structured data.

That’s where VideoObject schema comes in.

It tells Google details like:

Video title
Description
Thumbnail
Duration
Upload date
Embed URL

If you’ve ever wondered why some videos appear with rich snippets and others don’t, schema markup is usually the difference.

In this tutorial, I’ll show you how to generate video schema automatically from any YouTube link. No coding. No manual formatting. No JSON headaches.

We’ll use a free generator that fetches metadata instantly and outputs clean JSON-LD you can paste directly into your website.

Why Video Schema Matters

Google treats videos as a separate content type. If your page includes a video but no structured data, Google has to guess the details.

That often leads to:

Slow indexing
Missing thumbnails
Missing video-rich snippets
Lower visibility in search
Poor understanding of what the page is really about

Video schema gives Google the metadata it needs in a structured format. Think of it as explaining your content in a language search engines prefer.

Manual Video Schema Is… Painful

If you’ve ever tried writing VideoObject JSON-LD manually, you already know the problems:

Finding the thumbnail URL
Formatting the duration in ISO 8601
Getting upload dates correct
Fixing curly quote issues
Validating JSON
Handling trailing commas
Rewriting descriptions
Avoiding missing required fields

One small formatting error and the whole schema breaks.

That’s why most developers skip it entirely.

Automatic Video Schema Generation (The Easy Way)

Let’s jump into the step-by-step process using a tool that does everything automatically.

We’ll use:

👉 Video Schema Generator
🔗 https://sanishtech.com/tools/video-schema-generator/

This tool pulls data directly from YouTube so you don’t have to copy any metadata manually.

Step 1: Open the Video Schema Generator

Visit the tool here:

https://sanishtech.com/tools/video-schema-generator/

It works entirely in the browser. No login. No API key. No limitations.

You’ll see two modes:

Automatic (YouTube)

Manual (for self-hosted or other platforms)

For this tutorial, we’ll use Automatic mode.

Step 2: Paste Your YouTube URL

Grab the YouTube video link you want to generate schema for.

Paste it into the input field and click Fetch Details.

Step 3: The Tool Auto-Fetches All Metadata

Within a second, the tool pulls:

Title
Description
Thumbnail URL
Duration
Upload date
Embed URL

And fills everything for you.

No guesswork. No copy-paste errors.

Step 4: Review or Edit the Fields

You can update the title, tweak the description, or add custom interaction count.

Developers often adjust descriptions to match the blog post context. The tool conveniently keeps everything editable.

Step 5: Generate Your JSON-LD Schema

Click Generate Schema.

You’ll get a clean, validated block of JSON-LD like this:

{
"@context": "https://schema.org",
"@type": "VideoObject",
"name": "Example Video Title",
"description": "Your video description...",
"thumbnailUrl": "https://i.ytimg.com/vi/xxxxxxx/maxresdefault.jpg",
"uploadDate": "2024-06-18",
"duration": "PT4M10S",
"contentUrl": "https://www.youtube.com/watch?v=xxxxxxx",
"embedUrl": "https://www.youtube.com/embed/xxxxxxx"
}

Ready to paste into your site.

Step 6: Add the Schema to Your Website

Common ways to add it:

WordPress

Paste the schema inside:

Rank Math → Schema
Yoast → Schema markup field
AIOSEO → Custom Schema
A custom HTML block
theme-header.php (advanced)

*HTML Site
*
Paste before :

{ ... }

*Static Builders
*
Works with:

Astro
Next.js
Nuxt
Hugo
Jekyll
11ty

Any framework that supports inline blocks will accept it.</p> <h3> <a name="step-7-validate-with-google" href="#step-7-validate-with-google" class="anchor"> </a> Step 7: Validate With Google </h3> <p>After adding the schema, run a quick test using one of these:</p> <p>🔗 Schema.org Validator<br> <a href="https://validator.schema.org/">https://validator.schema.org/</a></p> <p>🔗 Google Rich Results Test<br> <a href="https://search.google.com/test/rich-results">https://search.google.com/test/rich-results</a></p> <p>If everything is correct, you’ll see the green "Valid" status.</p> <h2> <a name="real-benefits-youll-notice" href="#real-benefits-youll-notice" class="anchor"> </a> Real Benefits You’ll Notice </h2> <p>Developers, bloggers, and SEO teams use video schema because it leads to:</p> <ul> <li>Higher visibility in search</li> <li>Better understanding of embedded videos</li> <li>Enhanced rich snippets</li> <li>Faster indexing</li> <li>Stronger page relevance</li> <li>Better click-through rates</li> </ul> <p>Google loves structured data, especially when it’s correctly formatted.</p> <h3> <a name="bonus-tip-use-manual-mode-for-nonyoutube-videos" href="#bonus-tip-use-manual-mode-for-nonyoutube-videos" class="anchor"> </a> Bonus Tip: Use Manual Mode for Non-YouTube Videos </h3> <p>If your videos are:</p> <ul> <li>Self-hosted</li> <li>Hosted on Vimeo</li> <li>Hosted on Cloudflare Stream</li> <li>Served from S3</li> <li>Embedded from LMS platforms</li> </ul> <p>You can fill the fields manually and still generate valid schema.</p> <h4> <a name="try-it-yourself" href="#try-it-yourself" class="anchor"> </a> Try It Yourself </h4> <p>If you want to skip the hard part and generate clean VideoObject JSON-LD instantly, here’s the tool again:</p> <p>👉 Video Schema Generator<br> 🔗 <a href="https://sanishtech.com/tools/video-schema-generator/">https://sanishtech.com/tools/video-schema-generator/</a></p> <p>Just paste your YouTube link and get your schema.</p>