Facebook Open Graph抓取基础URL而不是实际URL



我的投资组合页面对每个子页面都有单独的元标签,但我很挣扎- facebook只是刮我的主页https://larsejaas.com到目前为止,任何人分享我的页面将得到相同的元图像和标题+任何页面的描述。该页面是在Gatsby中构建的,由netflix托管

我已经使用https://developers.facebook.com/tools/debug/来调试问题,但似乎没有任何工作。在Twitter上,所有的子页面都能被正确识别。

如果我刮https://larsejaas.com/grafik,我在facebook共享调试器中得到以下重定向路径:

Redirect Path   
Input URL   arrow-right https://larsejaas.com/grafik
301 HTTP Redirect   arrow-right https://larsejaas.com/grafik/
og:url Meta Tag arrow-right https://larsejaas.com/ 

谁能帮我指出这里的问题?这是一个来自https://larsejaas.com/grafik:

的元标题片段
<link rel="alternate" href="https://larsejaas.com/grafik/" hreflang="x-default" data-react-helmet="true">
<link rel="canonical" href="https://larsejaas.com/grafik" data-react-helmet="true">
<link rel="alternate" href="https://larsejaas.com/en/grafik/" hreflang="en" data-react-helmet="true">    
<link rel="alternate" href="https://larsejaas.com/grafik/" hreflang="da" data-react-helmet="true">
<meta property="og:url" content="https://larsejaas.com/grafik" data-react-helmet="true">
<meta name="description" content="🎨 Besøg mit portfolio af grafiske illustrationer og animationer som jeg har lavet til brug i web projekter. Vektorgrafik, webanimationer og 3D grafik" data-react-helmet="true">
<meta name="twitter:title" content="Lars Ejaas | Grafisk arbejde med illustrationer og webanimationer" data-react-helmet="true">
<meta name="twitter:description" content="🎨 Besøg mit portfolio af grafiske illustrationer og animationer som jeg har lavet til brug i web projekter. Vektorgrafik, webanimationer og 3D grafik" data-react-helmet="true">
<meta name="twitter:image" content="https://larsejaas.com/SoMe/open_graph_phone.png" data-react-helmet="true">
<meta name="twitter:data1" content="1 min." data-react-helmet="true">
<meta property="og:title" content="Lars Ejaas | Grafisk arbejde med illustrationer og webanimationer" data-react-helmet="true">
<meta property="og:image" content="http://larsejaas.com/SoMe/open_graph_phone.png" data-react-helmet="true">
<meta property="og:image:secure_url" content="https://larsejaas.com/SoMe/open_graph_phone.png" data-react-helmet="true">
<meta property="og:description" content="🎨 Besøg mit portfolio af grafiske illustrationer og animationer som jeg har lavet til brug i web projekter. Vektorgrafik, webanimationer og 3D grafik" data-react-helmet="true">
<meta itemprop="name" content="Lars Ejaas | Grafisk arbejde med illustrationer og webanimationer" data-react-helmet="true">
<meta itemprop="description" content="🎨 Besøg mit portfolio af grafiske illustrationer og animationer som jeg har lavet til brug i web projekter. Vektorgrafik, webanimationer og 3D grafik" data-react-helmet="true">
<meta itemprop="image" content="https://larsejaas.com/SoMe/open_graph_phone.png" data-react-helmet="true">
<meta name="article:published_time" content="2021-02-26T16:46:53.619Z" data-react-helmet="true">
<meta name="article:modified_time" content="2021-02-26T16:46:53.619Z" data-react-helmet="true">

问题解决

如果有人在netflix上偶然发现同样的问题,您需要在页面的构建和部署设置下启用预呈现。这将使所有页面可以被Facebook发现。

最新更新