Softonic

Generator metatagów

Krok 1 / 4 Wygenerowane tagi
Dalej

Rozbudowana wersja szybkiego generatora metatagów, to narzędzie tworzy kompletny zestaw: podstawowe znaczniki SEO, Open Graph z wariantami dla poszczególnych regionów, Twitter Card z obsługą głębokich linków do aplikacji, zestaw favikon (ico, svg, apple-touch-icon, mask-icon), link do manifestu PWA, kolor motywu dla schematu jasnego i ciemnego oraz opcjonalny blok JSON-LD dla schematu Article, Product, Recipe, FAQ lub Event. Przydatny przy uruchamianiu nowej witryny, gdy chcesz od razu poprawnie ustawić <head>.

Jak zbudować pełny zestaw metatagów

  1. 1

    Wypełnij pola podstawowe

    Tytuł, opis, canonical, nazwa witryny, obraz domyślny.

  2. 2

    Dodaj nadpisania specyficzne dla mediów społecznościowych

    W razie potrzeby inny tytuł lub opis dla Open Graph lub Twittera.

  3. 3

    Skonfiguruj ikony i PWA

    Ścieżki favikon, ikona Apple touch, manifest, kolor motywu dla trybu jasnego/ciemnego.

  4. 4

    Wybierz typ Schema.org

    Artykuł, Produkt, Przepis, Wydarzenie, FAQ, Organizacja. Wypełnia JSON-LD na podstawie wprowadzonych danych.

  5. 5

    Skopiuj kompletny fragment

    Wklej między `<head>...</head>`.

Pełny zestaw

  • Podstawowe SEO: <title>, description, canonical, viewport, robots, author, charset.
  • Open Graph: og:type, og:title, og:description, og:image (z szerokością/wysokością), og:url, og:site_name, og:locale, og:locale:alternate dla tłumaczeń.
  • Twitter Card: twitter:card, twitter:site, twitter:creator, twitter:title, twitter:description, twitter:image, twitter:app:* do głębokiego linkowania do natywnej aplikacji.
  • Ikony: favikona w wielu formatach (.ico dla starszych przeglądarek, .svg dla nowoczesnych, ikona Apple touch 180×180, maska ikony dla przypiętych kart w Safari).
  • PWA: link manifest.json, theme-color dla trybu jasnego i ciemnego, apple-mobile-web-app-capable.
  • JSON-LD: dane strukturalne Schema.org dla danego typu treści.

Szablony JSON-LD dla poszczególnych schematów

Artykuł

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "...",
  "author": { "@type": "Person", "name": "..." },
  "datePublished": "2026-04-18",
  "dateModified": "2026-04-18",
  "image": "https://..."
}

Produkt

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "...",
  "image": "https://...",
  "brand": { "@type": "Brand", "name": "..." },
  "offers": {
    "@type": "Offer",
    "price": "29.99",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock"
  }
}

Strona FAQ

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "...",
    "acceptedAnswer": { "@type": "Answer", "text": "..." }
  }]
}

Kiedy używać każdego typu Schema.org

Typ treści Schemat
Wpis na blogu, wiadomości Article / NewsArticle
Strona produktu Product + Offer
Przepis Recipe
Wydarzenie (koncert, webinar) Event
Osoba (strona autora) Person
Strona firmy Organization
FAQ FAQPage
Nawigacja okruszkowa BreadcrumbList
Firma lokalna LocalBusiness

Weryfikacja

Po wklejeniu zweryfikuj pełny <head>:

  • Rich Results Test (Google) pod kątem kwalifikowalności JSON-LD.
  • Schema Markup Validator pod kątem poprawności Schema.org.
  • Facebook Sharing Debugger do podglądu Open Graph.
  • Twitter Card Validator do podglądu Twittera.
  • Lighthouse (Chrome DevTools → Lighthouse) dla ogólnego audytu.

Najczęściej zadawane pytania

Nie bezpośrednio. Sam JSON-LD nie podnosi pozycji. Umożliwia jednak wyświetlanie wyników rozszerzonych (oceny w gwiazdkach, akordeon FAQ, cena i dostępność), co może zwiększyć współczynnik klikalności. Lepszy CTR pomaga już pośrednio.

Tak. Typowy wzorzec: jeden BreadcrumbList i jeden Article (lub Product). Utrzymuj każdy blok skupiony na jednym typie schematu, zamiast je mieszać.

Twitter faktycznie korzysta z OG jako rozwiązania zapasowego, ale możesz chcieć innych proporcji obrazu lub uchwytu twórcy, którego OG nie obsługuje. Ustawiaj znaczniki właściwe dla Twittera tylko tam, gdzie różnią się od OG.

Nie. Koloruje interfejs przeglądarki w Android Chrome i iOS Safari (po dodaniu do ekranu głównego). Przeglądarki na komputerach go ignorują.

Nie, generator działa w całości w Twojej przeglądarce. Wszystkie wprowadzone dane pozostają lokalnie.

Powiązane narzędzia

Sprawdzanie długości meta opisu

Zmierz meta opis w znakach i szacowanych pikselach, porównaj wskazówki redakcyjne i przejrzyj makiety na komputer i telefon.

Tester nagłówków bezpieczeństwa HTTP

Wklej nagłówki odpowiedzi HTTP i lokalnie sprawdź HSTS, CSP, ochronę ramek, MIME, referrer oraz zasady cross-origin.

Ekstraktor linków zewnętrznych

Wklej surowy kod HTML, opcjonalnie podaj adres URL podstawowy i otrzymaj czystą, bez duplikatów listę wszystkich zewnętrznych linków http/https w kodzie, na potrzeby audytów linków i analiz SEO.

Sprawdzacz indeksowalności

Sprawdź, czy adres URL może zostać indeksowany: plik robots.txt, metaparametry robots, tag X-Robots, sygnały kanoniczne oraz stan HTTP.

Symulator wyników Google

Wyświetl przybliżony snippet w stylu Google z limitami znaków dla telefonu i komputera. Szkic pozostaje w tej sesji przeglądarki.

Walidator mapy witryny XML

Sprawdź w przeglądarce składnię XML mapy witryny, brakujące lokalizacje, powtarzające się adresy URL i typowe wartości pól.

Narzędzie jest dostępne w innych językach