Jak odświeżyć opis oraz miniaturę linku wklejanego na Facebooku?

Kiedy dzie­limy się lin­kami na por­talach spo­łecz­no­ścio­wych, zazwy­czaj adres jest inter­pre­to­wany w tle i na jego pod­sta­wie two­rzona minia­tura, a cza­sem rów­nież tytuł wraz z opi­sem. Face­book, Google, Pin­te­rest, Twit­ter i inne sieci spo­łecz­no­ściowe korzy­stają z wła­snych mecha­ni­zmów inter­pre­tu­ją­cych zawar­tość wkle­ja­nych lin­ków, ale naj­czę­ściej i naj­chęt­niej posił­kują się meta­da­nymi schema.org oraz Open Graph.W przy­padku por­talu Face­book raz opu­bli­ko­wany i zin­ter­pre­to­wany link jest zapi­sany w pamięci cache, a wraz z nim minia­tura, tytuł i opis.

Co zro­bić, aby odświe­żyć minia­turę na Face­booku?

Na szczę­ście odświe­że­nie minia­tury oraz innych danych wkle­ja­nego linku jest bar­dzo pro­ste. Wystar­czy sko­rzy­stać z narzę­dzia Sha­ring Debug­ger udo­stęp­nio­nego przez ten ser­wis, umie­ścić link w polu adresu, klik­nąć przy­cisk Debug, a następ­nie w tabeli obok czasu ostat­niego odświe­że­nia (Time Scrap­ped), klik­nąć przy­cisk Scrape Again.

Po klik­nię­ciu Scrape Again zoba­czymy nowy pod­gląd strony, który od tego momentu będzie się łado­wał pod­czas wkle­ja­nia tego linku zarówno w tre­ści postów na Face­booku, jak i w apli­ka­cji Mes­sen­ger. Przy­naj­mniej do czasu następ­nego odświe­że­nia.

Odświe­ża­nie pamięci cache pod­glądu minia­tur jest bar­dzo przy­datne np. gdy zak­tu­ali­zu­jemy meta­dane strony (tytuł oraz opis) lub obra­zek wyróż­nia­jący i chcie­li­by­śmy, aby Face­book wyświe­tlał je popraw­nie.

Dla­czego Face­book nie pobiera obrazka z tre­ści?

Praw­do­po­dob­nie dzieje się tak dla­tego, że por­tal nie wie, który obra­zek w tre­ści jest tym wła­ści­wym. Zazwy­czaj dosta­jemy moż­li­wość wybra­nia odpo­wied­niej gra­fiki, jeżeli znaj­duje się na publi­ko­wa­nej stro­nie oraz jej wymiary na to pozwa­lają. Meta­dane Open Graph pozwa­lają nam jed­nak decy­do­wać o tym, które infor­ma­cje na stro­nie są tymi wła­ści­wymi przy two­rze­niu pod­glą­dów.

Jeżeli korzy­stamy z CMS WordPress, możemy wyko­rzy­stać wtyczkę Yoast SEO, która auto­ma­tycz­nie wyge­ne­ruje dane Open Graph dla stron oraz wpi­sów korzy­stając z sil­nika WordPress. Każda foto­gra­fia wyróż­niona dla wpisu sta­nie się foto­gra­fią bazową Open Graph.

Korzy­sta­jąc z bloku Yoast SEO dołą­czo­nego pod edy­to­rem tre­ści możemy napi­sać swój wła­sny tytuł, opis oraz wybrać uni­ka­towy obra­zek, który będzie obo­wią­zy­wał przy publi­ko­wa­niu tre­ści na por­talu Face­book lub Twit­ter.

Stan­dard Open Graph pozwala na wiele wię­cej, np. wyróż­nia­nie video z por­tali YouTube lub Vimeo zamiast obrazka w pod­glą­dzie, ale to temat na osobny arty­kuł.

Jak spraw­dzić meta­dane Open Graph?

Aby spraw­dzić jakie dane zaszyte są w nagłówku naszej strony, możemy sko­rzy­stać z narzę­dzia Sha­ring Debug­ger z por­talu Face­book for Deve­lo­pers lub wyko­rzy­stać ser­wis open­gra­ph­check.com.

Jak Open Graph może zwięk­szyć ruch na stro­nie www?

Stan­dard Open Graph umoż­li­wia odpo­wied­nie przy­go­to­wa­nie tre­ści dla por­tali spo­łecz­no­ścio­wych. Sta­nowi dodat­kową war­stwę infor­ma­cyjną (stąd meta­dane – dane na temat innych danych), dzięki czemu mamy więk­szą kon­trolę nad tym w jaki spo­sób nasze tre­ści będą wyglą­dały w inter­ne­cie. Pamię­tajmy, że choć auto­rem stan­dardu Open Graph jest Face­book, korzy­stają z niego także inne por­tale, jak Twit­ter lub inne wyko­rzy­stu­jące tech­no­lo­gię oEm­bed (np. Pin­te­rest).

Open Graph daje auto­rom stron kon­trolę nad tym, w jaki spo­sób ich tre­ści będą pre­zen­to­wane przy „poda­wa­niu dalej”. Jeżeli obu­du­jemy treść stron cie­ka­wymi tytu­łami i przy­cią­ga­ją­cymi wzrok gra­fi­kami, zwięk­szamy szansę na klik­nię­cie w link. Po pro­stu „pusty” link jest zde­cy­do­wa­nie mniej atrak­cyjny, niż karta z czy­tel­nym tytu­łem i załą­czo­nym obraz­kiem.