5 vecí, ktoré váš web pravdepodobne nemá (a nikto vám to nepovedal)

Keď "dosť dobré" nestačí

Máte web. Vyzerá čisto, máte tam zoznam služieb, možno aj kontaktný formulár. Hotovo, nie?

Nie celkom. Väčšina webov — vrátane mnohých postavených profesionálnymi agentúrami — chýba základné prvky, ktoré ticho obmedzujú ich efektivitu. Nie sú to bombastické funkcie. Je to infraštruktúra. A správne ich nastaviť je to, čo odlišuje web, ktorý funguje, od toho, ktorý len existuje.

1. Štruktúrované dáta (Schema Markup)

Schema markup je spôsob, ako povedať vyhľadávačom — v štruktúrovanom, strojovo čitateľnom formáte — čo presne váš biznis je, kde sa nachádza, čo robí a ako ho kontaktovať. Bez toho musí Google hádať. S tým získate bohaté výsledky vo vyhľadávaní. Tu je príklad LocalBusiness schemy:

{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "Názov vášho biznisu",
  "description": "Čo váš biznis robí v jednej vete.",
  "url": "https://vasadomena.sk",
  "telephone": "+421 900 000 000",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Hlavná 1",
    "addressLocality": "Bratislava",
    "postalCode": "811 01",
    "addressCountry": "SK"
  },
  "openingHoursSpecification": [
    {
      "@type": "OpeningHoursSpecification",
      "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
      "opens": "09:00",
      "closes": "17:00"
    }
  ]
}

2. Stratégia meta popisov

Meta popis sú dva riadky textu, ktoré sa zobrazia pod názvom vašej stránky vo výsledkoch Googlu. Dobrý meta popis má 130–155 znakov, obsahuje jasnú hodnotovú ponuku a je jedinečný pre každú stránku:

<!-- ❌ Generický — rovnaký na každej stránke, bez hodnotovej ponuky -->
<meta name="description" content="Vitajte na našom webe." />

<!-- ✅ Jedinečný, špecifický, s háčikom -->
<meta
  name="description"
  content="Webdizajn pre slovenské biznisy, ktoré potrebujú výsledky, nie len prítomnosť. Rýchle, moderné weby postavené v Next.js. Bezplatná konzultácia do 24 hodín."
/>

3. HTTPS všade

Váš web by mal byť dostupný iba cez HTTPS. Ak používate Nginx, takto prinútiť presmerovanie všetkej HTTP návštevnosti na HTTPS:

server {
    listen 80;
    server_name vasadomena.sk www.vasadomena.sk;

    # Presmerovanie všetkej HTTP na HTTPS
    return 301 https://$host$request_uri;
}

server {
    listen 443 ssl;
    server_name vasadomena.sk www.vasadomena.sk;

    ssl_certificate     /etc/letsencrypt/live/vasadomena.sk/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/vasadomena.sk/privkey.pem;

    # HSTS: povedzte prehliadačom, aby vždy používali HTTPS
    add_header Strict-Transport-Security "max-age=31536000; includeSubDomains" always;
}

4. XML sitemap (a oznámiť to Googlu)

XML sitemap je súbor, ktorý zoznamuje všetky dôležité URL na vašom webe. V Next.js App Router ho môžete generovať dynamicky pomocou súboru sitemap.ts:

// app/sitemap.ts
import { MetadataRoute } from 'next';

export default function sitemap(): MetadataRoute.Sitemap {
  const baseUrl = 'https://vasadomena.sk';

  return [
    {
      url: baseUrl,
      lastModified: new Date(),
      changeFrequency: 'monthly',
      priority: 1,
    },
    {
      url: `${baseUrl}/blog`,
      lastModified: new Date(),
      changeFrequency: 'weekly',
      priority: 0.8,
    },
  ];
}

5. Open Graph obrázok

Keď niekto zdieľa váš web na LinkedIn, Twitteri alebo WhatsApp, čo uvidí? V Next.js môžete nastaviť Open Graph obrázky pre každú stránku — a dokonca ich generovať dynamicky s ImageResponse:

// app/opengraph-image.tsx
import { ImageResponse } from 'next/og';

export const runtime = 'edge';
export const size = { width: 1200, height: 630 };

export default function Image() {
  return new ImageResponse(
    (
      <div style={{ background: '#1a1a2e', width: '100%', height: '100%', display: 'flex', flexDirection: 'column', justifyContent: 'center', padding: 80 }}>
        <div style={{ color: '#f7f4ee', fontSize: 64, fontWeight: 700 }}>
          Názov vašej značky
        </div>
        <div style={{ color: 'rgba(247,244,238,0.6)', fontSize: 28, marginTop: 24 }}>
          Webdizajn pre biznisy, ktoré chcú výsledky.
        </div>
      </div>
    ),
    { ...size }
  );
}

Infraštruktúra na prvom mieste, potom dizajn

Lekcia je tu, že web je viac ako to, čo je viditeľné na obrazovke. Technická vrstva pod tým — ako komunikuje s vyhľadávačmi, ako zvláda bezpečnosť, ako sa prezentuje naprieč rôznymi povrchmi — má obrovský vplyv na váš online výkon.

Keď staviam web, všetkých päť týchto položiek je v počiatočnom rozsahu. Nie ako voliteľné doplnky. Nie ako budúce vylepšenia. Ako súčasť toho, čo znamená "hotovo". Pretože krásny web, ktorý nikto nenájde, ktorý vyzerá rozbitý pri zdieľaní na sociálnych médiách, alebo ktorý varuje používateľov, že je "Nezabezpečený" — v skutočnosti hotový nie je.