Highlighted

SPA - what use is the /about, /contact /products etc extention

LEGEND ,
Sep 26, 2019

Copy link to clipboard

Copied

I'm trying to get my head around what use is it to show the page you are currently on in the browsers url address bar in the case of a single page application SPA

 

Example:

/about

/contact

/products

 

Is it purely for aesthetic reasons or does is actually serve a purpose? Who even looks at the address in the url bar when browsing a website?

 

Any views?

I wouldn't say it is a "deal Breaker'. But if you have a large ecommerce site with hundreds of products and you want to promote a single product, it is much easier to link directly to the product. One a small five page site itt may not be a big deal as it os just one more click for the user. But take something as basic as a blog. You help out on the forums here and perhaps you have written a good blog post on the subject. Would be so much easier to link directly to it than have the user try to find it.

Views

756

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

SPA - what use is the /about, /contact /products etc extention

LEGEND ,
Sep 26, 2019

Copy link to clipboard

Copied

I'm trying to get my head around what use is it to show the page you are currently on in the browsers url address bar in the case of a single page application SPA

 

Example:

/about

/contact

/products

 

Is it purely for aesthetic reasons or does is actually serve a purpose? Who even looks at the address in the url bar when browsing a website?

 

Any views?

I wouldn't say it is a "deal Breaker'. But if you have a large ecommerce site with hundreds of products and you want to promote a single product, it is much easier to link directly to the product. One a small five page site itt may not be a big deal as it os just one more click for the user. But take something as basic as a blog. You help out on the forums here and perhaps you have written a good blog post on the subject. Would be so much easier to link directly to it than have the user try to find it.

Views

757

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Sep 26, 2019 0
LEGEND ,
Sep 26, 2019

Copy link to clipboard

Copied

Personally I use it for linking directly to sub pages. If it didn't have  those in the URL,  you would not be able to link to specific subpages on Social Media or wherever.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 26, 2019 1
LEGEND ,
Sep 26, 2019

Copy link to clipboard

Copied

I'm not following that can you elaborate a bit? How does an address in the browsers address bar have any relationship to sub-pages or social media?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 26, 2019 0
LEGEND ,
Sep 26, 2019

Copy link to clipboard

Copied

If you wanted to link to the /contact page how would you do that without that in the URL?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 26, 2019 0
LEGEND ,
Sep 26, 2019

Copy link to clipboard

Copied

Ok......... I see what you mean 'FROM' an external source. Right, good point. Never really thought about that as I've never really linked from an external source, not sure if any of my clients have, possibly, I leave that up to them. Ok I will think on that one.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 26, 2019 1
LEGEND ,
Sep 26, 2019

Copy link to clipboard

Copied

Mind would it really matter as they would get taken to the SPA anyway where they could find the link to the 'contact' page quite easily, so its not a deal breaker, right??

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 26, 2019 0
LEGEND ,
Sep 26, 2019

Copy link to clipboard

Copied

I wouldn't say it is a "deal Breaker'. But if you have a large ecommerce site with hundreds of products and you want to promote a single product, it is much easier to link directly to the product. One a small five page site itt may not be a big deal as it os just one more click for the user. But take something as basic as a blog. You help out on the forums here and perhaps you have written a good blog post on the subject. Would be so much easier to link directly to it than have the user try to find it.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 26, 2019 0
LEGEND ,
Sep 26, 2019

Copy link to clipboard

Copied

Well I probably would not consider using an SPA for a large ecommerce site, more the smal set-up you mention although I agree it much cleaner to go direct to the page itself. I'm going to have to think about this, maybe write a bit of javascript and put some redirects in the htaccess file.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 26, 2019 1
Adobe Community Professional ,
Sep 26, 2019

Copy link to clipboard

Copied

It's also a nice way to clean up the URL for bookmarking and any kind of tracking reports they may be using.

It's a whole lot simpler and meaningful to find /contact in a list of pages than it is /?123459772&=123.php


Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 26, 2019 0
LEGEND ,
Sep 26, 2019

Copy link to clipboard

Copied

Exactly, on top of that it is more search engine friendly to have your sub pages indexed.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 26, 2019 0
LEGEND ,
Sep 26, 2019

Copy link to clipboard

Copied

Ok, well I've just deployed a local test using Vue.js router, which works internally, so I'll see what happens when I post a test live site. Currently I'm not sure if the router finds the correct page coming from an external link or not, we'll see. This is a simple 5 page hotel website where I was just going write the SPA in vanilla js but the routing may prove problematical so I will probably use vue.js, maybe.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 26, 2019 0
Adobe Community Professional ,
Sep 26, 2019

Copy link to clipboard

Copied

This is less about aesthetics and more about usability and quick web access.

 

On a 1 page website, "you are here" indicators are helpful particularly if there is a lot of content on that page.  GetBootstrap documentation is a good example of this.  The right sidebar is a scrollspy with links to various IDs on the same page  -- #quick-start, #css, #js, #starter-template, etc...  Highlighting links gives users a clear indication of where they are in relation to other content on the same page.   The URLs are specific for bookmarking and sending direct links to social media.   Meanwhile, the top navigation bar shows where users are in relation to other pages in the website -- docs/4.3/ 

https://getbootstrap.com/docs/4.3/getting-started/introduction/#quick-start

 

 

 

 

 

Nancy O'Shea, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 26, 2019 2
LEGEND ,
Sep 26, 2019

Copy link to clipboard

Copied

url addresses I dont think I've ever given them the time of day as long as they get me to where I need to go, which I think is the most important aspect and I will have to take that into account if Im doing this correctly. I could get away with it as its just a website of a few pages but if I can get the user directly to the correct page then that's what should happen, so that is the route I'm ideally going to take.......or god forbid I could make my life simple and just use single pages, nah that is far too easy.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 26, 2019 0
LEGEND ,
Sep 26, 2019

Copy link to clipboard

Copied

Looks like my last post disappeared. I've just tested vue.js router which does the job as expected internally but the external links don't work, so I guess I'm going to have to set the incoming links up to go to where they should go. Vanilla js was my prefered choice which would have been simple without the added complexity of taking external links into consideration but that may be a bit more complex now than I want to get into, considering this is a website of only a few pages. Half of it works, I guess that is a start.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 26, 2019 0
LEGEND ,
Sep 26, 2019

Copy link to clipboard

Copied

Yahhh! Vue router is working, including external/incoming links. I must revist the vanilla js angle when I have less time and see if I can get that functioning as it should, without jumping through too many hoops!

 

Thanks everyone for your input, completely obliterated the possiblity anyone would be linking to their website from my mind, which is quite stupid, because my clients probably do that all the time. Fortuneately all their websites are not SPAs BUT now I wont overlook that aspect again if I build anymore SPA solutions.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 26, 2019 1