Loading
StratLab Marketing Regina
  • Home
  • About
  • What We Do
    • Website Development
    • Website Maintenance
    • Video Production
    • Photography
    • Graphic Design
    • Social Media
    • Marketing Strategy
    • SEO
    • Presentations
  • Our Work
  • Blog
  • Community
  • Resources
  • Contact
  • Masterclass
  • Search
  • Menu Menu

Hyperlink Anatomy

What are the different parts of a URL?

byCarter/Jun 24, 2023/inInnovation, Research, Website

Ever wondered what all those bits and bobs in a URL actually mean? I mean, we all use the internet every day, right? We’re constantly clicking links and typing out URLs, but do we really understand what they represent?

So, as a programmer (and a bit of a geek), I couldn’t resist the temptation to create something that unravels this mystery. And that’s how this nifty little applet of mine was born! It’s a fun, interactive tool that I’ve built to help you – and me – decode the various parts of a URL. It’s like a behind-the-scenes tour of your browser’s address bar.

This app breaks down everything from the scheme (that’s the “https” part) to the host (like “www.google.com“), subdomains, domains, subdirectories, the query string, parameter keys, values, and even that little hash symbol (which is actually called a fragment). I’ve put in a few snippets of info explaining each part, to give you an idea of how they all work together to get you to your digital destination.

In fact, even if you’re not a tech whiz, understanding this stuff can be super useful. For instance, knowing about schemes might make you think twice before entering sensitive information on a site that’s not ‘https’ secured. Or recognizing query strings could help you better use search functions on websites.

So, why not take this applet for a spin? Just click on the labels to learn more about each piece of the URL puzzle. By the end of it, you’ll be able to read URLs like a pro and who knows, you might even impress your friends at your next virtual hangout!

