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
<http://december.com/html/4/element/html.html lang="pl-PL"><http://december.com/html/4/element/head.html><http://december.com/html/4/element/meta.html http-equiv="content-type" content="text/html; charset=iso-8859-2" /> <http://december.com/html/4/element/meta.html http-equiv="content-language" content="pl" /> <http://december.com/html/4/element/meta.html property="og:locale" content="pl_PL"/ > <http://december.com/html/4/element/meta.html property="og:type" content="image/jpeg"/ > <http://december.com/html/4/element/meta.html property="og:title" content="USA: Stopy procentowe w górę"/ > <http://december.com/html/4/element/meta.html property="og:description" content="Amerykański bank centralny znowu podnosi stopy procentowe" /> <http://december.com/html/4/element/meta.html property="og:image" content="http://wspectrum.eu/files/general/foto5620404030092018.jpeg"> <http://december.com/html/4/element/meta.html property="og:image:width" content="400" /> <http://december.com/html/4/element/meta.html property="og:image:height" content="400" /> <http://december.com/html/4/element/meta.html property="article:published_time" content="2018-09-30"> <http://december.com/html/4/element/meta.html property="og:site_name" content="wspectrum.eu" /> <http://december.com/html/4/element/meta.html property="og:url" content="http://wspectrum.eu/show/46822/fed-znowu-podnosi-stopy-procentowe/" /> <http://december.com/html/4/element/meta.html http-equiv="content-type" content="text/html; charset=iso-8859-2" /> <http://december.com/html/4/element/meta.html http-equiv="content-language" content="pl" /> <http://december.com/html/4/element/meta.html name="keywords" content="fed,dolar,stopy procentowe,Jerome Powell" /> <http://december.com/html/4/element/meta.html name="description" content="Amerykański bank centralny znowu podnosi stopy procentowe" /> <http://december.com/html/4/element/meta.html name="Author" content="wspectrum.eu"> <http://december.com/html/4/element/title.html>USA: Stopy procentowe w górę</http://december.com/html/4/element/title.html>
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-engines/metatag-analyzer.html
Źle jest parsowany twój html.
Może warto już zmienić kodowanie na utf-8.
"charset=iso-8859-2" to lekki archaizm.
Dziwna sprawa, obydwa debugery wskazują na to że nie mogą uchwycić znaczników meta z naciskiem na znaczniki typu open graph.
Obecny kod :
<!DOCTYPE html> <http://december.com/html/4/element/html.html lang="pl"> <http://december.com/html/4/element/head.html><http://december.com/html/4/element/meta.html http-equiv="content-type" content="text/html; charset=utf8" /> <http://december.com/html/4/element/meta.html http-equiv="content-language" content="pl" /> <http://december.com/html/4/element/meta.html property="og:locale" content="pl_PL" > <http://december.com/html/4/element/meta.html property="og:type" content="article" > <http://december.com/html/4/element/meta.html property="og:title" content="USA: Stopy procentowe w górę" > <http://december.com/html/4/element/meta.html property="og:url" content="http://wspectrum.eu/show/46822/fed-znowu-podnosi-stopy-procentowe" > <http://december.com/html/4/element/meta.html property="og:description" content="USA: Stopy procentowe w górę" > <http://december.com/html/4/element/meta.html property="og:image" content="http://wspectrum.eu/files/general/foto5620404030092018.jpeg" > <http://december.com/html/4/element/meta.html property="og:image:width" content="484" > <http://december.com/html/4/element/meta.html property="og:image:height" content="252" > <http://december.com/html/4/element/meta.html property="og:site_name" content="wspectrum.eu" > <http://december.com/html/4/element/meta.html name="description" content="Amerykański bank centralny znowu podnosi stopy procentowe" /> <http://december.com/html/4/element/title.html>USA: Stopy procentowe w górę</http://december.com/html/4/element/title.html>
https://validator.w3.org/nu/?doc=http%3A%2F%2Fwspectrum.eu%2Fshow%2F46822%2Ffed-znowu-podnosi-stopy-procentowe%2F
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/why-is-65279-appearing-in-my-html
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.
Możliwe, że tutaj znajdziesz odpowiedź: https://developers.facebook.com/blog/post/2017/06/27/API-Change-Log-Modifying-Link-Previews/, a tutaj odpowiedź jak to obejść, ale nie testowałem tego jeszcze: https://meetedgar.com/blog/facebooks-new-link-previews-need-know-2018/
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
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)