So let’s say you are new to Mastodon, and you want to “verify” one of the links you’ve attached to your profile so that people know that you are you. Furthermore, let’s say you are running a WordPress site. This blog post will show you how to “link” the WP site back to Mastodon to prove that you are the owner of said website.
First, grab the “verification” link from Mastodon. You can find this in your ‘Edit Profile’ options. It will look something like this:
<a rel=”me” href=”https://mstdn.social/@jessicakelly”>Mastodon</a>
There are two parts that you really have to understand here. The href attribute points to a URL. The first thing is that you would replace mstdn.social with the instance your account is on and then secondly, change the account username from jessicakelly to yourUserName, whatever that may be.
Once you have this bit of HTML, we can proceed to the next step.
We are going to talk about landing/home/index pages now. An index page is basically the url with nothing after the domain in the url. So for instance, this website’s index page would be https://jessicabkelly.com . Note how NOTHING follows .com. So placing the verification HTML info in a page other than the landing page will probably not work, unless that is explicitly what is linked to from Mastodon.
You need to identify which WP “page” is the index page. For me, it’s the one I’ve called “Home” as seen in the next picture. Now, I have some extensions installed, but we are looking at the “Pages” view from your WP-admin screen.
Now that you’ve identified the page that is the index page, click on the link (“Home” in my example) and you’ll be taken to the page editor.
You’ll see a “live” view of the page with any visual edits you’ve made. You will also notice a “Text” tab as denoted in the middle-right of the screenshot below. That will give you the HTML view of the page. Go ahead and click that. AT THIS POINT YOU SHOULD HAVE BACKED UP YOUR SITE JUST IN CASE OF ERRORS IN THE HTML THAT WOULD BREAK RENDERING, although if you have your WP login url bookmarked, you can probably probably get back in here to take out any bad changes.
Go to a spot in the HTML where you want to insert your verification tag. This will display a link on your page, so I’d recommend the top or the bottom of your page, somewhere where it won’t break the flow of your page but it will still be present. Of course, you can stick it anywhere “HTML-legal” from what I can tell. In my example, I stuck it in a paragraph set of tags so that it will render along with any formatting my CSS uses for that tag.
Ok, now if you go back to Mastodon, you should see that your link has been upgraded as seen below! Congrats, you have proved ownership of your site and have demonstrated you are you~