Website Design

Site internal links opening in a new tab good idea or bad? – Design & UX – SitePoint Forums

Site internal links opening in a new tab good idea or bad? – Design & UX – SitePoint Forums

Hi there,
What is your opinion on having a navbar, only on the home page?
And the links from the navbar opens up in a new tab. I designed this website with a navbar on the home page only so all internal links open in new tabs. I did this, so that there is not a navbar on each page and to keep the pages uncluttered. I also have external links going to a new tab, so that my home page is still open in case people get distracted on the new link.
Is there any downside to opening internal links in a new tab, such as SEO?
Would breadcrumbs be helpful, or useless in my case?

Thanks
Glen

No offense intended, but having any links, internal or external, opening by default in a new tab is in my top 10 hated UI features. If I want to open a link in a new tab, I can easily do that. I don’t want a web site making that assumption for me. It’s right up there with putting a clock on a web site just in case I need to know what time it is.



6 Likes

@tracknut A clock on a website! Great idea I’m going to do that……LOL
What are the other 8 things?
You’ve told me two so far.
Glen

Well, as you probably surmised, I don’t really have a top 10 list, but if I did, it would also include:

  • web sites that play music (other than music websites of course)
  • the “go to top of page” button (I don’t know why I dislike that one, but I never use them)
  • web sites that seem to have been made for or by children, when the topic wouldn’t imply that (include in this using Comic Sans font as well as childish animated gifs, etc)
  • web sites that aren’t responsive
  • possibly the most important of all: websites that don’t tell you what they’re for or what content they have available, leaving me wandering around hoping to find what I was looking for.

Not sure that makes ten, but it’s what comes to mind :slight_smile:



2 Likes

I also do not want websites to automatically open links in a new tab or window.

I do not use Chrome as my default browser. Those that do can correct me if I am wrong but I think it does not automatically switch to a new tab. Chrome users would be accustomed to that but it was a problem for me when a website opened a page in another tab and I did not realize it.

I do things differently than many people. I prefer to use the back button or key. That would solve the problem of the navigation existing only in the home page. If I need to have more than one page open then I can choose to open a page in a separate tab or window.

If your site has server-side programming then it should be relatively easy to include the navigation bar in all pages or most pages. If your site is a static site then I do not know of an easy way to include a section of HTML in every page, except to use a static site generator. Nearly all static site generators include extra stuff that I do not need. If you want to use a static site generator to include a navigation bar in all pages or most pages then you can ask about that. Microsoft’s Blazor Webassembly works for me but I assume you do not want to use that.

This is getting off-topic but since you created this discussion, one thing I do not like is menus that pop up from just a hover and the popup gets in the way when I do not want it. Another is footers and headers that are fixed in position and cause me to have to micro-scroll to find my position.



1 Like

@SameulCalifornia Thanks for your input! :slightly_smiling_face:

@SamuelCalifornia Crome does open the new tab right away on top, it doesn’t site unopened.
I’ll go write some html and add the navbar to the top of each page. Or copy and paste the hamburger slid out menu html from the index page and paste it into the rest of the pages, then Remove the target= “_blank”; from the links.
The site was all hand coded in visual studio code.

Glen

Since you are using VS Code, consider creating an empty Blazor WebAssembly project. You do not need to use much C# code.

I have a Blazor WebAssembly project in GitHub. I use GitHub Actions to build the application and deploy the output to Cloudflare Pages. A Blazor WebAssembly application is a SPA and that might be a disadvantage but otherwise it works well. Another disadvantage is the application uses Bootstrap by default.

Except arguably for smartphone users, there is no point making your site visitors click on a hamburger to see your navigation bar.

At present when your vertical navigation bar slides out from the right, some of the text on your page disappears off to the left.

@Archibald Good point on the slide out. Your right, that’s is a feature I don’t like that it shifts content to the left.

@SamuelCalifornia Whoosh! That’s the sound of what you just said flying over my head LOL. This is my first website build in 24 years or so……
You remember back when all you used was html to build a site.
Or even worse when I built my first site in note pad and uploaded it on a dialup modem back in the 90s. Back when your personal site was gaudy with bright colours scrolling ticker tape text banners, dancing grapes and marching planters peanut men……
And of course animated gif clip art! Man I wish I could find that first site!
But I’ll google what you are talking about and see what that’s all about.

Glen

You have much to learn. I hope you enjoy learning. You are probably not ready for what I suggested. If you want to explore at least then you can look at ASP.NET Core Blazor tutorials | Microsoft Learn but those tutorials use Visual Studio instead of Visual Studio Code. That might be more than what you want. Perhaps you can find non-Microsoft tutorials that use VS Code, not VS.

Or give up on Blazor WebAssembly and look for a static site generator that can help with the navigation for your site but does not have baggage you do not need. Developers here might have suggestions but my experience is that they might only speculate about what features are supported and not supported and that caused me to go on a wild goose chase.

One advantage of using something that exists is that it will likely make it easier for you to support all environments; desktop computers with large displays and smartphones with tiny displays. That is a feature that did not exist in the early days of the internet.

Agree 100% with @tracknut …Funny list but true story :sweat_smile:. When designing a website (UI), it’s necessary to put yourself at all times in the user’s place (user experience / UX) so, just having the thought of having multiple pages open from a same website in my browser without my will is a No-no…

Source link

Leave your thought here

Your email address will not be published. Required fields are marked *

Enable Notifications OK No thanks