{"id":30201,"date":"2026-02-17T08:42:00","date_gmt":"2026-02-17T07:42:00","guid":{"rendered":"https:\/\/www.web-systems.pl\/open-graph-tags-link-preview-social-media\/"},"modified":"2026-09-25T08:09:09","modified_gmt":"2026-09-25T07:09:09","slug":"open-graph-tags-link-preview-social-media","status":"publish","type":"post","link":"https:\/\/www.web-systems.pl\/en\/open-graph-tags-link-preview-social-media\/","title":{"rendered":"Open Graph Tags: How to Set Up Link Previews on Social Media"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">O tym, jak wygl\u0105da udost\u0119pniony link, decyduj\u0105 <strong>tagi Open Graph<\/strong> w sekcji &lt;head&gt; strony. Nie ma ich? Wtedy Facebook, LinkedIn czy komunikator same zgaduj\u0105 tytu\u0142 i obrazek. I zgaduj\u0105 r\u00f3\u017cnie. Zamiast zdj\u0119cia z wpisu wyskakuje logo ze stopki, jaka\u015b ikona albo pusty kafelek. Poni\u017cej rozpisuj\u0119, kt\u00f3re znaczniki wstawi\u0107 i jak przygotowa\u0107 grafik\u0119. Jest te\u017c o tym, jak to ustawi\u0107 w WordPressie i jak zmusi\u0107 platform\u0119 do od\u015bwie\u017cenia podgl\u0105du, kiedy uparcie pokazuje star\u0105 wersj\u0119.<\/p>\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of contents<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.web-systems.pl\/en\/open-graph-tags-link-preview-social-media\/#Czym_sa_tagi_Open_Graph_i_skad_platformy_biora_podglad_linku\" >Czym s\u0105 tagi Open Graph i sk\u0105d platformy bior\u0105 podgl\u0105d linku?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.web-systems.pl\/en\/open-graph-tags-link-preview-social-media\/#Jakie_tagi_Open_Graph_sa_obowiazkowe_a_jakie_warto_dodac\" >Jakie tagi Open Graph s\u0105 obowi\u0105zkowe, a jakie warto doda\u0107?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.web-systems.pl\/en\/open-graph-tags-link-preview-social-media\/#og_image_rozmiar_format_i_proporcje_obrazka\" >og:image: rozmiar, format i proporcje obrazka<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.web-systems.pl\/en\/open-graph-tags-link-preview-social-media\/#Jak_ustawic_tagi_Open_Graph_w_WordPressie_i_na_innych_stronach\" >Jak ustawi\u0107 tagi Open Graph w WordPressie i na innych stronach<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.web-systems.pl\/en\/open-graph-tags-link-preview-social-media\/#Dlaczego_podglad_linku_sie_nie_zmienia_i_jak_go_odswiezyc\" >Dlaczego podgl\u0105d linku si\u0119 nie zmienia i jak go od\u015bwie\u017cy\u0107?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.web-systems.pl\/en\/open-graph-tags-link-preview-social-media\/#Podglad_linku_jako_staly_element_publikacji\" >Podgl\u0105d linku jako sta\u0142y element publikacji<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.web-systems.pl\/en\/open-graph-tags-link-preview-social-media\/#Najczestsze_pytania\" >Najcz\u0119stsze pytania<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.web-systems.pl\/en\/open-graph-tags-link-preview-social-media\/#Czy_tagi_Open_Graph_wplywaja_na_pozycje_w_Google\" >Czy tagi Open Graph wp\u0142ywaj\u0105 na pozycj\u0119 w Google?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.web-systems.pl\/en\/open-graph-tags-link-preview-social-media\/#Czy_LinkedIn_i_Facebook_potrzebuja_osobnych_tagow\" >Czy LinkedIn i Facebook potrzebuj\u0105 osobnych tag\u00f3w?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.web-systems.pl\/en\/open-graph-tags-link-preview-social-media\/#Co_zrobic_gdy_po_zmianie_og_image_nadal_widac_stary_obrazek\" >Co zrobi\u0107, gdy po zmianie og:image nadal wida\u0107 stary obrazek?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Czym_sa_tagi_Open_Graph_i_skad_platformy_biora_podglad_linku\"><\/span>Czym s\u0105 tagi Open Graph i sk\u0105d platformy bior\u0105 podgl\u0105d linku?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p class=\"wp-block-paragraph\">To znaczniki meta, z kt\u00f3rych serwis spo\u0142eczno\u015bciowy dowiaduje si\u0119, jakim tytu\u0142em, obrazkiem i adresem opisa\u0107 stron\u0119. Wed\u0142ug <a href=\"https:\/\/ogp.me\/\" rel=\"nofollow noopener\" target=\"_blank\">specyfikacji protoko\u0142u Open Graph<\/a> robi\u0105 ze zwyk\u0142ej podstrony obiekt, kt\u00f3ry platforma wy\u015bwietla tak samo jak swoje w\u0142asne tre\u015bci. Od strony technicznej to po prostu dodatkowe elementy &lt;meta property=&#8221;og:&#8230;&#8221;&gt; w nag\u0142\u00f3wku dokumentu. Odwiedzaj\u0105cy ich nie widzi. W og\u00f3le.<\/p>\n\n<p class=\"wp-block-paragraph\">Z tych samych znacznik\u00f3w czytaj\u0105 Facebook, LinkedIn i wi\u0119kszo\u015b\u0107 komunikator\u00f3w. Jedno wdro\u017cenie, wiele miejsc naraz, spoko. Tylko nie myl ich z danymi schema.org (to cz\u0119sta pomy\u0142ka). Meta tagi dla social media steruj\u0105 tym, jak wygl\u0105da udost\u0119pnienie. A to, <a href=\"https:\/\/www.web-systems.pl\/czym-sa-dane-strukturyzowane-i-jak-ich-uzywac-na-stronach-www\/\">czym s\u0105 dane strukturyzowane<\/a>, to ju\u017c inna bajka: opis tre\u015bci dla wyszukiwarek.<\/p>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Jakie_tagi_Open_Graph_sa_obowiazkowe_a_jakie_warto_dodac\"><\/span>Jakie tagi Open Graph s\u0105 obowi\u0105zkowe, a jakie warto doda\u0107?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p class=\"wp-block-paragraph\">Specyfikacja wymaga na ka\u017cdej stronie czterech w\u0142a\u015bciwo\u015bci. Kilka kolejnych poprawia wygl\u0105d i dost\u0119pno\u015b\u0107 podgl\u0105du. Obowi\u0105zkowe s\u0105:<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>og:title<\/strong> - tytu\u0142, kt\u00f3ry ma si\u0119 wy\u015bwietli\u0107 w podgl\u0105dzie,<\/li>\n<li><strong>og:type<\/strong> - rodzaj obiektu, dla wpisu blogowego zwykle article,<\/li>\n<li><strong>og:image<\/strong> - adres obrazka pokazywanego w kafelku,<\/li>\n<li><strong>og:url<\/strong> - adres kanoniczny, kt\u00f3ry s\u0142u\u017cy platformie za sta\u0142y identyfikator strony.<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">Do tego polecam kilka tag\u00f3w uzupe\u0142niaj\u0105cych. og:description to kr\u00f3tki opis. og:image:alt opisuje grafik\u0119 dla czytnik\u00f3w ekranu (i moim zdaniem jest najcz\u0119\u015bciej pomijany). og:locale podaje j\u0119zyk i region, a og:site_name nazw\u0119 serwisu. Komplet dla pojedynczego wpisu mo\u017ce wygl\u0105da\u0107 tak:<\/p>\n\n<pre><code>&lt;meta property=\"og:title\" content=\"Jak ustawi\u0107 podgl\u0105d linku\" \/&gt;\n&lt;meta property=\"og:type\" content=\"article\" \/&gt;\n&lt;meta property=\"og:url\" content=\"https:\/\/example.com\/podglad-linku\/\" \/&gt;\n&lt;meta property=\"og:image\" content=\"https:\/\/example.com\/img\/podglad-linku.jpg\" \/&gt;\n&lt;meta property=\"og:image:alt\" content=\"Kafelek linku z tytu\u0142em i zdj\u0119ciem wpisu\" \/&gt;\n&lt;meta property=\"og:description\" content=\"Kr\u00f3tki opis wpisu do podgl\u0105du.\" \/&gt;\n&lt;meta property=\"og:locale\" content=\"pl_PL\" \/&gt;\n&lt;meta property=\"og:site_name\" content=\"Nazwa serwisu\" \/&gt;<\/code><\/pre>\n\n<h2><span class=\"ez-toc-section\" id=\"og_image_rozmiar_format_i_proporcje_obrazka\"><\/span>og:image: rozmiar, format i proporcje obrazka<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"wp-block-paragraph\">Wymiary i proporcje obrazka musz\u0105 si\u0119 zgadza\u0107 z aktualn\u0105 dokumentacj\u0105 platform. Je\u015bli si\u0119 nie zgadzaj\u0105, grafika zostanie przyci\u0119ta albo skurczy si\u0119 do ma\u0142ej miniaturki obok tekstu. Meta i LinkedIn co jaki\u015b czas zmieniaj\u0105 wymagania. Dlatego zanim zrobisz szablon grafiki, zajrzyj do pomocy danej platformy, a nie do poradnika sprzed kilku lat.<\/p>\n\n<p class=\"wp-block-paragraph\">Bez wzgl\u0119du na wymiary sprawdza si\u0119 kilka prostych zasad:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>podawaj bezwzgl\u0119dny adres z https, a nie \u015bcie\u017ck\u0119 wzgl\u0119dn\u0105,<\/li>\n<li>najwa\u017cniejszy element i ewentualny tekst trzymaj w centrum kadru, bo kraw\u0119dzie bywaj\u0105 obcinane,<\/li>\n<li>przygotuj osobn\u0105 grafik\u0119 dla ka\u017cdego wpisu zamiast jednego logo dla ca\u0142ej witryny.<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">Aha, podgl\u0105d na Facebooku i miniatura linku na LinkedIn bior\u0105 ten sam og:image. Czyli jeden porz\u0105dnie zrobiony plik zwykle za\u0142atwia oba serwisy.<\/p>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Jak_ustawic_tagi_Open_Graph_w_WordPressie_i_na_innych_stronach\"><\/span>Jak ustawi\u0107 tagi Open Graph w WordPressie i na innych stronach<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p class=\"wp-block-paragraph\">W WordPressie najpro\u015bciej odda\u0107 to wtyczce SEO, kt\u00f3ra sama generuje znaczniki dla ka\u017cdego wpisu. Trzy kroki i gotowe:<\/p>\n\n<ol class=\"wp-block-list\">\n<li>Zainstaluj i skonfiguruj wtyczk\u0119 SEO, na przyk\u0142ad Rank Math albo Yoast.<\/li>\n<li>W edytorze wpisu otw\u00f3rz zak\u0142adk\u0119 social media i ustaw tytu\u0142, opis oraz obrazek do udost\u0119pnie\u0144.<\/li>\n<li>Zapisz wpis i sprawd\u017a w kodzie \u017ar\u00f3d\u0142owym strony, czy znaczniki og: maj\u0105 w\u0142a\u015bciwe warto\u015bci.<\/li>\n<\/ol>\n\n<p class=\"wp-block-paragraph\">U nas wygl\u0105da to tak: na web-systems.pl og:title, og:image, og:image:alt i og:locale generuje Rank Math. I jeszcze jedno. Tytu\u0142 i opis pod social media nie musz\u0105 kopiowa\u0107 meta title pod Google. Mog\u0105 by\u0107 kr\u00f3tsze, bardziej zaczepne. Zasady s\u0105 w sumie te same, co gdy robisz <a href=\"https:\/\/www.web-systems.pl\/seo-copywriting\/\">copywriting pod wyszukiwarki<\/a>, tylko czytelnik siedzi gdzie indziej. Scrolluje feed, a nie wyniki wyszukiwania.<\/p>\n\n<p class=\"wp-block-paragraph\">W sklepach i na stronach bez WordPressa znaczniki wstawia si\u0119 prosto w szablon nag\u0142\u00f3wka. Zwykle przy okazji, gdy zlecasz <a href=\"https:\/\/www.web-systems.pl\/tworzenie-stron-www\/\">tworzenie stron internetowych dla firm<\/a>. Uwa\u017caj za to na zdublowane tagi. Motyw plus dwie wtyczki, ka\u017cde wstawia swoje, i platforma bierze nie ten obrazek, co trzeba. Klasyka.<\/p>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Dlaczego_podglad_linku_sie_nie_zmienia_i_jak_go_odswiezyc\"><\/span>Dlaczego podgl\u0105d linku si\u0119 nie zmienia i jak go od\u015bwie\u017cy\u0107?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p class=\"wp-block-paragraph\">Bo platformy trzymaj\u0105 podgl\u0105d w cache. Po poprawce znacznik\u00f3w trzeba wi\u0119c wymusi\u0107 ponowne pobranie strony. Na Facebooku robi si\u0119 to w Sharing Debuggerze od Meta, na LinkedIn w Post Inspectorze. Wklejasz adres, narz\u0119dzie \u015bci\u0105ga stron\u0119 od nowa i pokazuje, co z niej odczyta\u0142o, razem z ostrze\u017ceniami. Jak dok\u0142adnie dzia\u0142a cache, opisuje dokumentacja ka\u017cdej z platform.<\/p>\n\n<p class=\"wp-block-paragraph\">Diagnoz\u0119 zaczynam zawsze od widoku \u017ar\u00f3d\u0142a strony w przegl\u0105darce. Nie ma tam znacznik\u00f3w? No to \u017caden debugger nie pomo\u017ce. Najcz\u0119\u015bciej winne s\u0105:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>obrazek mniejszy, ni\u017c wymaga platforma,<\/li>\n<li>adres grafiki podany jako \u015bcie\u017cka wzgl\u0119dna,<\/li>\n<li>blokada robota platformy w robots.txt albo w zabezpieczeniach serwera,<\/li>\n<li>\u0142a\u0144cuch przekierowa\u0144 prowadz\u0105cy do innej wersji adresu,<\/li>\n<li>brak og:url albo adres niezgodny z kanonicznym.<\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Podglad_linku_jako_staly_element_publikacji\"><\/span>Podgl\u0105d linku jako sta\u0142y element publikacji<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p class=\"wp-block-paragraph\">Tu nie ma co kombinowa\u0107, wystarczy nawyk. Przy ka\u017cdym nowym wpisie ustaw obrazek i tytu\u0142 do udost\u0119pnie\u0144, a zanim wrzucisz link gdziekolwiek, przepu\u015b\u0107 go przez debugger. Zadbany kafelek pracuje i w postach organicznych, i w reklamach. Dlatego dobrze ustawione tagi Open Graph to fundament, na kt\u00f3rym stoj\u0105 <a href=\"https:\/\/www.web-systems.pl\/marketing-spolecznosciowy\/\">kampanie w mediach spo\u0142eczno\u015bciowych<\/a>.<\/p>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Najczestsze_pytania\"><\/span>Najcz\u0119stsze pytania<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1790308489366-0\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Czy_tagi_Open_Graph_wplywaja_na_pozycje_w_Google\"><\/span>Czy tagi Open Graph wp\u0142ywaj\u0105 na pozycj\u0119 w Google?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Nie. Google nie bierze ich pod uwag\u0119 przy ustalaniu pozycji. Ale decyduj\u0105 o tym, jak link wygl\u0105da po udost\u0119pnieniu, a od tego zale\u017cy, czy kto\u015b w niego kliknie i ile ruchu przyjdzie z social media.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1790308489366-1\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Czy_LinkedIn_i_Facebook_potrzebuja_osobnych_tagow\"><\/span>Czy LinkedIn i Facebook potrzebuj\u0105 osobnych tag\u00f3w?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Zwykle nie, bo oba serwisy czytaj\u0105 og:title, og:image i og:description. Osobn\u0105 grafik\u0119 robi si\u0119 tylko wtedy, gdy dokumentacja kt\u00f3rej\u015b platformy wymaga innych proporcji ni\u017c te, kt\u00f3rych ju\u017c u\u017cywasz.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1790308489366-2\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Co_zrobic_gdy_po_zmianie_og_image_nadal_widac_stary_obrazek\"><\/span>Co zrobi\u0107, gdy po zmianie og:image nadal wida\u0107 stary obrazek?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Wymu\u015b ponowne pobranie adresu w Sharing Debuggerze albo Post Inspectorze. Nie pomog\u0142o? Wgraj grafik\u0119 pod now\u0105 nazw\u0105 pliku i podmie\u0144 adres w og:image. Platforma potrafi bowiem trzyma\u0107 w pami\u0119ci sam obrazek, niezale\u017cnie od strony.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>O tym, jak wygl\u0105da udost\u0119pniony link, decyduj\u0105 tagi Open Graph w sekcji &lt;head&gt; strony. Nie ma ich? Wtedy Facebook, LinkedIn czy komunikator same zgaduj\u0105 tytu\u0142 i obrazek. I zgaduj\u0105 r\u00f3\u017cnie. Zamiast zdj\u0119cia z wpisu wyskakuje logo ze stopki, jaka\u015b ikona albo pusty kafelek. Poni\u017cej rozpisuj\u0119, kt\u00f3re znaczniki wstawi\u0107 i jak przygotowa\u0107 grafik\u0119. Jest te\u017c o [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":30167,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[814],"tags":[],"class_list":["post-30201","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-online-marketing-en"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.web-systems.pl\/en\/wp-json\/wp\/v2\/posts\/30201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.web-systems.pl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.web-systems.pl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.web-systems.pl\/en\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.web-systems.pl\/en\/wp-json\/wp\/v2\/comments?post=30201"}],"version-history":[{"count":3,"href":"https:\/\/www.web-systems.pl\/en\/wp-json\/wp\/v2\/posts\/30201\/revisions"}],"predecessor-version":[{"id":30250,"href":"https:\/\/www.web-systems.pl\/en\/wp-json\/wp\/v2\/posts\/30201\/revisions\/30250"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.web-systems.pl\/en\/wp-json\/wp\/v2\/media\/30167"}],"wp:attachment":[{"href":"https:\/\/www.web-systems.pl\/en\/wp-json\/wp\/v2\/media?parent=30201"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.web-systems.pl\/en\/wp-json\/wp\/v2\/categories?post=30201"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.web-systems.pl\/en\/wp-json\/wp\/v2\/tags?post=30201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}