Dlaczego techniczne SEO to zadanie dla developera?

SEO kojarzy się głównie z treścią i słowami kluczowymi, ale fundamentem skutecznego pozycjonowania jest warstwa techniczna. Jeśli wyszukiwarka nie może poprawnie zaindeksować strony, nawet najlepsza treść nie pojawi się w wynikach. Techniczne SEO to zestaw praktyk, które zapewniają prawidłowe indeksowanie, szybkie ładowanie i poprawną interpretację treści przez roboty wyszukiwarek.

Poniższy checklist obejmuje najważniejsze elementy techniczne, które każdy developer powinien zweryfikować przed i po wdrożeniu strony.

Meta tagi

Title i description

Każda strona powinna mieć unikalne tagi <title> i <meta name="description">:

<title>Usługi programistyczne — LinWork</title>
<meta name="description" content="Tworzymy strony internetowe i aplikacje webowe. Profesjonalne rozwiązania dla firm z Wrocławia i okolic.">

Zalecane długości:

  • Title: 50-60 znaków
  • Description: 120-160 znaków

Open Graph i Twitter Cards

Meta tagi społecznościowe kontrolują wygląd linków udostępnianych w mediach społecznościowych:

<meta property="og:title" content="Usługi programistyczne">
<meta property="og:description" content="Tworzymy strony internetowe i aplikacje webowe.">
<meta property="og:image" content="https://www.linwork.pl/images/og-image.jpg">
<meta property="og:url" content="https://www.linwork.pl/uslugi">
<meta property="og:type" content="website">

Obraz OG powinien mieć wymiary 1200x630 pikseli dla optymalnego wyświetlania na Facebooku i LinkedIn.

Canonical URLs

Tag canonical informuje wyszukiwarki, która wersja strony jest kanoniczna (główna), eliminując problem duplikacji treści:

<link rel="canonical" href="https://www.linwork.pl/uslugi">

Jest to szczególnie ważne, gdy ta sama treść dostępna jest pod wieloma adresami URL (np. z parametrami query string, z i bez www, HTTP i HTTPS). Każda strona powinna mieć tag canonical wskazujący na preferowaną wersję URL.

Struktura nagłówków

Nagłówki HTML (h1-h6) tworzą hierarchię treści strony:

  • Każda strona powinna mieć dokładnie jeden <h1>
  • Nagłówki powinny tworzyć logiczną hierarchię — nie pomijaj poziomów (np. z h2 od razu do h4)
  • Nagłówki powinny opisywać treść sekcji, nie służyć wyłącznie do stylowania

Poprawna struktura:

h1: Usługi programistyczne
  h2: Strony internetowe
    h3: Strony firmowe
    h3: Sklepy internetowe
  h2: Aplikacje webowe
    h3: Panele administracyjne

Sitemap XML

Plik sitemap.xml informuje wyszukiwarki o wszystkich stronach dostępnych do zaindeksowania:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://www.linwork.pl/</loc>
    <lastmod>2024-09-28</lastmod>
    <priority>1.0</priority>
  </url>
  <url>
    <loc>https://www.linwork.pl/uslugi</loc>
    <lastmod>2024-09-15</lastmod>
    <priority>0.8</priority>
  </url>
</urlset>

Dla dynamicznych stron warto generować sitemap automatycznie. Sitemap powinien zawierać wyłącznie strony, które mają być indeksowane — nie dodawaj stron z noindex.

Robots.txt

Plik robots.txt kontroluje, które części strony mogą być indeksowane:

User-agent: *
Allow: /
Disallow: /admin/
Disallow: /api/

Sitemap: https://www.linwork.pl/sitemap.xml

Ważna zasada: robots.txt to sugestia, nie blokada. Jeśli potrzebujesz naprawdę zablokować dostęp do zasobu, użyj uwierzytelniania lub nagłówka X-Robots-Tag: noindex.

Schema.org — dane strukturalne

Dane strukturalne pomagają wyszukiwarkom lepiej zrozumieć treść strony i mogą skutkować wyświetlaniem rozszerzonych wyników (rich snippets) w Google:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "LinWork",
  "url": "https://www.linwork.pl",
  "telephone": "+48123456789",
  "address": {
    "@type": "PostalAddress",
    "addressLocality": "Wrocław",
    "addressCountry": "PL"
  }
}
</script>

Najczęściej używane typy schema.org to:

  • Organization / LocalBusiness — informacje o firmie
  • Article / BlogPosting — artykuły blogowe
  • BreadcrumbList — nawigacja okruszkowa
  • FAQ — sekcje pytań i odpowiedzi

Do walidacji danych strukturalnych używaj narzędzia Google Rich Results Test.

Wydajność strony

Szybkość ładowania jest czynnikiem rankingowym. Kluczowe metryki Core Web Vitals:

  • LCP (Largest Contentful Paint) — czas załadowania największego elementu widocznego na ekranie. Cel: poniżej 2,5 sekundy.
  • FID / INP (Interaction to Next Paint) — czas reakcji na pierwszą interakcję. Cel: poniżej 200 ms.
  • CLS (Cumulative Layout Shift) — stabilność wizualna strony. Cel: poniżej 0,1.

Praktyczne działania: kompresja obrazów (WebP/AVIF), lazy loading, minimalizacja CSS/JS, konfiguracja cache HTTP i kompresja gzip/brotli na serwerze.

HTTPS i przekierowania

  • Cała strona musi działać przez HTTPS
  • HTTP powinno być przekierowywane na HTTPS kodem 301
  • Wersja bez www powinna przekierowywać na wersję z www (lub odwrotnie — ważna jest konsekwencja)
  • Unikaj łańcuchów przekierowań (A → B → C)

Responsywność

Google stosuje mobile-first indexing — indeksuje przede wszystkim mobilną wersję strony:

<meta name="viewport" content="width=device-width, initial-scale=1">

Sprawdź stronę w Google Search Console w sekcji "Mobile Usability" oraz narzędziem Lighthouse w Chrome DevTools.

Podsumowanie

Techniczne SEO to nie jednorazowe zadanie, ale proces wymagający regularnej weryfikacji. Opisane elementy stanowią fundament — bez nich nawet najlepsza treść i strategia słów kluczowych nie przyniosą oczekiwanych rezultatów. Warto włączyć checklist SEO do procesu wdrożeniowego każdego projektu i traktować go jako standardową część quality assurance.