I tried inserting that rel="me" code into a link to my Mastodon account in my theme, but when I viewed the source code of the live site the rel="me" was effectively overridden by rel="noopener noreferrer" (as was present in every other link).
Is it therefore not possible to insert that rel="me", or is there perhaps something I’m missing?
I added my Mastadon profile link in the navigation panel and then used the following script to inject the rel=“me” into the anchor. Alas, while I can see the correct tag when I inspect the page it doesn’t seem to have verified my site in Mastodon.
<script>
let navlink=document.getElementsByClassName("nav-mastodon")[0];
let alink = navlink.getElementsByTagName('a')[0];
alink.setAttribute('rel', 'me');
</script>
It’s possible that the Mastodon verification scanner doesn’t run JavaScript to render the page. That takes considerably more resources than just parsing HTML. So, it may only detect links that that exist in the HTML that’s initially served.
For a simple workaround, go into “Settings > Code Injection” and add this style syntax to “Site Header”:
Can you link your site, @AlexKalopsia ? The solution above should work, and is reported by the original poster to work, so we’re going to need to see your site to be able to help you out, I’m thinking!
I recently did this, so I know it should work. On your site, though, I don’t see the Mastodon link (it should be in the head). There is a Mastodon verification comment, but I don’t see the actual link.