Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Dziwny problem ze zdjęciem dla fb w open graph
blackstone
post 1.10.2018, 18:10:55
Post #1





Grupa: Zarejestrowani
Postów: 82
Pomógł: 0
Dołączył: 19.03.2015

Ostrzeżenie: (0%)
-----


Mam dziwny problem z pozycjonowaniem pewnej strony na fb, a dokładnie z działaniem zdjęcia. Sprawa wygląda tak że po prostu wczytuje się ono nieregularnie, przykładowo raz fb w ogóle nie pobiera ikony artykułu , innym razem daje mi wybór co wybrać ( ikona artykułu czy....pewien plik graficzny z logiem portalu na stronie ) , a jeszcze innym razem widzi mi tylko logo portalu. Wszystko na stronie u mnie ładuje się dobrze ( znacznimi open graf i ich zawartość) nie wiem w czym tkwi problem. Próbowałem różnych kombinacji ( np og:type zamiast "article" dałem na "image/jpeg" i reakcja ta sama ) i nic to nie daje. Poniżej kod i link do przykładowego artykułu portalu który współtworzę. Zgóry dzięki za info

  1. <html lang="pl-PL"><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
  2. <meta http-equiv="content-language" content="pl" />
  3. <meta property="og:locale" content="pl_PL"/ >
  4. <meta property="og:type" content="image/jpeg"/ >
  5. <meta property="og:title" content="USA: Stopy procentowe w górę"/ >
  6. <meta property="og:description" content="Amerykański bank centralny znowu podnosi stopy procentowe" />
  7. <meta property="og:image" content="http://wspectrum.eu/files/general/foto5620404030092018.jpeg">
  8. <meta property="og:image:width" content="400" />
  9. <meta property="og:image:height" content="400" />
  10. <meta property="article:published_time" content="2018-09-30">
  11. <meta property="og:site_name" content="wspectrum.eu" />
  12. <meta property="og:url" content="http://wspectrum.eu/show/46822/fed-znowu-podnosi-stopy-procentowe/" />
  13.  
  14.  
  15. <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
  16. <meta http-equiv="content-language" content="pl" />
  17. <meta name="keywords" content="fed,dolar,stopy procentowe,Jerome Powell" />
  18. <meta name="description" content="Amerykański bank centralny znowu podnosi stopy procentowe" />
  19. <meta name="Author" content="wspectrum.eu">
  20.  
  21. <title>USA: Stopy procentowe w górę</title>
  22.  
  23.  


całosć strony : http://wspectrum.eu/show/46822/fed-znowu-p...opy-procentowe/

Ten post edytował blackstone 1.10.2018, 18:12:26
Go to the top of the page
+Quote Post
werdan
post 2.10.2018, 05:50:47
Post #2





Grupa: Zarejestrowani
Postów: 352
Pomógł: 100
Dołączył: 14.11.2013
Skąd: Płock

Ostrzeżenie: (0%)
-----


A gdzie "<!DOCTYPE html>" ?

Dodaj doctype. Testuj na FB debuger.
https://developers.facebook.com/tools/debug/

Sprawdz także tutaj:
https://www.seocentro.com/tools/search-engi...g-analyzer.html
Źle jest parsowany twój html.

Może warto już zmienić kodowanie na utf-8.
"charset=iso-8859-2" to lekki archaizm.

Ten post edytował werdan 2.10.2018, 05:51:40
Go to the top of the page
+Quote Post
blackstone
post 2.10.2018, 18:07:55
Post #3





Grupa: Zarejestrowani
Postów: 82
Pomógł: 0
Dołączył: 19.03.2015

Ostrzeżenie: (0%)
-----


Dziwna sprawa, obydwa debugery wskazują na to że nie mogą uchwycić znaczników meta z naciskiem na znaczniki typu open graph.

Obecny kod :
  1. <!DOCTYPE html>
  2.  
  3. <html lang="pl">
  4.  
  5. <head><meta http-equiv="content-type" content="text/html; charset=utf8" />
  6. <meta http-equiv="content-language" content="pl" />
  7. <meta property="og:locale" content="pl_PL" >
  8. <meta property="og:type" content="article" >
  9. <meta property="og:title" content="USA: Stopy procentowe w górę" >
  10. <meta property="og:url" content="http://wspectrum.eu/show/46822/fed-znowu-podnosi-stopy-procentowe" >
  11. <meta property="og:description" content="USA: Stopy procentowe w górę" >
  12. <meta property="og:image" content="http://wspectrum.eu/files/general/foto5620404030092018.jpeg" >
  13. <meta property="og:image:width" content="484" >
  14. <meta property="og:image:height" content="252" >
  15. <meta property="og:site_name" content="wspectrum.eu" >
  16.  
  17. <meta name="description" content="Amerykański bank centralny znowu podnosi stopy procentowe" />
  18. <title>USA: Stopy procentowe w górę</title>

