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

问题描述

我的投资组合页面的每个子页面都有单独的 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 的元标题片段:

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

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)