5 min read

SEO in Web Design: What to Get Right Before the Site Ships

A technical checklist for startup founders hiring design agencies. Ensure your site launches with proper SEO fundamentals built in, not bolted on later.

Most design agencies treat SEO as an afterthought, which means you'll spend months fixing foundational issues post-launch. This checklist covers what your seo in web design implementation must include before your site goes live—specific technical requirements and content structure you can verify with your agency during the build phase.

Technical SEO Requirements Your Agency Must Deliver

Your contract should specify these technical elements. According to Google Research, 53% of mobile users abandon sites that take longer than 3 seconds to load, making performance a revenue issue, not just an SEO concern.

Core technical deliverables:

  • Page speed: Core Web Vitals passing in Google Search Console (LCP under 2.5s, FID under 100ms, CLS under 0.1)
  • Mobile responsiveness: Not just "mobile-friendly" but actually usable on devices with touch targets minimum 48x48px
  • SSL certificate: HTTPS across all pages, no mixed content warnings
  • XML sitemap: Auto-generated and submitted to Google Search Console before launch
  • Robots.txt: Properly configured to allow crawling of public pages
  • Structured data: Schema markup for Organization, LocalBusiness (if applicable), and Article/Product types
  • Canonical tags: Set on every page to prevent duplicate content issues
  • 301 redirects: Migration plan if replacing an existing site, with redirect mapping document

Your website design seo company should provide a technical SEO audit report before launch, not after. Request this as a deliverable in your contract.

Content Architecture and URL Structure

Your site's information hierarchy determines how search engines understand your business. Poor seo in web design planning here creates problems that are expensive to fix later.

URL structure rules:

  • Descriptive, readable URLs: /features/analytics-dashboard not /page?id=47
  • Maximum 3-4 levels deep: domain.com/category/subcategory/page
  • Hyphens between words, lowercase only
  • No session IDs, tracking parameters, or unnecessary query strings in canonical URLs

Content hierarchy requirements:

  • H1 tag on every page (one per page, describes page topic)
  • Logical H2-H6 structure that search engines can parse
  • Internal linking strategy with descriptive anchor text
  • Breadcrumb navigation with schema markup

According to the Nielsen Norman Group, users often leave web pages within 10-20 seconds, which means your content hierarchy must communicate value immediately. Your navigation and heading structure should clarify what you do within that window.

On-Page SEO Elements Checklist

Every page template your agency builds should include these customizable fields. Many agencies hardcode these or make them difficult to edit later.

ElementCharacter LimitRequired
Title tag50-60 charactersYes
Meta description150-160 charactersYes
H1 heading20-70 charactersYes
Image alt textDescriptive, 125 charactersYes
Open Graph tagsVaries by platformRecommended
Twitter Card tagsVaries by platformRecommended

These fields must be:

  • Editable through your CMS without developer involvement
  • Unique per page (no template defaults)
  • Visible in your page editor, not hidden in "advanced settings"

Your web design and seo company should demonstrate how you'll update these fields during the handoff meeting. If they can't show you in under 2 minutes, the implementation is too complex.

Image Optimization and Media Handling

Images typically account for 50-90% of page weight. Your agency should implement:

  • Automatic compression: WebP format with JPEG fallback, compression applied on upload
  • Lazy loading: Native browser lazy loading for off-screen images
  • Responsive images: srcset attributes serving appropriate sizes per device
  • CDN delivery: Content delivery network for static assets
  • Dimension attributes: Width and height specified to prevent layout shift
  • Descriptive filenames: blue-running-shoes.jpg not IMG_2847.jpg

Request a sample page analysis from tools like GTmetrix or PageSpeed Insights during the design review phase. Scores should be 85+ before launch.

Pre-Launch SEO Verification Process

Create this verification checklist and review it with your agency one week before launch:

  • Google Search Console and Analytics installed and tracking
  • All meta titles and descriptions written and implemented
  • 404 error page designed and functional
  • Site search functionality working (if applicable)
  • Mobile usability test passed on real devices
  • Page speed meets Core Web Vitals thresholds
  • Internal links audited (no broken links)
  • Forms tested and delivering submissions
  • Tracking for conversions configured
  • Staging site blocked from search engine indexing
  • Production site ready to be indexed

Good agencies welcome this checklist. Resistant ones are telling you something.

FAQ