(adres strony: http://wspectrum.eu/show/46822/fed-znowu-p...opy-procentowe/ )


Na seocentro na czerwono ( czyli że bład) jest informacja ze: "Webpage has no title." ( Podczas gdy istnieje <title>USA: Stopy procentowe w górę</title> ) oraz "Webpage has no description" (podczas gdy tuż nad tytułem jest opis)

Na debugu facebooka, pokazane jest że zamiast adresu zdjęcia ( w og:image) pobrany jest obraz części loga strony ( i wstawiony jako og:image przez system faceb.) . Równierz komunikat "he 'og:image' property should be explicitly provided, even if a value can be inferred from other tags" sugeruje że jest problem z odebraniem tego znacznika . Znacznik og:url i og:title są poprawne ale na szczegółowym debugerze jest wyjaśnione że system sam się domyślił. Przykłądowo w znaczniku og:description debuger facebooka wziął opis z tradycyjnego opisu strony dla googla a nie fb ( fb powinien wychwycić opis "USA: Stopy procentowe w górę" a wychwycił "Amerykański bank centralny znowu podnosi stopy procentowe" .

Dodałem doctype i kodowanie ale nie mogę doszukać się żadnego błędu. Jedyny ślad na jaki wpadłem jest taki że gdy w mozilli podglądam kod strony to znaczniki "<!DOCTYPE html><html lang="pl"><head>" oraz "</head><body>" są zaznaczone na czerwono. Nie rozumiem tego bo wszystko wydaje mi się być "podomykane", sprawdzałem wiele razy a trudno o błąd na samym początku dokumentu.

Ten post edytował blackstone 2.10.2018, 18:11:22
Go to the top of the page
+Quote Post
viking
post 2.10.2018, 18:34:58
Post #4





Grupa: Zarejestrowani
Postów: 4 967
Pomógł: 837
Dołączył: 30.08.2006

Ostrzeżenie: (0%)
-----


https://validator.w3.org/nu/?doc=http%3A%2F...y-procentowe%2F


--------------------
Go to the top of the page
+Quote Post
werdan
post 2.10.2018, 18:42:53
Post #5





Grupa: Zarejestrowani
Postów: 352
Pomógł: 100
Dołączył: 14.11.2013
Skąd: Płock

Ostrzeżenie: (0%)
-----


Masz jakies białe znaki przed <!doctype>. Musisz się tego pozbyc, mozliwe, że to utf-8 z BOM.

U ciebie jest identyczna sytuacja jak w przykładzie:
https://stackoverflow.com/questions/9691771...ring-in-my-html

Ten post edytował werdan 2.10.2018, 18:43:07
Go to the top of the page
+Quote Post
xaban
post 8.10.2018, 13:23:58
Post #6





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 13.02.2005

Ostrzeżenie: (0%)
-----


Kiedyś miałem podobny problem i okazało się, że obrazki były po prostu za małe - Facebook wtedy szukał większych w treści strony.

Spróbuj z większymi obrazkami, może to pomoże.
Go to the top of the page
+Quote Post
Mega_88
post 8.10.2018, 16:48:36
Post #7





Grupa: Zarejestrowani
Postów: 338
Pomógł: 33
Dołączył: 20.08.2011

Ostrzeżenie: (0%)
-----


Możliwe, że tutaj znajdziesz odpowiedź: https://developers.facebook.com/blog/post/2...-Link-Previews/, a tutaj odpowiedź jak to obejść, ale nie testowałem tego jeszcze: https://meetedgar.com/blog/facebooks-new-li...need-know-2018/
Go to the top of the page
+Quote Post
blackstone
post 21.10.2018, 16:47:04
Post #8





Grupa: Zarejestrowani
Postów: 82
Pomógł: 0
Dołączył: 19.03.2015

Ostrzeżenie: (0%)
-----


Dzięki za sugiestie i podpowiedzi. Głównym problemem były jednak białe znaki, sprawa załatwiona. Każda rada okazała się pomocna. Dzięki i daje "pomógł". Do następnego wink.gif

Ten post edytował blackstone 21.10.2018, 16:49:13
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 23.10.2018 - 19:40