DEV Community

Cover image for How To Add Canonical Links on DEV.to
Maddy
Maddy

Posted on • Edited on • Originally published at techwithmaddy.com

How To Add Canonical Links on DEV.to

If you're using Rich + Markdown, canonical links need to be added differently.

Click on the engine icon at the bottom of the post.

image.png

A small window should pop-up:

image.png

Now you can add the canonical link.

You only need to add the link address like this:

https://yourblog.com/add-canonical-link
Enter fullscreen mode Exit fullscreen mode

And remove the rest.

To find the canonical path, do the following:

  • Press F12
  • CTRL + F and search for "canonical"

You should see something such as:

<link rel="canonical" href="https://yourblog.com/add-canonical-links">
Enter fullscreen mode Exit fullscreen mode

I hope this helps!

Top comments (4)

Collapse
 
talonx profile image
Hrish B

Thanks, this was very helpful!

Collapse
 
skylerdevops profile image
Skyler

Is that related to cross posting? (I'm thinking about Hashnode, and the fact you post there first, and it cross post here) :)

Collapse
 
maddy profile image
Maddy

Hey Skyler!

Yes, exactly.

Whenever you cross post your articles, use canonical links to avoid hurting SEO (I was suggested this and decided to make an article as it took me some time to find the place to insert the link๐Ÿ˜†)

Collapse
 
riturajborpujari profile image
Rituraj Borpujari

This is really helpful. The link is hard to find!
Thanks @maddy

Some comments may only be visible to logged-in visitors. Sign in to view all comments.