{"id":2733,"date":"2018-01-04T16:15:51","date_gmt":"2018-01-04T15:15:51","guid":{"rendered":"https:\/\/lsbeta.szmigiel.design\/?p=2733"},"modified":"2020-06-02T17:32:46","modified_gmt":"2020-06-02T15:32:46","slug":"odswiezyc-opis-oraz-miniature-linku-wklejanego-facebooku","status":"publish","type":"post","link":"https:\/\/retro.szmigiel.design\/pl\/blog\/odswiezyc-opis-oraz-miniature-linku-wklejanego-facebooku\/","title":{"rendered":"Jak od\u015bwie\u017cy\u0107 opis oraz miniatur\u0119 linku wklejanego na Facebooku?"},"content":{"rendered":"
\n

Kiedy dzie\u00adlimy si\u0119 lin\u00adkami na por\u00adtalach spo\u00ad\u0142ecz\u00adno\u00ad\u015bcio\u00adwych, zazwy\u00adczaj adres jest inter\u00adpre\u00adto\u00adwany w tle i na jego pod\u00adsta\u00adwie two\u00adrzona minia\u00adtura, a cza\u00adsem r\u00f3w\u00adnie\u017c tytu\u0142 wraz z opi\u00adsem. Face\u00adbook, Google, Pin\u00adte\u00adrest, Twit\u00adter i inne sieci spo\u00ad\u0142ecz\u00adno\u00ad\u015bciowe korzy\u00adstaj\u0105 z w\u0142a\u00adsnych mecha\u00adni\u00adzm\u00f3w inter\u00adpre\u00adtu\u00adj\u0105\u00adcych zawar\u00adto\u015b\u0107 wkle\u00adja\u00adnych lin\u00adk\u00f3w, ale naj\u00adcz\u0119\u00ad\u015bciej i naj\u00adch\u0119t\u00adniej posi\u0142\u00adkuj\u0105 si\u0119 meta\u00adda\u00adnymi schema.org oraz Open Graph.W przy\u00adpadku por\u00adtalu Face\u00adbook raz opu\u00adbli\u00adko\u00adwany i zin\u00adter\u00adpre\u00adto\u00adwany link jest zapi\u00adsany w pami\u0119ci cache, a wraz z nim minia\u00adtura, tytu\u0142 i opis.<\/p>\n

Co zro\u00adbi\u0107, aby od\u015bwie\u00ad\u017cy\u0107 minia\u00adtur\u0119 na Face\u00adbooku?<\/h2>\n

Na szcz\u0119\u00ad\u015bcie od\u015bwie\u00ad\u017ce\u00adnie minia\u00adtury oraz innych danych wkle\u00adja\u00adnego linku jest bar\u00addzo pro\u00adste. Wystar\u00adczy sko\u00adrzy\u00adsta\u0107 z narz\u0119\u00addzia Sha\u00adring Debug\u00adger<\/a> udo\u00adst\u0119p\u00adnio\u00adnego przez ten ser\u00adwis, umie\u00ad\u015bci\u0107 link w polu adresu, klik\u00adn\u0105\u0107 przy\u00adcisk Debug<\/em>, a nast\u0119p\u00adnie w tabeli obok czasu ostat\u00adniego od\u015bwie\u00ad\u017ce\u00adnia (Time Scrap\u00adped<\/em>), klik\u00adn\u0105\u0107 przy\u00adcisk Scrape Again<\/em>.<\/p>\n

Po klik\u00adni\u0119\u00adciu Scrape Again<\/em> zoba\u00adczymy nowy pod\u00adgl\u0105d strony, kt\u00f3ry od tego momentu b\u0119dzie si\u0119 \u0142ado\u00adwa\u0142 pod\u00adczas wkle\u00adja\u00adnia tego linku zar\u00f3wno w tre\u00ad\u015bci post\u00f3w na Face\u00adbooku, jak i w apli\u00adka\u00adcji Mes\u00adsen\u00adger. Przy\u00adnaj\u00admniej do czasu nast\u0119p\u00adnego od\u015bwie\u00ad\u017ce\u00adnia.<\/p>\n

Od\u015bwie\u00ad\u017ca\u00adnie pami\u0119ci cache pod\u00adgl\u0105du minia\u00adtur jest bar\u00addzo przy\u00addatne np. gdy zak\u00adtu\u00adali\u00adzu\u00adjemy meta\u00addane strony (tytu\u0142 oraz opis) lub obra\u00adzek wyr\u00f3\u017c\u00adnia\u00adj\u0105cy i chcie\u00adli\u00adby\u00ad\u015bmy, aby Face\u00adbook wy\u015bwie\u00adtla\u0142 je popraw\u00adnie.<\/p>\n

Dla\u00adczego Face\u00adbook nie pobiera obrazka z tre\u00ad\u015bci?<\/h2>\n

Praw\u00addo\u00adpo\u00addob\u00adnie dzieje si\u0119 tak dla\u00adtego, \u017ce por\u00adtal nie wie, kt\u00f3ry obra\u00adzek w tre\u00ad\u015bci jest tym w\u0142a\u00ad\u015bci\u00adwym. Zazwy\u00adczaj dosta\u00adjemy mo\u017c\u00adli\u00adwo\u015b\u0107 wybra\u00adnia odpo\u00adwied\u00adniej gra\u00adfiki, je\u017celi znaj\u00adduje si\u0119 na publi\u00adko\u00adwa\u00adnej stro\u00adnie oraz jej wymiary na to pozwa\u00adlaj\u0105. Meta\u00addane Open Graph pozwa\u00adlaj\u0105 nam jed\u00adnak decy\u00addo\u00adwa\u0107 o tym, kt\u00f3re infor\u00adma\u00adcje na stro\u00adnie s\u0105 tymi w\u0142a\u00ad\u015bci\u00adwymi przy two\u00adrze\u00adniu pod\u00adgl\u0105\u00add\u00f3w.<\/p>\n

Je\u017celi korzy\u00adstamy z CMS WordPress, mo\u017cemy wyko\u00adrzy\u00adsta\u0107 wtyczk\u0119 Yoast SEO, kt\u00f3ra auto\u00adma\u00adtycz\u00adnie wyge\u00adne\u00adruje dane Open Graph dla stron oraz wpi\u00ads\u00f3w korzy\u00adstaj\u0105c z sil\u00adnika WordPress. Ka\u017cda foto\u00adgra\u00adfia wyr\u00f3\u017c\u00adniona dla wpisu sta\u00adnie si\u0119 foto\u00adgra\u00adfi\u0105 bazow\u0105 Open Graph.<\/p>\n

Korzy\u00adsta\u00adj\u0105c z bloku Yoast SEO do\u0142\u0105\u00adczo\u00adnego pod edy\u00adto\u00adrem tre\u00ad\u015bci mo\u017cemy napi\u00adsa\u0107 sw\u00f3j w\u0142a\u00adsny tytu\u0142, opis oraz wybra\u0107 uni\u00adka\u00adtowy obra\u00adzek, kt\u00f3ry b\u0119dzie obo\u00adwi\u0105\u00adzy\u00adwa\u0142 przy publi\u00adko\u00adwa\u00adniu tre\u00ad\u015bci na por\u00adtalu Face\u00adbook lub Twit\u00adter.<\/p>\n<\/div>\n

\"Jak<\/p>\n

\n

Stan\u00addard Open Graph pozwala na wiele wi\u0119\u00adcej, np. wyr\u00f3\u017c\u00adnia\u00adnie video z por\u00adtali YouTube lub Vimeo zamiast obrazka w pod\u00adgl\u0105\u00addzie, ale to temat na osobny arty\u00adku\u0142.<\/p>\n

Jak spraw\u00addzi\u0107 meta\u00addane Open Graph?<\/h2>\n

Aby spraw\u00addzi\u0107 jakie dane zaszyte s\u0105 w nag\u0142\u00f3wku naszej strony, mo\u017cemy sko\u00adrzy\u00adsta\u0107 z narz\u0119\u00addzia Sha\u00adring Debug\u00adger<\/a> z por\u00adtalu Face\u00adbook for Deve\u00adlo\u00adpers lub wyko\u00adrzy\u00adsta\u0107 ser\u00adwis open\u00adgra\u00adph\u00adcheck.com<\/a>.<\/p>\n

Jak Open Graph mo\u017ce zwi\u0119k\u00adszy\u0107 ruch na stro\u00adnie www?<\/h2>\n

Stan\u00addard Open Graph umo\u017c\u00adli\u00adwia odpo\u00adwied\u00adnie przy\u00adgo\u00adto\u00adwa\u00adnie tre\u00ad\u015bci dla por\u00adtali spo\u00ad\u0142ecz\u00adno\u00ad\u015bcio\u00adwych. Sta\u00adnowi dodat\u00adkow\u0105 war\u00adstw\u0119 infor\u00adma\u00adcyjn\u0105 (st\u0105d meta\u00addane \u2013 dane na temat innych danych), dzi\u0119ki czemu mamy wi\u0119k\u00adsz\u0105 kon\u00adtrol\u0119 nad tym w jaki spo\u00ads\u00f3b nasze tre\u00ad\u015bci b\u0119d\u0105 wygl\u0105\u00adda\u0142y w inter\u00adne\u00adcie. Pami\u0119\u00adtajmy, \u017ce cho\u0107 auto\u00adrem stan\u00addardu Open Graph jest Face\u00adbook, korzy\u00adstaj\u0105 z niego tak\u017ce inne por\u00adtale, jak Twit\u00adter lub inne wyko\u00adrzy\u00adstu\u00adj\u0105ce tech\u00adno\u00adlo\u00adgi\u0119 oEm\u00adbed (np. Pin\u00adte\u00adrest).<\/p>\n

Open Graph daje auto\u00adrom stron kon\u00adtrol\u0119 nad tym, w jaki spo\u00ads\u00f3b ich tre\u00ad\u015bci b\u0119d\u0105 pre\u00adzen\u00adto\u00adwane przy \u201epoda\u00adwa\u00adniu dalej\u201d. Je\u017celi obu\u00addu\u00adjemy tre\u015b\u0107 stron cie\u00adka\u00adwymi tytu\u00ad\u0142ami i przy\u00adci\u0105\u00adga\u00adj\u0105\u00adcymi wzrok gra\u00adfi\u00adkami, zwi\u0119k\u00adszamy szans\u0119 na klik\u00adni\u0119\u00adcie w link. Po pro\u00adstu \u201epusty\u201d link jest zde\u00adcy\u00addo\u00adwa\u00adnie mniej atrak\u00adcyjny, ni\u017c karta z czy\u00adtel\u00adnym tytu\u00ad\u0142em i za\u0142\u0105\u00adczo\u00adnym obraz\u00adkiem.<\/p>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"

Jak prze\u0142adowa\u0107 bufor podgl\u0105du Facebook, aby po aktualizacji tre\u015bci na naszej stronie portal poprawnie wy\u015bwietla\u0142 miniatur\u0119 wraz z opisem.<\/p>\n","protected":false},"author":3,"featured_media":2732,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[112,27],"tags":[119,114,120,95],"class_list":["post-2733","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-strony-internetowe","category-znalezione-w-sieci","tag-facebook","tag-projektowanie-stron-internetowych","tag-social-media","tag-strony-internetowe"],"_links":{"self":[{"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/posts\/2733","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/comments?post=2733"}],"version-history":[{"count":1,"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/posts\/2733\/revisions"}],"predecessor-version":[{"id":4710,"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/posts\/2733\/revisions\/4710"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/media\/2732"}],"wp:attachment":[{"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/media?parent=2733"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/categories?post=2733"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/tags?post=2733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}