Jak używać
- Uzupełnij formularz tytułem, opisem i adresem kanonicznym strony.
- Upewnij się, że opcja „Dodaj Open Graph” jest zaznaczona, jeśli chcesz dodać tagi do udostępniania strony.
- Upewnij się, że opcja „Dodaj Twitter Card” jest zaznaczona, jeśli chcesz dodać tagi karty dla X.
- Wybierz w „og:type” typ treści pasujący do strony, np. „website” lub „article”.
- Skopiuj wygenerowany kod i wklej go do sekcji head swojej strony.
Przykłady
Wpis na blogu z osobnym tytułem do udostępniania
Dane wejściowe
Tytuł: Co posadzić na balkonie w maju? | Zielony Balkon Opis: Poznaj rośliny na słoneczny i zacieniony balkon. Sprawdź, kiedy sadzić pelargonie, zioła i pomidory oraz jak przygotować doniczki. Adres: https://zielonybalkon.example/blog/balkon-w-maju Tytuł do udostępniania: Maj na balkonie: czas na zioła i kwiaty
Wynik
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Co posadzić na balkonie w maju? | Zielony Balkon</title> <meta name="description" content="Poznaj rośliny na słoneczny i zacieniony balkon. Sprawdź, kiedy sadzić pelargonie, zioła i pomidory oraz jak przygotować doniczki."> <meta name="robots" content="index, follow, max-image-preview:large"> <meta name="author" content="Anna Kowalska"> <link rel="canonical" href="https://zielonybalkon.example/blog/balkon-w-maju"> <!-- Open Graph --> <meta property="og:type" content="article"> <meta property="og:url" content="https://zielonybalkon.example/blog/balkon-w-maju"> <meta property="og:title" content="Maj na balkonie: czas na zioła i kwiaty"> <meta property="og:description" content="Zaplanuj nasadzenia na swoim balkonie. Sprawdź nasze propozycje na maj."> <meta property="og:image" content="https://zielonybalkon.example/images/balkon-maj.jpg"> <meta property="og:image:alt" content="Doniczki z ziołami i pelargoniami na balkonie"> <meta property="og:site_name" content="Zielony Balkon"> <meta property="og:locale" content="pl_PL"> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@zielonybalkon"> <meta name="twitter:image:alt" content="Doniczki z ziołami i pelargoniami na balkonie">
Mała karta dla X bez Open Graph
Dane wejściowe
Tytuł: Warsztaty ceramiczne w Łodzi | Pracownia Glina Opis: Sprawdź terminy warsztatów ceramicznych w Łodzi. Poznaj podstawy lepienia z gliny i zarezerwuj miejsce na zajęciach w małej grupie. Adres: https://pracowniaglina.example/warsztaty Profil na X: pracowniaglina
Wynik
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Warsztaty ceramiczne w Łodzi | Pracownia Glina</title> <meta name="description" content="Sprawdź terminy warsztatów ceramicznych w Łodzi. Poznaj podstawy lepienia z gliny i zarezerwuj miejsce na zajęciach w małej grupie."> <link rel="canonical" href="https://pracowniaglina.example/warsztaty"> <!-- Twitter --> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Warsztaty ceramiczne w Łodzi | Pracownia Glina"> <meta name="twitter:description" content="Sprawdź terminy warsztatów ceramicznych w Łodzi. Poznaj podstawy lepienia z gliny i zarezerwuj miejsce na zajęciach w małej grupie."> <meta name="twitter:image" content="https://pracowniaglina.example/images/warsztaty.jpg"> <meta name="twitter:site" content="@pracowniaglina"> <meta name="twitter:image:alt" content="Dłonie formujące glinianą miseczkę">
FAQ
Ile znaków powinny mieć meta title i meta description?
Licznik uznaje za dobrą długość tytuł o 30–60 znakach i szerokości do 580 px oraz opis o 70–160 znakach. To wskazówki narzędzia, a nie limity pól.
Czy Google wyświetli dokładnie taki tytuł i opis jak w podglądzie?
Google może zmienić tytuł i opis w wynikach wyszukiwania. Podgląd nie gwarantuje ich ostatecznego wyglądu.
Czy generator dodaje meta keywords?
Generator nie tworzy tagu meta keywords. Nie dodaje też tagów revisit-after, language ani copyright.
Czy wpisane dane są wysyłane na serwer?
Kod powstaje w przeglądarce, a wpisane wartości nie są wysyłane na serwer serwisu. Po otwarciu podglądu Facebooka lub X przeglądarka pobiera obraz bezpośrednio z podanego adresu. Zapisywane są tylko ustawienia opcji, nie treść pól.