Softonic

Debugger tagów OG

Krok 1 / 3
Dalej

Jeśli podgląd linku jest pusty lub błędny, pierwszym miejscem do sprawdzenia są tagi og w kodzie źródłowym. Wklej HTML, a narzędzie pokaże dokładnie, które tagi potrafi odczytać i jaka jest ich wartość, dzięki czemu brakujący lub pusty tag od razu rzuca się w oczy.

Jak debugować tagi og

  1. 1

    Użyj view-source

    Otwórz kod źródłowy strony, a nie inspektor przeglądarki, i skopiuj sekcję head. Roboty odczytują surową odpowiedź.

  2. 2

    Wklej i uruchom

    Wklej kod w pole Kod HTML nagłówka strony, kliknij Dalej, a następnie Wyniki.

  3. 3

    Znajdź czerwone pozycje

    Każda czerwona pozycja wśród sześciu kontroli to tag, którego narzędzie nie mogło odczytać z Twojego kodu.

  4. 4

    Dopasuj przyczynę

    Porównaj wypisane wartości z listą poniżej, popraw nagłówek i wklej go ponownie.

Najczęstsze powody, dla których tag nie jest odczytywany

Gdy tag widoczny w nagłówku jest zgłaszany jako brakujący, przyczyną jest niemal zawsze jedna z poniższych sytuacji:

Objaw Prawdopodobna przyczyna Rozwiązanie
og:title jest czerwony Tag używa name="og:title" Zmień name na property
Tag brakuje, wartość wygląda dobrze Wartość nie ma cudzysłowów Ujmij wartość content w cudzysłowy
Tag jest czerwony, ale widoczny w inspektorze Tag dodaje JavaScript Wypisz go w HTML generowanym przez serwer
Tag jest zielony, ale wypisany tekst jest pusty Atrybut content jest pusty Uzupełnij wartość
Tag jest ucięty lub brakuje Surowy znak > w wartości content Zapisz go jako >
Obraz jest wypisany ze ścieżką typu /img/a.jpg Adres względny Użyj pełnego adresu https

Rzeczy, które mogą wprowadzać w błąd

  • Zakomentowane tagi są nadal odczytywane. Kontrola skanuje tekst, który wklejasz, więc tag w komentarzu HTML może wyjść na zielono, mimo że przeglądarka lub robot go ignoruje. Usuń stary zakomentowany kod przed testem.
  • Duplikaty. Jeśli ten sam tag występuje dwa razy, lista pokazuje jedną wartość, czyli ostatnio znalezioną. Przeszukaj nagłówek pod kątem powtórzeń, które często pochodzą z tego, że motyw i wtyczka dodają ten sam tag.
  • Puste wartości. Tylko og:title i og:description są oceniane negatywnie, gdy są puste. Pozostałe tagi liczą się jako obecne, gdy tag istnieje, dlatego czytaj wypisane wartości i szukaj pustych pól.

Krótka procedura debugowania

  1. Wklej nagłówek i zanotuj czerwone pozycje.
  2. Popraw znaczniki w szablonie, a nie w wklejonej kopii.
  3. Przeładuj stronę, skopiuj kod źródłowy ponownie i wklej świeżą wersję.
  4. Powtarzaj, aż wszystkie sześć kontroli będzie zielonych, a wypisane wartości będą wyglądać poprawnie.

Ponieważ narzędzie odczytuje tekst, a nie działającą stronę, nie pokaże, czy adres obrazu zwraca błąd albo czy strona się przekierowuje. Otwórz adres og:image w przeglądarce, aby potwierdzić, że się ładuje.

Gdy wszystkie sześć kontroli jest zielonych, a podgląd nadal jest zły

Znaczniki mogą być poprawne, a coś innego nadal nie działa. Sprawdź, czy adres obrazu otwiera się w przeglądarce bez logowania, czy strona nie przekierowuje na inny adres z innymi tagami i czy platforma nie pokazuje zapisanej w pamięci kopii wcześniejszego pobrania. Te przyczyny leżą poza znacznikami i narzędzie ich nie pokaże, ale czysty wynik tutaj zawęża poszukiwania właśnie do nich.

Najczęściej zadawane pytania

Narzędzie skanuje surowy tekst, który wklejasz, łącznie z komentarzami HTML. Usuń zakomentowane tagi przed testem.

Wyniki pokazują jedną wartość dla każdej nazwy tagu, czyli ostatnio znalezioną. Usuń duplikat, aby nie było wątpliwości.

Pokazuje stronę po wykonaniu skryptów. Roboty zwykle odczytują surową odpowiedź HTML, dlatego debuguj przez view-source.

Nie. Odczytuje tylko wklejony kod. Nie widzi przekierowań, zablokowanych żądań ani obrazu, który się nie załadował.

Powiązane narzędzia

Dekoder skróconych linków

Rozwijaj linki bit.ly, t.co, tinyurl i inne skrócone. Zobacz każdy przeskok przekierowania, kod statusu i cel końcowy, zanim klikniesz.

Sprawdzanie mieszanej treści

Przeskanuj dowolną stronę HTTPS w poszukiwaniu niezabezpieczonych zasobów HTTP, które wywołują ostrzeżenia o mieszanej treści i psują ikonę kłódki w przeglądarce.

Kreator linków UTM

Buduj adresy URL śledzące kampanie z parametrami UTM source, medium, campaign, term i content. Czyste, zakodowane w URL linki gotowe do reklam i newsletterów.

Ekstraktor linków wewnętrznych

Wyodrębnij wszystkie linki wewnętrzne z adresu URL lub wklejonego kodu HTML wraz z tekstem kotwicy, atrybutami rel i statusem nofollow na potrzeby audytów SEO.

Generator metatagów

Utwórz pełny zestaw metatagów: title, description, canonical, Open Graph, Twitter Card, ikony, PWA oraz dane strukturalne JSON-LD.

Parser UTM

Wklej adres URL kampanii i odczytaj jego pięć standardowych tagów UTM (source, medium, campaign, term i content) z każdą wartością zdekodowaną. Szybki sposób na sprawdzenie linku śledzącego przed wysyłką.

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

Poradniki i zastosowania