Generator Meta Tagów SEO - HTML Title, Description

Jak działa Generator Meta Tagów SEO?

Wpisujesz tytuł strony, opis i słowa kluczowe - dostajesz gotowy kod HTML meta tagów do wklejenia w sekcję <head>. Obsługuje Open Graph (Facebook), Twitter Cards i podstawowe tagi SEO. Waliduje długość title i description pod kątem wyświetlania w Google.

Szybki start: Wpisz tytuł (max 60 znaków), description (max 155 znaków) i opcjonalnie keywords. Kliknij "Generuj". Skopiuj wygenerowany kod HTML i wklej w <head> strony.

6 typowych przypadków użycia

Przykład 1: Strona główna firmy

Title: Kowalski IT - Tworzenie Stron WWW Warszawa (45 znaków)
Description: Profesjonalne strony internetowe i sklepy online. Ponad 200 realizacji. Bezpłatna wycena w 24h. (98 znaków)
Wynik: 6 tagów: title, description, keywords, og:title, og:description, twitter:card

Przykład 2: Post blogowy

Title: Jak Wybrać Hosting - Porównanie 5 Firm (47 znaków)
Description:

Porównujemy ceny, wydajność i support 5 hostingów: nazwa.pl, home.pl, OVH, Hetzner, DigitalOcean. Testy prędkości i uptime.

(122 znaki)

Przykład 3: Karta produktu e-commerce

Title: Nike Air Max 90 Czarne - Rozmiary 40-46 | SportShop.pl (53 znaki)
Description: Nike Air Max 90 w kolorze czarnym. Darmowa dostawa od 200 zł. 30 dni na zwrot. Rozmiary od 40 do 46. (101 znaków)

Przykład 4: Landing page kampanii

Title: Black Friday - Do -50% na Elektronikę (43 znaki)
OG image: grafika 1200x630 px ze zniżką - wyświetli się przy udostępnieniu na Facebooku.

Przykład 5: Portfolio fotografa

Title: Jan Nowak Fotografia Ślubna Kraków (35 znaków)
Description: Fotograf ślubny z 8-letnim doświadczeniem. Naturalne zdjęcia, reportaż i plener. Kraków i okolice. (97 znaków)

Optymalne długości meta tagów

Tag	Optymalna długość	Maksimum	Co się stanie gdy za długi
title	50-60 znaków	~60	Google obcina z wielokropkiem (...)
description	120-155 znaków	~160	Google obcina lub generuje własny
og:title	40-60 znaków	~95	Facebook obcina na karcie
og:description	55-200 znaków	~200	Obcięcie przy udostępnieniu
og:image	1200 x 630 px	-	Mniejsza = rozciągnięta/pikseloza

FAQ - Najczęściej zadawane pytania

Co to są meta tagi i po co je dodawać?

Meta tagi to informacje w kodzie HTML, które mówią wyszukiwarkom i social mediom o czym jest strona. title i description wyświetlają się w wynikach Google. og:image i og:title decydują jak wygląda link na Facebooku.

Ile znaków powinien mieć meta title?

50-60 znaków (ok. 580 px szerokości). Google obcina dłuższe tytuły wielokropkiem. Umieść najważniejszą frazę kluczową na początku. Nazwa marki na końcu po " | " lub " - ".

Czy meta keywords nadal mają znaczenie?

Google ignoruje meta keywords od 2009 roku. Ale Bing i niektóre mniejsze wyszukiwarki je uwzględniają. Nie zaszkodzi dodać, ale nie polegaj na nich. Skup się na title i description.

Co to jest Open Graph?

Protokół Facebooka definiujący jak wygląda link przy udostępnieniu. og:title = tytuł na karcie, og:description = opis, og:image = grafika 1200x630 px. Bez OG Facebook sam wybiera dane - często źle.

Jak dodać meta tagi do WordPress?

Najłatwiej: zainstaluj plugin Yoast SEO lub Rank Math - dodasz title i description z edytora posta. Ręcznie: wklej kod w sekcji "Custom HTML" w header.php lub przez hook wp_head.

Jak sprawdzić jak wyglądają moje meta tagi?

Google: wpisz site:twojastrona.pl w Google - zobaczysz jak wyświetla title i description. Facebook: developers.facebook.com/tools/debug - podgląd karty OG. Twitter: cards-dev.twitter.com/validator.