DEV Community

loading...

Discussion on: A Word of Caution Regarding Cross-Posting To DEV

saul profile image
Saul Hardman Author

Looks like you're not setting the <link rel="canonical" href="https://terabytetiger.com/lessons/articles/vue-rainbow/"> on that page? The metaInfo property on pages and templates should help you there 👍

Here are the Errors that I see in the console:

Errors in console on blog page
Errors in console on lessons page

Thread Thread
terabytetiger profile image
Tyler V. (he/him)

Hmm, this is weird 🤔 I don't see anything in Edge (Chromium) Beta on Windows. Which browser are you using?

I recently swapped out Moment for date-fns. Maybe that has something to do with it?

Thread Thread
terabytetiger profile image
Tyler V. (he/him)

Swapped back to Moment.js - maybe that solves it?

Thread Thread
saul profile image
Saul Hardman Author

Hi Tyler, that seems to have fixed it, yes 👷‍♂️👍

I'm using Firefox btw 🔥 🦊

Quick note on canonical tags:

a) they must be absolute i.e. prefixed by https://yourdomain.com/
b) they must be identical on both the DEV post and the original article (right down to the presence of trailing slashes)
c) they need to be <link rel="canonical" href="...">, not <meta>

A screenshot of a malformed canonical tag on terrabytetiger.com

Thread Thread
terabytetiger profile image
Tyler V. (he/him)

Oh yay! I'm glad it's working! 🎉

Thank you so much for the tips! I (clearly) have no idea what I was doing with these 😅 This was extremely helpful 💕

Thread Thread
saul profile image
Saul Hardman Author

You're very welcome Tyler! I've banged my head against this very wall so I'm happy to help you avoid doing the same 😅