Forum Blogowe 17 lat!

Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu
FAQFAQ    UżytkownicyUżytkownicy  grupa Blogger Polska! na FBBlogger Polska!  GrupyGrupy  regulaminRegulamin RejestracjaRejestracja  ZalogujZaloguj

»  »  »  »  ::
Zamknięty przez: Htsz
2015-05-04, 04:09
Autor Wiadomość
Big Forehead 
Blogger.Klub


Dołączył/a: 03 Lis 2011
Posty: 0
Wysłany:    Problem z miniaturkami postów udostępnianych na FB
Witam,

Nie mogę się uporać z miniaturkami przy udostępnianych postach na facebooku.

Przy udostępnianiu posta mam możliwość wybrania tylko miniaturki pierwszego zdjęcia w poście, a do tego jest przycięta i strasznie złej jakości.
Problem nie występuje, gdy chcę udostępnić stronę główną, bo wtedy mogę wybierać spośród dobrej jakości i nie przyciętych zdjęć, dostępnych na całej stronie.

Co zrobić, żeby przy udostępnianiu postów generowanie miniaturek wszędzie działało tak samo jak na stronie głównej?

[ Komentarz dodany przez: Htsz: 05-12-2013, 16:45 ]
zobacz także => sugerowanie zdjęć podczas publikacji linków na Facebooku i Google plus

[ Komentarz dodany przez: Htsz: 2015-08-22, 05:33 ]
wątek z 2015 => większe zdjęcia w linkach do postów udostępnianych na facebooku
 
  podziel si� tym postem na:



Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2011-11-03, 06:55   
Facebook czyta sobie na stronie obrazki zamknięte w <img /> i sugeruje je jako miniatury (zwykle pierwszy) przy dzieleniu się daną stroną lub postem na tablicy. Czasami jednak podrzuca obrazki zupełnie niezwiązane z postem (jakaś ikona, emotka, banner reklamowy itp.).

Można sugerować obraz strony za pomocą odpowiedniego metatagu:
Wiadomość (widoczna dla zarejestrowanych)
lub za pomocą kodu dostarczanego przez Facebook (Open Graph Protocol):
Wiadomość (widoczna dla zarejestrowanych)

Warto to sobie ustawić w kodzie strony głównej i wkleić tam adres zrzutu ekranu bloga. W ten sposób jak ktoś poleci (zarekomenduje) naszą stronę to jako obrazek pojawi się właśnie ta grafika.

Problemem są jednak pojedyncze wpisy. Tam przydałoby się mieć za każdym razem obrazek z danego wpisu.
Blogger generuje miniatury, ale wyświetla je jako kwadraty o wielkości 72px, w dodatku w średniej/kiepskiej jakości (przynajmniej tak było też i u mnie). Myślę, że właśnie dlatego Twoje obrazki wyglądają nieciekawie, bo facebook korzysta z nich kiedy Blogger wygeneruje miniaturę do wpisu. Obrazki z zewnętrznych serwerów zasysane jako podpowiedzi wydawały się być nieco lepszej jakości niż avatar.

na tej stronie znalazłem informację o tagu szablonu data:post.thumbnailUrl, ale w żaden sposób nie udało mi się przenieść kodu do sekcji head by wywołać w metatagu link do obrazka miniatury (wywalało błędy w szablonie). Jest w tym artykule także informacja o możliwości powiększania miniatur, ale za pomocą javascript, więc niewiele to pomoże - bo nam potrzeba rozwiązania, które generuje obrazek przy generowaniu się strony a nie dopiero potem - wizualnie.

Na tej stronie znalazłem kod:

Kod

<fb:share-button class='meta' type='box_count'>
<b:if cond='data:post.snippet'>
<meta expr:content='data:post.snippet' name='description'/>
</b:if>
<b:if cond='data:post.thumbnailUrl'>
<link expr:href='data:post.thumbnailUrl' rel='image_src'/>
</b:if>
</fb:share-button>
dotyczący przycisku dzielenia się na FB, do którego dopisano generowanie obrazka i fragmentu posta (kod należy umieścić w pętli wpisu, w kodzie szablonu), ale po wklejeniu tego (chyba w dobrym miejscu) niestety nie widziałem żadnego efektu - jednakże mój testowy blog nie ma zbyt wiele grafiki w postach.

Na Wordpress nie miałem z tym żadnego problemu (bez problemu udaje się generować kod z miniaturą wpisu jako obrazek na FB), tutaj nie widzę konkretnego rozwiązania. Po chwili szperania w internecie i znalezieniu jedynie powyższych informacji mam wrażenie, że w przypadku blogspota nie ma możliwości swobodnego generowania kodów sugerujących konkretne obrazki do ikon wpisów wykopywanych przez przyciski dzielenia się FB. Jesteś chyba skazany na przypadkowe sugestie ze strony FB.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Big Forehead 
Blogger.Klub


