Vývojári majú priamy vplyv na SEO. Technická optimalizácia je základ, na ktorom stojí všetok obsah.

Core Web Vitals

Google hodnotí tieto metriky:

Largest Contentful Paint (LCP)

Čas načítania najväčšieho elementu. Cieľ: pod 2.5 sekundy.

// Lazy loading obrázkov
<img loading="lazy" src="image.jpg" alt="popis" />

// Preload kritických zdrojov
<link rel="preload" href="font.woff2" as="font" type="font/woff2" crossorigin>

First Input Delay (FID) / Interaction to Next Paint (INP)

Reaktivita na používateľský vstup. Cieľ: pod 100ms.

// Rozdelenie dlhých taskov
function processLargeArray(items) {
  const chunk = items.splice(0, 100)
  processChunk(chunk)
  if (items.length > 0) {
    requestIdleCallback(() => processLargeArray(items))
  }
}

Cumulative Layout Shift (CLS)

Vizuálna stabilita. Cieľ: pod 0.1.

/* Vždy definujte rozmery */
img, video {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

Meta tagy

<head>
  <title>Hlavný nadpis | Značka</title>
  <meta name="description" content="150-160 znakov popis stránky">
  <meta name="robots" content="index, follow">
  <link rel="canonical" href="https://example.com/page">

  <!-- Open Graph -->
  <meta property="og:title" content="Titulok">
  <meta property="og:description" content="Popis">
  <meta property="og:image" content="https://example.com/image.jpg">
</head>

Štruktúrované dáta

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Názov článku",
  "author": {
    "@type": "Organization",
    "name": "LukSoft IT"
  },
  "datePublished": "2024-11-10"
}
</script>

Technické základy

  1. HTTPS - povinné pre ranking
  2. Mobile-first - responsive dizajn
  3. Sitemap.xml - pomáha crawlerom
  4. Robots.txt - kontrola indexovania
  5. 404 stránky - custom, užitočná 404

Rýchlosť načítania

// Nuxt.js optimalizácie
export default {
  render: {
    http2: { push: true },
    compressor: { threshold: 0 }
  },
  build: {
    extractCSS: true,
    optimization: {
      splitChunks: { chunks: 'all' }
    }
  }
}

Záver

Technické SEO je investícia, ktorá sa vypláca. Rýchly, prístupný a dobre štruktúrovaný web má lepšie pozície a konverzie.