jvandemo / angular-update-meta

Dynamically update meta tags for SEO purposes in your AngularJS application. Supports prerender.io.
MIT License
132 stars 36 forks source link

Update meta not working #31

Closed Joris-Fonck closed 7 years ago

Joris-Fonck commented 7 years ago

Hello, I have used angular meta tag into my angularjs app, but when I check on card validator for Facebook or Twitter, it's not working. The page keep the content of default meta tag.

I have questions on how to use update-meta tag :

Here is an example of my meta tag :

    <meta property="fb:app_id"             content="MY_APP_ID" />
    <meta property="og:url"                content="MY_URL_BASE" />
    <meta property="og:type"               content="MY_TYPE" />
    <meta property="og:title"              content="My_DEFAULT_TITLE" />
    <meta property="og:description"        content="MY_DEFAULT_DESCRIPTION" />
    <meta property="og:image"              content="MY_DEFAULT_IMAGE" />
    <meta property="music:duration"        content="" />
    <meta property="music:album"           content="" />
    <meta property="music:album:track"     content="" />
    <meta property="music:musician"        content="" />

    <update-meta property="og:description"     content="{{ description }}"></update-meta>
    <update-meta property="og:image"       content="{{ image }}"></update-meta>
    <update-meta property="music:duration"     content="{{ duration }}"></update-meta>
    <update-meta property="music:album"        content="{{ album }}"></update-meta>
    <update-meta property="music:album:track"  content="{{ title }}"></update-meta>
    <update-meta property="music:musician"     content="{{ artist }}"></update-meta>

Thanks.

jvandemo commented 7 years ago

@Joris-Fonck Some crawlers, such as the Facebook crawler, do not support JavaScript. See #13 for more background information.

If you target crawlers that do not support JavaScript, a service like prerender.io should indeed help fix the problem.

I will close the issue, but feel free to re-open if you feel it's needed. Thanks!