Quick Reference

  1. Scheme: This indicates the protocol to be used by the server, like ‘https‘ for secure browsing.
  2. Host: This identifies the server that’s hosting the web resource, like ‘www.example.com‘.
  3. Subdomain: This is a subdivision of the main domain, often used to organize content or services, like ‘blog’ in ‘blog.example.com‘.
  4. Second-Level Domain: The name of a website that signals its brand identity, for example, ‘mlb’ in ‘mlb.com‘.
  5. Top-Level Domain: This specifies the type of entity your organization registers as, like ‘.com’ for commercial entities or ‘.edu’ for academic institutions.
  6. Subdirectory: This is a subfolder that gives an indication of the specific webpage section, such as ‘hats’ in ‘https://shop.yourstore.com/hats‘.
  7. Query String: This is a sequence of non-hierarchical data (parameters) passed to the server for additional instructions or data processing.
  8. Query Parameter: This is a single query in a query string, consisting of a Key and a Value.
  9. Parameter Key: This is the unique identifier in a parameter that specifies additional information to the server, such as ‘q’ in ‘https://www.example.com/search?q=apple‘.
  10. Parameter Value: This is the data value assigned to a key in a parameter, like ‘apple’ in the example above.
  11. Path: This specifies the location of a specific resource on the server after the domain and any subdomain(s), such as ‘/products/software/index.html‘ in ‘https://www.example.com/products/software/index.html‘.
  12. Fragment: This is an optional component that directs to a secondary resource within a page, typically identified by a hash symbol (#).
  13. Separator: This is the delimiter (like ‘://’) that separates the scheme from the hostname or IP address.

Image Macro (for sharing)

Click the labels in the diagram above to learn about the different parts of a URL.

Scheme

The scheme tells web servers which protocol to use when it accesses a page on your website.

Before the invention of SSL (Secure Socket Layer) technology, websites were served over the unencrypted HTTP protocol. Nowadays, HTTPS — which stands for Hypertext Transfer Protocol Secure — is the most common scheme. It tells your web browser to encrypt any information you enter onto the page, like your passwords or credit card information, so cybercriminals can’t access it. This security protocol protects your website visitors and implementing it will help your site rank better on Google. That's why implementing SSL is a must-do on any technical SEO guide.

Other schemes you might see are mailto:, which can open your computer’s default email service provider to help you draft an email to the email address you entered in the URL, tel: which tells the device to dial the provided phone number if it has the ability to do so, and ftp:, which is a standard protocol for transferring computer files between a client and server on a computer network.

Host

The "host" is a part of a Uniform Resource Locator (URL) that identifies the domain name or IP address of the server that hosts the resource being requested. In other words, it is the network location of the website or web page that is being accessed.

For example, in the URL "https://www.example.com/index.html", the host is "www.example.com". It identifies the server that is hosting the website or web page that the user wants to access.

The host component of a URL is important because it helps web browsers and servers to locate and retrieve the requested resource from the appropriate server on the internet. Without the host information, the URL would not be able to identify the server hosting the resource, and the user would not be able to access the website or web page.

Subdomain

A subdomain is a part of a domain name in a URL that is located to the left of the main domain name and separated by a dot. In other words, it is a subcategory or subdivision of a larger domain name.

For example, in the URL "https://blog.example.com/", "blog" is the subdomain of the domain name "example.com". The subdomain "blog" indicates that the content being accessed is hosted on a separate server or section of the main website, and may contain different content or functionality from the main domain.

Subdomains are commonly used to organize content or services within a website, especially for large organizations or businesses that have multiple departments or offerings. They can also be used to provide access to specific content, such as language or country-specific versions of a website.

Subdomains can be created by the domain owner through the domain name registrar or web hosting provider. They can be assigned their own IP address or use the same IP address as the main domain, depending on the hosting configuration.

Second-Level Domain

The second-level domain (SLD) - often shortened to just "Domain" - is the name of a website. It helps people know they’re visiting a certain brand’s site.

For instance, people who visit “mlb.com” know they’re on Major League Baseball’s website, without needing any more information.

Top-Level Domain

The top-level domain (TLD) is intended to specify what type of entity your organization registers as on the internet.

For example, “.com” is intended for commercial entities, so a lot of businesses register with a top-level domain of “.com”. Similarly “.edu” is intended for academic institutions, so a lot of colleges and universities register with a top-level domain of “.edu”.

Subdirectory

A subdirectory — also known as a subfolder — helps people as well as web crawlers understand which particular section of a webpage they’re on.

For instance, if you own an online store that sells t-shirts, hats, and mugs, one of your website’s URLs could look like “https://shop.yourstore.com/hats”. Notice that the subdomain is “shop” and the subdirectory is “hats." That means this URL would serve up the “Hats” page, which is a subfolder of the “Shop” page. T-shirts and mugs would be other subfolders of this page.

Query String

A query string is an optional URL component preceded by a question mark (?), containing a string of non-hierarchical data passed to the server. These parameters are used to specify additional instructions or data for the server to process, such as search queries or user preferences.

Its syntax is not well defined, but by convention is most often a sequence of one or more attribute–value pairs (known as Parameters) separated by a delimiter.

* Visit this Stack Overflow post to learn more.

Query Parameter

A Parameter is a single query in a Query String, consisting of a Key and a Value.

Parameter Key

A Key - also known as an Attribute - is the unique identifier for a Query Parameter. It is assigned to a specific Value, separated by an equals sign (=), in order to provide additional information or instructions to the server.

For example, in the URL "https://www.example.com/search?q=apple", the key is "q", which stands for "query". The value assigned to the key is "apple", which is the search term being requested by the user. The server can then use this information to return search results for the specified query.

Keys are commonly used in URLs to pass data between the client (web browser) and the server. They can also be used to specify options, settings, or preferences for the resource being requested, such as language, date format, or user ID.

Multiple key-value pairs can be included in a URL parameter by separating them with an ampersand (&). For example, in the URL "https://www.example.com/search?q=apple&lang=en", there are two key-value pairs: "q=apple" and "lang=en".

Parameter Value

See: Parameter Key

Path

A path is a component of a URL that comes after the domain and any subdomain(s), and specifies the location of a specific resource on the server. It can include one or more segments separated by slashes ("/"), with each segment representing a subdirectory or file within the website's directory structure.

For example, in the URL "https://www.example.com/products/software/index.html", the path is "/products/software/index.html". This specifies the directory path to the specific resource, which in this case is a web page called "index.html" located in the "software" subdirectory within the "products" directory on the server.

Paths are important because they allow web browsers to locate and retrieve the specific resource being requested by the user. The path component can include file extensions such as .html, .php, .css, .jpg, and others, depending on the type of resource being requested.

Fragment

The optional fragment component is preceded by a hash (#).

The fragment contains a fragment identifier providing direction to a secondary resource, such as a section heading in an article identified by the remainder of the URI. When the primary resource is an HTML document, the fragment is often an ID attribute of a specific element, and web browsers will scroll this element into view. The element with the ID is known as the "Anchor" when used in this way.

Separator

The "://" after the URL scheme is a separator that indicates the beginning of the network location portion of the URL. It is a required delimiter between the scheme and the hostname or IP address.

For example, in the URL "https://www.example.com/index.html", "https" is the URL scheme, and "www.example.com" is the network location. The "://" separator indicates that the network location information is about to follow, and allows the web browser to properly parse and interpret the URL.

"It seemed like a good idea at the time,"

Tim Berners-Lee, the creator of the Web’s bedrock software standards admitted that when he devised the web, he had no idea that the forward slashes in every web address would cause "so much hassle".

Typing in // has just resulted in people overusing their index fingers, wasting time and using more paper[...] It's pretty pointless.

Tags:#InTheLab, internet, learning
Share this entry
  • Share on Facebook
  • Share on Twitter
  • Share on WhatsApp
  • Share on LinkedIn
  • Share on Reddit
  • Share by Mail

Recent
  • hire ambassadors not influencers
    Hire Ambassadors NOT InfluencersSep 12, 2023 - 9:29 am
  • open by andre agassi
    Open by Andre Agassi – On How To Find Meaning In ...Aug 30, 2023 - 2:55 am
  • 10 shifts in the future of marketing
    That’ll Never Work! 10 Shifts in the Future of Ma...Jul 19, 2023 - 1:17 am
  • The self-image is key to human personality and human behavior
    You Will Never Surpass The Expectations You Set For You...Jul 17, 2023 - 9:51 am
  • Do you know why the Blue Jays Run Out On To The Field At The Start of an Inning
    Do you know why the Blue Jays Run Out Onto The Field At...Jul 4, 2023 - 11:45 am
Tags
#InTheLab advice bestof books books to read business strategy customer service education howto Human first innovation inspiration inspiring learning lessons marketing marketing strategy mindset online strategy psychology quotes regina smarter thinking social media strategy stratlab thinking video videos what is the future of marketing

Top Posts

  • How to get your Facebook Page Back
  • The Final Essay by Steve Jobs
  • 30 Podcast Episodes You Need To Listen To Before You Die
  • What is "Flexing"? And Why You Shouldn't
  • No You're Not an Entrepreneur, You're Part of a Pyramid Scheme

Some of our Favourite Blogs

  • How Do We Measure Your Website Strategy?
  • 33 Lessons in Neuromarketing
  • 27 Questions About Your Customer Service Strategy
  • 21 Questions About Your Search Engine Strategy
  • 3 Hacks That Will Make You Instantly Better at Instagram
  • The Top 10 Most Visited Pages on Our Website in 2022 and Why (Video)
  • 10 Ways To Help a Business That Cost You Absolutely Nothing
  • 30 Podcast Episodes You Need To Listen To Before You Die
  • 50 Courses From 27 Different Universities, All For Free
  • 99 of the Most Creative Advertisements in the World
  • 7 Must Read Business Books in 2022
  • How To Get a Website To Rank on the First Page of Google (For a LOCAL company)
  • How to Market a Sport; Netflix Presents Formula 1: Drive to Survive
  • Three Documentaries You Have To Watch – Pandora’s Promise, Artifact and Ivory Tower
  • Website Strategy: Be findable. Be trustable. Be remarkable. Episode #3 #InTheLab
Get Directions
Maps were disabled by the visitor on this site. Click to open the map in a new window.
Maps were disabled by the visitor on this site. Click to open the map in a new window.

Contact Us

"*" indicates required fields

This field is for validation purposes and should be left unchanged.
Excellent
Based on 32 reviews
Google
Steel Mace Valkyrie
Steel Mace Valkyrie
Carter from Strategy Lab designed my website better than I could have ever imagined. He took care of everything. Super professional and speedy! Thank you!
Jeff LS Security
Jeff LS Security
​We have worked with Strategy Lab for over ten plus years. Brandon has always been a true pleasure to deal with. He is very creative and made the design process very easy. I would highly recommend them to anyone looking for a New Design or Revamp of an old Website.
Doug Dimen
Doug Dimen
Brandon and his crew at Strategy Lab are amazing to work with. Not only are they very knowledgeable but they go out of their way to make sure their customers are beyond happy. Highly recommend!
Smb Construction
Smb Construction
Fantastic experience with this company. They made things very easy and at a very affordable price. Will definitely continue to use this company in the future.
Carter Bezan
Carter Bezan
I honestly don't even know where to start with this crew over at Strategy Lab! We went to them on a whim from recommendations by a few other entrepreneurs in our city. We went to them over the big name companies who specialize in what Strategy Lab does because of the love that was being shown from people they'd worked with. To say we were blown away is an understatement!!! Jeph, David, Carter and Brandon took our social media and marketing to a whole new level and not just that but helped develop us into managing it ourselves in the end. They helped us create awesome content for our website and social media game as well as our advertising campaigns. Content the grabbed our audience and increased all of our viewing and impressions on everything we posted. Thank you doesn't cover the feelings of gratitude we have for the team at Strategy Lab. We cannot wait to see what they can help us do in the next year!! PS, we've only been working with them for 5 months!
Brenda MacLauchlan
Brenda MacLauchlan
Brandon and Jeph worked with Astonished! Inc. to create a beautiful website that reflects Astonished! and they are right there for any technical support we need. Thanks Strategy Lab
Jenni Bast
Jenni Bast
The Strategy Lab Crew will always be my GO TO for Marketing business and help. They did a (Real Estate) Business Video for me about 5 years ago and I am still proud to share it around the on-line world today. They are innovative thinking, creative minded, professional, approachable & a fun group of people. I have went to their past Social Media courses and have learned a lot. I have and will continue to refer anyone and everyone to them as I think very highly of them and their work!
Matt Robertson
Matt Robertson
Not all heroes wear capes. We wanted to make a difference in our community by undertaking an ambitious charity event. These things tend to be a lot more wok than anticipated and it was obvious the event would need a strong web presence to grow. That is where Strategy Lab became not a vendor, but a partner. Very quickly in our engagement with their passionate team, the vision of a website transferred from our shoulders to theirs. They took the ball and ran with it and the resulting website is incredible and much better than anything we could have envisioned. Thanks to their efforts, our plans for an annual charity event have grown quickly, and the impact in our community is significant. If you want an innovative and energetic team to make your online presence shine; look no further.
Nuit Blanche Regina
Nuit Blanche Regina
Tanisha, Marc and team do a fantastic job and are wonderful to work with :D
Mederic Lanoix
Mederic Lanoix
Jeph and all the crew are amazing to work with and provide a very high quality service. Highly recommended!!!!
  • Talk to us!
  • 306.535.9697
  • info@strategylab.ca
  • Visit us at Path Cowork
  • 200 – 1965 Broad St, Regina, SK
  • Home
  • About
  • Blog
  • Community
  • Resources
  • Contact
  • What We Do
  • Website Development
  • Website Maintenance
  • Search Engine Optimization
  • Video Production
  • Photography
  • Graphic Design
  • Social Media Strategy
  • Marketing Strategy
  • Talks & Presentations
© 12,021HE ? Made with ♥ in Regina, SK
  • Facebook
  • Instagram
  • LinkedIn
  • Youtube
  • 500px
  • Privacy Policy
10 Lessons Marketers Can Learn from Dungeons & Dragons (D&D)A Historical Dive into Victorian Marketing and Its Influence on the Modern ...
Scroll to top