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

Question

我的投资组合页面的每个子页面都有单独的 Meta 标签，但我很挣扎 - facebook 只是在抓取我的主页 https://larsejaas.com 截至目前，任何分享我的页面的人都将获得任何页面的相同元图像和标题+描述。 该页面在 Gatsby 中构建并由 Netlify 托管

我使用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的元标头的sn-p：

    <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">

Answer 1

问题解决了。

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