Podgląd udostępnienia (Open Graph)
Wpisujesz adres strony i widzisz, jak wygląda link do niej wklejony na Facebooku, LinkedInie albo w wiadomości. Jeśli zamiast zdjęcia jest szary prostokąt albo tytuł brzmi „Strona główna”, narzędzie powie, którego znacznika brakuje.
- Wpisz adres podstrony i kliknij „Sprawdź”.
Tak wygląda wklejony link
| Znacznik | Wartość |
|---|
Adres, który wpisujesz, trafia na nasz serwer tylko po to, żeby pobrać stronę. Wynik trzymamy w pamięci przez dwie minuty. Obrazek do podglądu Twoja przeglądarka pobiera już bezpośrednio ze sprawdzanej strony.
Jak z tego korzystać
- Wpisz adres konkretnej podstrony. Każda podstrona ma własne znaczniki, więc wpis na blogu sprawdzaj osobno, a stronę główną osobno.
- Kliknij „Sprawdź”. Po prawej zobaczysz podgląd linku i wymiary obrazka, po lewej uwagi.
- Pod podglądem jest tabela ze wszystkimi znalezionymi znacznikami, razem z tymi, których brakuje.
- Jeśli strona nas nie wpuszcza, wklej jej kod ręcznie (Ctrl+U w przeglądarce).
Co sprawdzamy
- Obrazek. Czy jest, czy ma pełny adres, czy się otwiera i jakie ma wymiary.
- Tytuł i opis. Gdy nie ma
og:titleiog:description, serwisy biorą zwykły tytuł i opis strony. To działa, ale tytuł pisany pod Google bywa za długi na kartę linku. - Adres.
og:urlpowinien wskazywać ten sam adres co znacznikcanonical. Rozbieżność rozbija polubienia i udostępnienia na dwa liczniki. - Karta dla X. Bez
twitter:cardz wartościąsummary_large_imageX pokazuje małą miniaturę zamiast dużego zdjęcia. - Duplikaty. Dwa komplety znaczników to znak, że robią je naraz motyw i wtyczka SEO. Serwisy biorą pierwszy, nie zawsze ten lepszy.
Najczęstsze znaleziska
| Co widać | Przyczyna |
|---|---|
| szary prostokąt zamiast zdjęcia | brak og:image albo adres względny |
| logo partnera ze stopki jako zdjęcie | brak og:image, serwis sam wybrał pierwszy większy obrazek ze strony |
| tytuł ucięty w połowie | tytuł pisany pod Google, bez osobnego og:title |
| ten sam podgląd dla każdego wpisu | znaczniki wpisane na sztywno w szablonie, zamiast osobno dla każdej podstrony |
| mała miniatura z boku zamiast dużego zdjęcia | obrazek węższy niż 600 pikseli |
Pytania
Co to jest Open Graph?
Dlaczego przy moim linku nie ma obrazka?
og:image. Adres obrazka jest względny, na przykład /img/foto.jpg, a musi być pełny, razem z https:// i domeną. Albo obrazek jest za mały: poniżej 200 na 200 pikseli Facebook go pomija, a poniżej 600 na 315 pokazuje tylko małą miniaturę z boku.Jaki obrazek jest najlepszy?
Poprawiłem znaczniki, a Facebook pokazuje stary podgląd. Co robić?
Czy Open Graph wpływa na pozycję w Google?
Skąd wziąć gotowe znaczniki?
head. W WordPressie to samo zrobisz w polach wtyczki Yoast albo Rank Math, w zakładce o mediach społecznościowych.Inne darmowe narzędzia
Czy Google może pokazać tę stronę
Sprawdza po kolei wszystko, co może blokować stronę w Google, od robots.txt przez noindex po canonical, i daje jeden werdykt.
OtwórzSprawdzanie robots.txt
Pobiera robots.txt spod podanego adresu i pokazuje, które roboty mogą wejść, od Google po ChatGPT, razem z regułą, która o tym decyduje.
OtwórzSprawdzanie nagłówków H1–H6
Pokazuje konspekt strony z nagłówków H1–H6 tak, jak widzi go Google, i wyłapuje brak H1, przeskoki poziomów oraz puste nagłówki.
Otwórz