28 lutego 2016

Miniatura i tytuł posta błędnie wczytywane przez Facebooka

miniatura posta, facebook

Być może niektórym z Was zdarzyła się taka sytuacja. Chcieliście udostępnić na Facebooku link do najnowszego wpisu na blogu. Jednak zdjęcie lub tytuł zostały nieprawidłowo "zaciągnięte". Dlaczego tak się dzieje? Najczęstszą przyczyną jest brak w kodzie szablonu bloga metadanych Facebooka. Jeżeli posiadacie bloga na platformie, która pozwala dokonać edycji kodu html w sekcji <head>, możecie zastosować poniższe rozwiązanie. Pokażę to na przykładzie bloggera.


Jak umieścić kod metadanych Facebooka na bloggerze?


1. Wchodzimy w Szablon, następnie klikamy Edytuj kod HTML

2. Klikamy CTRL + F i odnajdujemy w kodzie znacznik <b:skin>

3. Tuż nad nim wklejamy poniższy kod:
 

4. Zapisujemy szablon.


Jak usunąć nazwę bloga z tytułu wpisu w linku na Facebooku?


Mam jeszcze jedną ciekawostkę, która być może zainteresuje osoby korzystające z bloggera. Szukałam w Internecie wskazówek dotyczących nurtującej mnie kwestii. Mianowicie: kiedy udostępniałam wpis z bloga na Facebooku, automatycznie wczytywał się nie tylko tytuł wpisu, ale i nazwa bloga. Najlepiej pokazuje to poniższa grafika:


Jak widzicie, pierwotnie tytuł wyglądał tak - Przymiotnik: Tytuł posta na blogu. Chciałam pozbyć się nazwy bloga i zostawić sam tytuł posta. Szperałam po sieci, grzebałam odrobinę w kodzie szablonu i wreszcie znalazłam rozwiązanie. Postanowiłam się z Wami podzielić tą tajemnicą ☺ Wystarczy dokonać jednej prostej zmiany w kodzie metadanych Facebooka (patrz: poprzednia część tego wpisu).

Jeśli już umieściliśmy kod metadanych w kodzie szablonu, odnajdujemy go. Jeśli nie, wklejamy go w notatnik, edytujemy, i dopiero wtedy umieszczamy w szablonie.

1. W kodzie metadanych odnajdujemy poniższy fragment:
 

2. Znacznik data:blog.pageTitle zamieniamy na data:blog.pageName.

3. Zapisujemy zmiany.

I ot, cała filozofia. Wszystko dlatego, że znacznik data:blog.page.Title jest odpowiedzialny za wstawianie tytułu bloga, natomiast znacznik data:blog.pageName dotyczy tylko tytułu podstrony (w tym wypadku tytułu posta).

Mam nadzieję, że ten krótki poradnik okaże się pomocny! Pozdrawiam ☺

Brak komentarzy :

Prześlij komentarz