Skuteczne strony internetowe. Oryginalny	 web design. HTML5. Warszawa

Jak ustawić obrazek dla linku na Facebooku?

Często gdy wklejamy na Facebook link do swojej nowej strony, serwis nie potrafi znaleźć właściwego obrazka. Link umieszczony bez dobrej miniatury zdecydowanie traci na skuteczności, a zdarzają się przecież także materiały/strony bez obrazków.

W teorii powinno wystarczyć dodanie do sekcji <head> następującej linijki:

<link rel="image_src" href="http://adres.pl/thumbnail.jpg" />11Oczywiście – pod wskazanym adresem musi znaleźć się odpowiedni obrazek.

W praktyce jednak zdarzało się, że to rozwiązanie „nie zaskoczyło”, a z drugiej strony warto pamiętać, że facebook nie jest jedynym serwisem, który może chcieć pobierać jakąś miniaturę. Preferujemy więc dodatkowe umieszczenie specjalnego obrazka <img> na stronie. Jeżeli nie chcemy by był on widoczny. Możemy ukryć go choćby za pomocą reguły css z-index:-100;. Na stronie, którą czytasz umieściliśmy go sprytnie na elemencie tła. Jeżeli macie wystarczająco szeroki monitor, żeby widzieć „tarczę zegara” na PKiN w tle – możecie najechać kursorem i odnaleźć opisany obrazek. Preferuję takie rozwiązanie jako dodatkowe zabezpieczenie – nawet jeżeli nie jest ono konieczne.

Najlepsza miniatura jest kwadratowa, bo taka wykorzystuje maksymalną dozwoloną powierzchnię.

UWAGA! Bądźmy ostrożni z wklejaniem linku na Facebook, bo raz wygenerowana dla linku miniatura trafia na jakiś czas do pamięci cache. Na pewno jest tam trzymana dobę (albo i dłużej). Nie udało nam się sprawdzić tego empirycznie, ale w tym czasie mimo zmian na stronie, żadna nowa miniatura nie zostanie uwzględniona. Zdecydowanie warto więc ustawić ją prawidłowo przed pierwszym wklejaniem linku na Facebook. I nie chodzi tu o publikację wpisu tylko samo wklejenie go do edytora kiedy to miniatura jest generowana po raz pierwszy. Czasami gdy mamy „podbramkową” sytuację, możemy zmodyfikować (po zmianach) adres linkowanej strony, by miniatura została wygenerowana na nowo bez opóźnień. Raz wygenerowana dla opublikowanego linku miniatura będzie już używana na stałe. Nawet jeżeli obrazek zniknie z naszego serwera.