DEV Community

Kui Luo
Kui Luo

Posted on

How to Find and Fix 11 Common SEO Issues Using Chrome DevTools

#seo #webdev #beginners

Search engine optimization doesn't require expensive tools. Your browser's built-in developer tools can identify and diagnose most SEO problems in under 15 minutes.

Here are the 11 most impactful SEO checks you can run directly from Chrome DevTools.

1. Check Meta Description Length

Right-click any element, Inspect, expand <head>, find <meta name="description">.

Metric Optimal Range
Meta description length 120-155 characters
Title tag length 50-60 characters
H1 count per page Exactly 1 
const meta = document.querySelector('meta[name="description"]');
const len = meta ? meta.content.length : 0;
console.log(`Meta description: ${len} chars`);
Enter fullscreen mode Exit fullscreen mode

2. Verify Only One H1 Tag Exists 

const h1s = document.querySelectorAll('h1');
console.log(`H1 count: ${h1s.length}`);
Enter fullscreen mode Exit fullscreen mode

A study of 1.2 million pages found pages with one H1 ranked 12% higher on average.

3. Find Images Missing Alt Text 

const imgs = document.querySelectorAll('img');
const missing = [...imgs].filter(i => !i.alt || i.alt.trim() === '');
console.log(`${missing.length} of ${imgs.length} images missing alt text`);
Enter fullscreen mode Exit fullscreen mode

Pages with complete alt text see 3.7% higher image search visibility.

4. Detect Render-Blocking Resources

Open DevTools, Network tab, reload, click "Blocking" filter. Resources in red block first contentful paint.

  • Total blocking time under 200ms
  • More than 20 render-blocking resources signals a problem
  • Each render-blocking CSS file adds 50-300ms to page load

5. Check Canonical Tag Consistency 

const canonical = document.querySelector('link[rel="canonical"]');
console.log(canonical ? `Canonical: ${canonical.href}` : 'No canonical tag');
Enter fullscreen mode Exit fullscreen mode

6. Audit Internal Links 

const links = [...document.querySelectorAll('a[href]')];
const internal = links.filter(l => {
  try { return new URL(l.href).hostname === window.location.hostname; }
  catch(e) { return false; }
});
console.log(`Internal links: ${internal.length}`);
Enter fullscreen mode Exit fullscreen mode

7. Verify Structured Data 

const scripts = document.querySelectorAll('script[type="application/ld+json"]');
scripts.forEach(s => {
  try { JSON.parse(s.textContent); console.log('Valid JSON-LD'); }
  catch(e) { console.log('Invalid JSON-LD'); }
});
Enter fullscreen mode Exit fullscreen mode

Valid structured data gives 22% higher CTR in search results.

8. Check Mobile Viewport 

const viewport = document.querySelector('meta[name="viewport"]');
console.log(viewport ? `Viewport: ${viewport.content}` : 'No viewport meta');
Enter fullscreen mode Exit fullscreen mode

9. Identify Large JS Bundles

DevTools, More tools, Coverage, Start instrumenting, reload. Pages with 1MB+ unused JS lose 0.8s per 500KB.

10. Test robots meta Tags 

const robots = document.querySelector('meta[name="robots"]');
console.log(robots ? `Robots: ${robots.content}` : 'Default: index, follow');
Enter fullscreen mode Exit fullscreen mode

11. Validate Open Graph Tags 

['og:title','og:description','og:image'].forEach(prop => {
  const tag = document.querySelector(`meta[property="${prop}"]`);
  console.log(`${prop}: ${tag ? 'OK' : 'MISSING'}`);
});
Enter fullscreen mode Exit fullscreen mode

Quick Audit Checklist

Check Location Time
Meta tags Elements Panel 10s
H1 audit Console 5s
Image alts Console 5s
Render blocking Network Panel 15s
Canonical Console 5s
Internal links Console 10s
Structured data Console 5s
Viewport Console 5s
JS bundles Coverage Panel 20s

Total audit time: approximately 90 seconds

Open DevTools, paste the snippets, and you have a professional-grade SEO audit in under 2 minutes.

Top comments (0)