👁️

Podgląd Open Graph

Podgląd wyglądu treści na Facebook, Twitter, LinkedIn, Discord, Slack i WhatsApp.

Open Graph Tags

Podgląd Open Graph

Podgląd tagów Open Graph na 6 głównych platformach przed publikacją.

Osadź to narzędzie na swojej stronie

× px

                        

💡 Wskazówka integracji

Skopiuj kod osadzania i wklej go do HTML swojej strony. Wersja responsywna automatycznie dostosowuje się do wszystkich rozmiarów ekranu.

1 ocena
✓

Popularne narzędzia

Brak więcej narzędzi
Przeglądaj wszystkie narzędzia

O Podglądzie Open Graph

Wpisz og:title, og:description, og:image, og:url i og:site_name, a narzędzie wyrenderuje makiety kart linku dla Facebooka, Twittera/X, LinkedIna, Discorda, Slacka i WhatsAppa. Każda karta stosuje zasady skracania właściwe dla swojej platformy, więc jeszcze przed publikacją zobaczysz tytuł ucięty na 70 znakach albo opis przycięty w okolicach 125 znaków na Twitterze. Przyda się każdemu, czyja zajawka linku musi dobrze wyglądać w kilku aplikacjach naraz. Tagi wpisuje się ręcznie, nie są pobierane, a podglądy renderują się lokalnie w Twojej przeglądarce.

Przypadki użycia

Programiści i testerzy, którzy analizują, sprawdzają lub przekształcają dane za pomocą Podglądu OG.
Specjaliści DevOps debugujący na bieżąco pliki konfiguracyjne, tokeny lub odpowiedzi API.
Studenci uczący się tworzenia stron, formatów danych i sposobów kodowania w praktyce, korzystając z Podglądu OG.
Autorzy tekstów technicznych przygotowujący przykłady kodu, wzorcowe konfiguracje i materiały do dokumentacji.
Badacze bezpieczeństwa i łowcy błędów, którzy potrzebują szybkiej piaskownicy bez dostępu do wiersza poleceń.

Jak używać

1

Wpisz og:title i og:description w polach po lewej stronie; liczniki obok etykiet pokazują, jak wypadasz przy zalecanych limitach 70 i 160 znaków.

2

Wklej adres obrazka w polu og:image, gdzie zalecany rozmiar to 1200x630px, a następnie uzupełnij og:url i og:site_name.

3

Możesz też wczytać gotowy przykład przyciskami Article, Product lub Video nad formularzem.

4

Przeklikaj zakładki platform - facebook, twitter, linkedin, discord, slack i whatsapp - aby zobaczyć kartę linku tak, jak układa ją każdy z tych serwisów.

5

Zwróć uwagę, gdzie tekst zostaje ucięty: tytuły są skracane po 70 znakach, a opisy po 125 na twitterze i po 155 w pozostałych serwisach, więc skróć wszystko, co kończy się wielokropkiem.

Porady Pro

  • Wklej treść bezpośrednio — Podgląd OG rozpoznaje typowe formaty danych wejściowych i sam dobiera sensowne ustawienia.
  • Korzystaj ze skrótów klawiszowych (Ctrl/Cmd+A zaznacza wszystko, Ctrl/Cmd+C kopiuje), aby przyspieszyć pracę w narzędziu Podgląd OG.
  • Bardzo duże dane dziel na mniejsze części — większość kart przeglądarki poradzi sobie z megabajtami tekstu, ale przetwarzanie ogromnych porcji może na chwilę zablokować interfejs.
  • Podgląd OG nie zapisuje ani nie rejestruje Twoich danych. Jeśli potrzebujesz historii, kopiuj ważne wyniki do pliku lokalnego lub aplikacji z notatkami.
  • Połącz Podgląd OG z innymi narzędziami na tej stronie (formatery, konwertery, kodery), aby zbudować kompletny proces obróbki danych bez opuszczania przeglądarki.

Często zadawane pytania

Tak, w pełni za darmo — bez rejestracji, bez klucza API, bez znaków wodnych i bez limitów użycia.

Nie. Podgląd OG działa w całości po stronie klienta, w Twojej przeglądarce. Twoje dane nigdy nie trafiają na nasze serwery.

Nie ma sztywnego limitu, ale przy danych większych niż kilka megabajtów licz się ze spowolnieniem — wszystko zależy od pamięci Twojego urządzenia.

Tak. Wyniki uzyskane w narzędziu Podgląd OG należą do Ciebie i możesz z nich swobodnie korzystać w dowolnym projekcie prywatnym lub komercyjnym.

Większość logiki działa w JavaScripcie po stronie przeglądarki, więc po pierwszym załadowaniu strony zwykle można pracować dalej bez połączenia z siecią.

Nie ma żadnych. Ponieważ Podgląd OG działa w Twojej przeglądarce, możesz przetworzyć tyle danych, na ile pozwala Twój sprzęt — bez kluczy API i bez ograniczeń.

FreeWebTools AI
Powered by free AI models · Full chat →