Dołączył/a: 03 Lis 2011
Posty: 0
Wysłany: 2011-11-03, 07:11   
Dzięki za szybką odpowiedź. Posprawdzam co uda mi się usykać za pomocą tych informacji i dam znać.

Ale chciałem powiedzieć o czymś bardzo istotnym. Przez moment udało mi się uzyskać zamierzony efekt! Miniaturki generowane były w dobrej jakości i w odpowiednich formatach. Mało tego, miałem możliwość wyboru pomiędzy różnymi sugestiami. ALE posypały się gadżety na blogu, więc musiałem przywrócić poprzedni szablon. Zabijcie mnie, ale nie wiem co zrobiłem, że to działało.

Znam blog, który korzysta z tego samego szablonu i na nim działa wszystko dobrze. Oto przykład: http://quidamcorvus.blogspot.com/
W ramach prób poprosiłem o kopię tego szablonu i zaimportowałem ją do siebie. Wszystko się oczywiście rozjechało, ale efektu brak.

Update!
Sprawdziłem to co podałeś, ale niestety dalej nic. Zauważyłem, że blogger generuje miniaturę zaraz po publikacji wpisu. W źródle strony postu pojawia się linia

Wiadomość (widoczna dla zarejestrowanych)


Gdyby dało się to zablokować, albo wymusić poszukiwanie miniatur na głównej stronie byłoby po problemie. Albo gdyby znaleźć kod, który odpowiada za generownanie miniatur na głównej i skopiować go do szablonu postów, aby działały tak samo...
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2011-11-03, 10:05   
Jak już wspominałem - w przypadku zdjęć zewnętrznych miniaturki o dziwo wyglądają ładniej i tak to wygląda na blogu, który podałeś, ale np. ten wpis ma obrazek wrzucony przez bloggera w treści i już miniaturka utworzyła się z niego ;)

Big Forehead napisał/a:

Update!
Sprawdziłem to co podałeś, ale niestety dalej nic. Zauważyłem, że blogger generuje miniaturę zaraz po publikacji wpisu. W źródle strony postu pojawia się linia
nie widzę tej linii u Ciebie ;)

Cytat

Gdyby dało się to zablokować, albo wymusić poszukiwanie miniatur na głównej stronie byłoby po problemie. Albo gdyby znaleźć kod, który odpowiada za generownanie miniatur na głównej i skopiować go do szablonu postów, aby działały tak samo...
dzieląc się adresem głównym sprawiasz, że facebook przeszukuje całego bloga w poszukiwaniu obrazków. Dzieląc się pojedynczym wpisem sprawiasz, że szuka ich tylko w ramach tego jednego. Nie ma kodu, który generuje miniatury dla strony głównej, chyba, że podasz ten co podałem w moim 1 poście tutaj - na początku.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Big Forehead 
Blogger.Klub


Dołączył/a: 03 Lis 2011
Posty: 0
Wysłany: 2011-11-03, 10:19   
Wystarczy, że otworzysz jakiegoś posta i sprawdzisz jego źródło, linia ze zdjęciem jest na dole nagłówka.
Usunąłem narazie przycisk udostępniania fb i dałem like button. Tu nie ma oczywiście wyboru miniaturki, ale ta generowana jest dużo lepszej jakości.
Ale dlaczego przy dzieleniu się linkiem miniatury z głównej strony są ładne, a z postów nie?

Będę kombinował dalej.
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2011-11-03, 11:27   

Big Forehead napisał/a:

ystarczy, że otworzysz jakiegoś posta i sprawdzisz jego źródło, linia ze zdjęciem jest na dole nagłówka.
Rzeczywiście, na stronie pojedynczego posta Blogger sam dokleja sobie metatag, więc sugerowanie go tam jest zbędne. Jako link obrazka wklejana jest tam ikona, o której wspominałem - ta brzydka o wielkości 72px. Zabawne jest to, że mogliby wklejać tam link różniący się zaledwie cyferkami w linku i już by był problem z głowy, bo miniatury dostępne są przecież w różnych rozmiarach:

Kod

http://2.bp.blogspot.com/-y-w8kGjdd3M/TjlT7bpzBOI/AAAAAAAABS4/a-po1Xb6YGU/s72-c/av200_2.jpg
http://2.bp.blogspot.com/-y-w8kGjdd3M/TjlT7bpzBOI/AAAAAAAABS4/a-po1Xb6YGU/s150-c/av200_2.jpg
http://2.bp.blogspot.com/-y-w8kGjdd3M/TjlT7bpzBOI/AAAAAAAABS4/a-po1Xb6YGU/s200-c/av200_2.jpg


Big Forehead napisał/a:

