4 min czytania
Dlaczego Twoje podglądy linków wyglądają na zepsute (i jak to naprawić)
Pusty lub błędny podgląd po wklejeniu linku w Slack, iMessage czy X niemal zawsze sprowadza się do kilku tagów Open Graph. Oto lista kontrolna.
Wypuszczasz podstronę, wklejasz link w Slacku i dostajesz goły adres URL bez obrazka — albo, co gorsza, zeszłomiesięczny tytuł. Podglądy linków są sterowane tagami meta Open Graph i Twitter, a gdy ich brakuje lub są błędne, każda platforma sięga po coś brzydkiego.
Tagi, które sterują podglądem
<meta property="og:title" content="Your page title" />
<meta property="og:description" content="One clear sentence." />
<meta property="og:image" content="https://yoursite.com/og.png" />
<meta name="twitter:card" content="summary_large_image" />Najczęstsi winowajcy
- og:image to ścieżka względna — musi być bezwzględnym adresem URL.
- Obrazek jest zbyt mały; celuj w 1200×630.
- Tagi są wstrzykiwane po stronie klienta, więc roboty nigdy ich nie widzą.
- Pamięć podręczna serwuje stary podgląd — wykonaj ponowne pobranie, by go odświeżyć.
Narzędzie Obraz OG renderuje firmową kartę dla każdej podstrony i pokazuje podgląd rozwinięcia linku w Slacku, iMessage, X i LinkedIn, zanim wypuścisz stronę — a następnie umiejętność wpina tagi do Twojego repozytorium, by renderowały się po stronie serwera.