Kopiuj i wklej Z podglądem Porady dotyczące obrazu/cache

Generator tagów OGP (Automatyczne og:title/og:image itp.)

Q: "Czy dołączać też tagi Twitter Card?"

"Tak. twitter:card i powiązane tagi mogą być generowane razem. X może korzystać z tagów OG, więc minimalna konfiguracja też zadziała. (X Developer)"

Q: "Zalecany rozmiar obrazu?"

"Jako wytyczną Meta sugeruje 1200×630 lub więcej i proporcję bliską 1.91:1. Karta X ma inne proporcje i minima. Wybierz zależnie od głównej platformy."

Q: "Podgląd się nie aktualizuje"

"Najczęściej winny jest cache. Odśwież dane za pomocą oficjalnych narzędzi diagnostycznych."

Wpisz URL, tytuł, opis i URL obrazu. Generuj tagi Open Graph i Twitter Card jednocześnie.

Pobieranie odbywa się bezpośrednio w przeglądarce (mogą wystąpić limity CORS).

Wejście

Wygenerowane meta tagi / Podgląd

1) Główne informacje

Wymagane

Tytuł (og:title) Wymagane

Sugerowane: 30–60 znaków 0

Opis (og:description) Opcjonalne

Sugerowane: 80–120 znaków 0

URL obrazu (og:image) Wymagane

Podgląd miniatury pojawi się po załadowaniu obrazu.

Aktualne proporcje -

Nazwa strony (og:site_name) Opcjonalne

Typ (og:type) Wymagane

Wybierz typ treści: strona lub artykuł.

2) Twitter Card

Rozwijane / Domyślnie włączone

Dołącz tagi Twitter Card

twitter:card

twitter:site (opcjonalnie)

twitter:creator (opcjonalnie)

Zasady automatycznej synchronizacji

• Jeśli twitter:title jest pusty, użyj og:title.
• Jeśli twitter:description jest pusty, użyj og:description.
• Jeśli twitter:image jest pusty, użyj og:image.

3) Zaawansowane

Otwórz tylko, jeśli potrzebujesz doprecyzować ustawienia.

og:locale (opcjonalnie)

og:image:alt / twitter:image:alt

Tekst alternatywny dla dostępności. Maksymalnie 420 znaków.

og:image:width

og:image:height

Dodanie wymiarów może przyspieszyć renderowanie przez roboty. (Facebook Developers)

Tagi artykułu (tylko gdy og:type=article)

article:published_time

article:modified_time

Użyj formatu ISO 8601, jeśli wymagane.

Wygenerowane meta tagi

Podgląd

Podgląd OG

example.com

Tytuł podglądu

Opis pojawi się tutaj.

Tak będzie wyglądać w większości mediów społecznościowych

Podgląd karty X podsumowanie

example.com

Tytuł podglądu

Opis pojawi się tutaj.

Przełącza między małym a dużym obrazem

Uwagi (opcjonalnie)

Uwagi pojawią się tutaj na podstawie Twoich danych.

Opcje

Zapisz dane w URL Udostępnij link, aby otworzyć z tymi samymi ustawieniami Automatycznie usuwaj spacje Usuwa również spacje o pełnej szerokości Escapuj cudzysłowy Zabezpiecz atrybuty meta

Przewodnik rozmiarów obrazu (przykłady)

Wybierz OG lub X, aby zobaczyć przykładowe rozmiary

Zorientowany na OG Zorientowany na X

Wskazówka proporcji -

Jak używać / Przykłady

Wypełnij URL, tytuł, opis i URL obrazu.
Wybierz og:type i (opcjonalnie) ustawienia Twitter Card.
Skopiuj wygenerowane tagi i wklej je do sekcji <head>.

Szybki przykład

Wpisz URL + tytuł + obraz, a następnie skopiuj zestaw zalecany.

Notatki i porady

Co to jest OGP?

OGP (Open Graph Protocol) pozwala mediom społecznościowym odczytać tytuł, opis i obraz Twojej strony.

Ustawiając og:title/og:description/og:image, masz kontrolę nad tym, jak wyglądają udostępniane linki.

Karty Twittera (X) używają podobnych metadanych i mogą korzystać z tagów OG.

Porady dotyczące rozmiaru obrazu

Wskazówki Meta (Facebook)

• Minimum 200×200.
• Dla lepszej jakości 1200×630 lub więcej; minimum to 600×315. (Facebook Developers)
• Proporcja bliska 1.91:1 pomaga uniknąć przycinania.
• Rozmiar pliku do 8MB.

Wskazówki X (Twitter)

• summary_large_image obsługuje proporcję 2:1; minimum 300×157, maks. 4096×4096. (X Developer)
• Rozmiar pliku poniżej 5MB, formaty JPG/PNG/WEBP/GIF.

Gdy zmiany nie są widoczne (cache i odświeżanie)

• Roboty SNS cachują dane OG. Użyj narzędzi diagnostycznych platform, aby wymusić odświeżenie. (Facebook Developers)
• Jeśli zmieniłeś obraz, ale podgląd się nie aktualizuje, URL obrazu może być w cache; zmień nazwę pliku lub dodaj parametr w zapytaniu.
• Dodanie og:image:width/height może poprawić stabilność renderowania. (Facebook Developers)

Narzędzia do walidacji

Meta Sharing Debugger

Odśwież i sprawdź tagi OG.

LinkedIn Post Inspector

Odśwież podgląd w LinkedIn.

X Card Validator

Sprawdź renderowanie kart Twittera.

FAQ

Czy dołączać też tagi Twitter Card?

Tak. twitter:card i powiązane tagi mogą być generowane razem. X może korzystać z tagów OG, więc minimalna konfiguracja też zadziała. (X Developer)

Zalecany rozmiar obrazu?

Jako wytyczną Meta sugeruje 1200×630 lub więcej i proporcję bliską 1.91:1. Karta X ma inne proporcje i minima. Wybierz zależnie od głównej platformy.

Podgląd się nie aktualizuje

Najczęściej winny jest cache. Odśwież dane za pomocą oficjalnych narzędzi diagnostycznych.