Ale dlaczego przy dzieleniu się linkiem miniatury z głównej strony są ładne, a z postów nie?
na stronie głównej nie ma owego metatagu, więc Facebook czyta sobie różne obrazki z <img /> - jak kliknąłem u ciebie to np. 9 obrazek był brzydką miniaturą, 5 i 8 tymi grafikami z bocznego panelu a 10 miniaturą z sekcji RSS ;)

Przy okazji znalazłem tag szablonowy, który generuje cały kod tego metatagu:
Wiadomość (widoczna dla zarejestrowanych)
ale niestety niewiele mozna z tym zrobić, bo tworzy cały kod a nie sam link do grafiki. a podmiana w JS - jak już wspominałem - nic nie da.
Jest jeszcze tag:
Wiadomość (widoczna dla zarejestrowanych)
który odpowiada za wczytanie elementów w head, czyli wielu metatagów, min. naszego od obrazków. Można by go wykasować i wkleić wszystkie kody (ale nie znalazłem pełnej specyfikacji co to wczytuje) poza tym od generowania miniatury i wtedy też by pobierało losowe grafiki ze strony zamiast tej konkretnej 72px (którą sobie powiększa nieco i zniekształca).
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Big Forehead 
Blogger.Klub


Dołączył/a: 03 Lis 2011
Posty: 0
Wysłany: 2011-11-03, 12:09   
No i tak! Po usunięciu

Wiadomość (widoczna dla zarejestrowanych)


obrazki wczytują się prawidłowo. To właśnie musiało być to, co zrobiłem wcześniej (tylko nie pamiętałem). Niestety niektóre widżety nie działają teraz właściwie tj. licznik odwiedzin zniknął i nie ma ikonek przy obserwowanych blogach. Poza tym przy udostępnianiu zamiast tytułu strony i posta jest sam adres . Hm...
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2011-11-03, 12:14   
kasując ten tag skasowałeś wiele niezbędnych rzeczy z sekcji head ;)
wyjście jest takie:
przywracasz taga, kopiujesz to co on generuje ze źródła bloga, potem kasujesz znowu i wklejasz do kodu szablonu (rozszerzasz) skopiowane elementy poza tym od miniatury.

Drugą opcją było poszukanie gotowego zestawu elementów generowanych przez ten skasowany tag, ale chyba tak się nie da, bo to zależy pewnie jakich szablonów i gadżetów się używa - teoretyzuję, bo nie znam się na budowie szablonów bloggera jeżeli chodzi o ich tagi.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Big Forehead 
Blogger.Klub


Dołączył/a: 03 Lis 2011
Posty: 0
Wysłany: 2011-11-03, 12:19   

Cytat

kasując ten tag skasowałeś wiele niezbędnych rzeczy z sekcji head


Domyślam się, że nie tędy droga, ale kierunke słuszny ;)

Htsz napisał/a:

kopiujesz to co on generuje ze źródła bloga


A gdzie się to znajduje w źródle? Czy to tylko to, co jest w nagłówku?
Wrr... musi być gdzieś ten nieznośny tag.

Update!
Porównałem źródła strony przed i po usunięciu kodu. Różnią się tylko zawartością nagłówka. Po przekopiowaniu zawartości do szablonu z usuniętym kodem jest jeszcze gorzej. Muszą być jakieś tagi, których nie widać w źródle strony.
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2011-11-03, 13:22   

Cytat

A gdzie się to znajduje w źródle? Czy to tylko to, co jest w nagłówku?
Sprawdź co znajduje się w bliskiej okolicy taga:
Wiadomość (widoczna dla zarejestrowanych)
po przywróceniu go na bloga - porównaj kod w edytorze HTML z tym, który znajduje się po wczytaniu bloga. Przekopiuj do HEAD to czego brakuje - czy to będzie działać jak powinno - tego nie wiem.

Big Forehead napisał/a:

Wrr... musi być gdzieś ten nieznośny tag.
jaki? jest tylko ten generujący pełny kod (SrcTag). Standardowo obrazek generuje się wraz z kodem (all-head), który chcesz wywalić ;) stąd ta cała zabawa żeby wywalić kod bloggera a wrzucić wszystko poza tym co odpowiedzialne jest za miniaturkę 72px skoro tak bardzo zależy Ci na tym by nie były takie brzydkie ;)
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Big Forehead 
Blogger.Klub


Dołączył/a: 03 Lis 2011
Posty: 0
Wysłany: 2011-11-03, 13:27   
Musi być ładnie! :rotfl:
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
»  »  »  »  ::
Ten temat jest zablokowany bez możliwości zmiany postów lub pisania odpowiedzi
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
 Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2024 Wrocław | modified by Przemo © 2003 phpBB Group.
↑ skocz na górę ↑   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz