0

我的投资组合页面的每个子页面都有单独的元标记，但我很挣扎 - 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的元标题片段：

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

1 回答 1

0

问题解决了。

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

于 2021-02-26T20:45:06.640 回答