Generowanie obrazów kart Twittera za pomocą API
Obraz karty Twittera (X) to duży podgląd wyświetlany po udostępnieniu linku na X. FastOG generuje go dynamicznie w rozmiarze 1200×630 i sygnalizuje summary_large_image, dzięki czemu każda strona otrzymuje właściwą kartę X bez ręcznego tworzenia obrazu.
Czego potrzebuje obraz karty Twittera
X odczytuje tagi Open Graph i renderuje kartę summary_large_image, gdy strona zawiera link twitter:card = summary_large_image. Obraz renderowany jest w rozmiarze 1200×630. FastOG generuje dokładnie taki obraz, a Ty wskazujesz twitter:image na ten sam dynamiczny URL co og:image.
Jak podłączyć dynamiczną kartę Twittera
Wygeneruj swój URL FastOG raz, a następnie ustaw zarówno meta tagi OG, jak i Twittera na ten sam adres.
<meta property="og:image" content="https://fastog.com/api/v1/og?template=default&title=My+Post&key=sk_...&s=...">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="My Post">
<meta name="twitter:image" content="https://fastog.com/api/v1/og?template=default&title=My+Post&key=sk_...&s=...">
Ten sam URL działa dla obu tagów. X używa
og:imagejako fallbacku, jeślitwitter:imagejest nieobecny, ale ustawienie obu jest nieszkodliwe i jednoznaczne.
Wskazówki dotyczące walidatora kart X
| Kontrola | Szczegóły |
|---|---|
| Publiczny URL | Obraz musi być dostępny do pobrania przez X bez uwierzytelniania |
| Rozmiar pliku / format | Trzymaj się poniżej 5 MB; PNG jest najlepszy dla kart tekstowych |
| Pamięć podręczna | X agresywnie cache'uje — użyj Card Validator, aby wymusić odświeżenie |
| Podpisane URL-e | Podpisane URL-e treści FastOG blokują tylko pierwsze renderowanie; zcache'owane karty pozostają ważne |
FAQ
Czy potrzebuję osobnych obrazów dla X i Open Graph?
Nie. X używa tego samego obrazu 1200×630. Ta strona istnieje, ponieważ poprawne tagi twitter:card łatwo jest źle skonfigurować.
Dlaczego moja karta X nie aktualizuje się po zmianie tytułu?
X buforuje starą kartę. Otwórz X Card Validator, wklej URL i ponownie zeskrob dane.
Czy FastOG obsługuje również tagi meta Twittera?
FastOG generuje obraz; tagi meta twitter:card i twitter:image nadal dodajesz sam do swojej strony (jak pokazano powyżej). Nasz darmowy Generator tagów meta Open Graph zapisuje wszystkie tagi za Ciebie.