Podgląd: Google, Facebook, X Preview
Jak wygląda twój link, zanim ktoś kliknie. TagSpion odtwarza snippet Google i kartę społecznościową z twoich metadanych.
1Co to jest?
Podgląd pokazuje trzy widoki: wynik Google (desktop i mobile), kartę Facebooka i LinkedIn z Open Graph oraz kartę X (Twitter Card). Do tego rozmiar obrazu i brakujące pola.
2Dlaczego to ważne?
Udostępniony link bez obrazu prawie nikt nie klika. Błędny og:image pokazuje logo zamiast produktu. Dzięki podglądowi zobaczysz to przed odwiedzającymi.
3Co sprawdza TagSpion
| Sprawdzenie | Ocena |
|---|---|
| og:title, og:description, og:image, og:url | czerwony, gdy brakuje któregoś |
| Rozmiar og:image | zielony od 1200 × 630 pikseli · żółty mniejszy |
| twitter:card | żółty, gdy brak, wtedy X używa wartości Open Graph |
| Snippet Google | title i description w długości, jaką pokazuje Google |
4Jak to naprawić
- Brakujące tagi skopiuj przez „Fix”. Obraz jako bezwzględny URL, co najmniej 1200 × 630 pikseli, poniżej 1 MB.
- Jeden obraz na stronę, nie wszędzie logo.
<meta property="og:title" content="Trattoria Bella - Italian restaurant in Munich"> <meta property="og:description" content="Fresh pasta, wood-fired pizza and 120 Italian wines."> <meta property="og:image" content="https://www.example.com/img/trattoria-1200x630.jpg"> <meta property="og:url" content="https://www.example.com/en/restaurant/"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">
5Częste pytania
Facebook wciąż pokazuje stary obraz.
Facebook zapisuje kartę w pamięci podręcznej. W Sharing Debuggerze Facebooka kliknij „Scrape again”.
Czy potrzebuję twitter:card, skoro jest Open Graph?
X używa Open Graph jako zastępstwa. Z twitter:card „summary_large_image” na pewno dostaniesz duży obraz.