Hot Tip: Relative Links - What are they and why are they so Important?

in #steemit7 years ago (edited)

Theory of Relative Links 🔬

hr yellow odrau

relative links by odrau

steem train
TL;DR (4min read)

 Does Steemit have a system in place to handle relative links? In pursuit of an answer, I read a few posts suggesting the addition of the said feature, but I have not found a definitive answer. Source ➀Source ➁ The posts were a bit dated, which has left me wondering if it has since been implemented.

Perhaps a clue,

 I noticed a recent change in link visual styles. Links that take you away from Steemit.com have a subsequent 'out of box' icon and the tool-tip: this link will take you away from Steemit.com. However, this does not appear on those that specify https://steemit.com as the domain path. Furthermore, upon considering relative links, I tried inputting one into the post editor on both Steemit.com and Busy.org and to my surprise, in the preview section, the links work! Not being cautious by nature, I decided to give this a live test! Can I get an Upvote for science?!

So, what are they?

 Well to put it simply, relative links are shorter links that take into account the current directory on a server. These links point to resources directly on the server and can be made without the need to specify the full path, in other words, the domain leading to the object.

How are they useful?

 Using relative links when linking to other Steem Post(s), would allow a link to work regardless of which front end someone is using, be it, Steemit.com, Busy.org, or others. Provided, that all front ends standardize a method to parse & route links relative to the blockchain.

As it stands.

 Using an absolute link (links with the domain specified) really throws a wrench into things for users on a different front end than that which was specified in the link. When clicking on a link that specified an alternative front end's domain, the user is directed to that destination. They are then forced to either sign up for the other front end or monkey around with manually changing the link itself! This of course greatly increases the chances that users will not engage with the post. Not good! 😟

Sounds Important.

 Since I was not able to find a clear answer, this post will serve as a test. The link in the top-most heading was formatted using the standard method for relative links: /@odrau. It should bring you to my profile page on the same front end you are using. If it does, it worked! It is also safe to assume that for the time being, standard relative links work on that front end. If it does not work, we have yet another answer!

beakers science odrau

Let's try this on a post!

➥ Finding Your Voice & Knowing Your Audience
/steemitmentor/@helenoftroy/finding-your-voice-and-knowing-your-audience-or-steemit-mentor-lesson-2
This post is by a blogger named @helenoftroy, she describes herself as:
"Lifelong learner. Enthusiastic teacher. Happy wife and mother. Collecting stories from my travels and living life to the fullest - in love, in faith, and in purity."
I think she does a really wonderful job at presenting herself and her content. In this post, she shares some deep insights about how to find your direction on Steem and tips for staying motivated. If the link above does not work click here for an absolute link to the post on Steemit.com (still, my preferred front end, because I love change... Oh no! I'm starting to sound like an old man, someone please hit me!)

Moving on...

 What are the possible downsides to using relative links? To be honest, I'm no expert. I have heard that there 'potentially' could be issues with SEO, but I don't think it is significant in this case. This because I assume most traffic on Steem comes directly via feeds. I also believe that if relative links work (at least on the most used front ends) the benefits far outweigh the risks.

hr yellow odrau

<!--Edit --> 🚧

 The test has proved a success! Standard relative links do indeed work on Steemit.com & Busy.org!

To Clarify...

 Formatting a relative link is done by removing the domain name from the link.
theory of relative links odrau

Resulting code looks like this:

Markdown Version
[Link Text](/steemit/@odrau/hot-tip-relative-links-what-are-they-and-why-are-they-so-important)
HTML Version
<a href="/steemit/@odrau/hot-tip-relative-links-what-are-they-and-why-are-they-so-important">Link Text</a>
** without the strange spacing - Steemit.com parsing bug report!

hr yellow odrau

Participants for Science? ⚛

 Try the links out! Let me know if they work or don't work. Be sure to include which front end or app you were using.

Any experts or devs in the house?

 If you have any information/knowledge on the subject feel free to add to the discussion.

hr yellow odrau

Proud Helpienaut Odrau

Alert Upvote Comment Odrau        

Sort: