Jump links?
-
I am using a directory plug-in that doesn't have separate urls for each profile. Is there any way to set up a link to go directly to a particular business?
https://www.sacramentotop10.com/business/chamber-of-commerce/
-
Glad to be of service
-
Thank you so much! I suspected this, but wanted to make sure by asking the Big Brains at Moz. You always come thru!
-
Don't think this is possible with your site's (current) architecture as the parts you want to link to are 'generated' and exist in the modified source-code only, rather than the base source code.
Basically you can extend a URL using the hash-anchor (#) to connect to certain areas of a web-page, which are marked up a certain way.
**I can take your URL here: **https://www.sacramentotop10.com/business/chamber-of-commerce/
And extend it to jump straight to your footer, for example: https://www.sacramentotop10.com/business/chamber-of-commerce/#footer
This is because the footer always exists in your web-page's base (non-modified) source code:
- view-source:https://www.sacramentotop10.com/business/chamber-of-commerce/ - (this link will only work in Google Chrome!)
You can see the reference for your footer here:
- https://d.pr/i/AnLonX.png (screenshot)
That is a view of the page's non-modified source code, before any scripts (JavaScript etc) have run. That's what you get with right click -> View page source
Once your scripts have run, things look a little different. The modified source (which you can access via right click -> Inspect, using Google Chrome) is richer and paints a fuller picture
Here's the same area of code again but viewed via the modified source:
- https://d.pr/i/BRXg3B.png (screenshot)
As you can see, the modified source code (less Google / SEO friendly - as Google won't always execute your scripts when crawling!) contains the actual text for the copyright notice in your footer. The base source code (un-modified, more Google friendly as it's always read by Google) does not contain the actual text, only the ID which scripts need as an anchor to generate that text for you
Your problem is that, hash anchors which should work and open that window for you - won't work because all that content is stored in the modified source code (not in the base source).
Let's say you wanted to link to this one:
- https://d.pr/i/iQVOPs.png (screenshot)
And you wanted to make a link, that deep-links people just to this part here:
- https://d.pr/i/QvAwIe.png (screenshot)
Now technically if you inspect that frame, there is something with a decent ID to hook onto:
- https://d.pr/i/kMUsDO.png (screenshot)
So this link should technically work:
But sadly it doesn't do squat (I also tried https://www.sacramentotop10.com/business/chamber-of-commerce/#3328-1 and https://www.sacramentotop10.com/business/chamber-of-commerce/#3328).The reason is that, the content (pop-up window, text etc) for specified ID only exists in the modified source code (after scripts have run) but not in "View source" (the non-modified source code)
Check it out:
- https://d.pr/i/5GqIVY.png (screenshot)
You can see the 'hook' which JS grips into (to populate the content), but if you search for any content inside of the pop-up **window in the base (**non-modified) source code:
- https://d.pr/i/HhUdJK.png (screenshot)
Let's use that text ("Folsom Chamber of Commerce") as an example. Now go to the basic source code:
- https://d.pr/i/CmXVaP.png (screenshot)
Guess what?
- https://d.pr/i/7b2UrU.png (screenshot)
Bam! There's nothing there. Your problem is, you're trying to link to something which doesn't exist until scripts have run. You can use hash-anchors ('#') to deep-link, but not to generated areas of a web-page (as far as I am aware)
This functionality would require a restructure of your site in some way.
-
Hello Julie,
This article explains a solution https://blog.hubspot.com/marketing/jump-link-same-page - you'll need to put anchor tags around the company names, possibly some CSS should the presentation be effected.
This help?
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Anything wrong in linking to homepage from all sub domain pages?
Hi, We have 6 sub domains which are forums, guides, etc. They have their own visitors for the related queries. We are planning to divert some of them to the website to promote our product with latest content. We are planning to add a link from every page of sub domain to our website homepage. This makes additional thousands of internal links flowing to website homepage. Will this kind of internal linking structure hurts? Any risks involved? Thanks
Web Design | | vtmoz1 -
Do Follow Link In Footer Only: How Do I Do it?
In a past Q&A forum about web design companies adding footer links to the websites they make, I really liked Irving Weisses' solution where he stated: "I think the best solution is a dofollow homepage ONLY footer link. This is the highest PR page, usually the most traffic so good visibility for advertising, you're not creating tons of sitewide links with identical anchor texts, and the owner is only leaking some PR on their homepage." I want to implement this but would like to know the best way to do this. I deal Wordpress 95% of the time. Is there a plugin or CSS code that would allow me to put a Do follow link in the footer but make the link disappear on all the other pages? Thanks in advanced everyone 🙂 Wesley Barras, Houston, TX
Web Design | | Wesley-Barras0 -
Linking to an image with the keyword in the title and alt tags.
Hi guys, Just thought I'd ask for opinions about an ecommerce catalog I'm working on. I don't know if it's even worth worrying about, but here's the scenario. Let's say I'm linking to a category called 'Sale' using an image, I have the title tag of the link as 'Sale', the image title is also 'Sale' as well as the alt tag. The HTML looks like this: Sale The page itself is: http://www.fashionbasicsonline.com/catDisplay So my question is, do you think I'm stuffing the keyword in too many times there? It's CMS driven so I could have the alt tag as 'Sale Products' or one of the titles as 'Sale Catalog' perhaps, do you think there would be a benefit in doing that? Maybe it's microoptimisation and I should be looking at other low hanging fruit, but I'm just trying to come up with the best scenario. Would love to hear what you think. Cheers, Bruce p.s. Looking forward to meeting as many people as possible at MozCon next week 🙂
Web Design | | bruce_werdschinski0 -
Too Many On-Page Links
Most of my pages have "Too Many On-Page Links". If you view the website you will see this is mainly down to the top navigation drop down menu: http://www.cwesolutions.co.uk So if I wanted to reduce the number of links I would have to have category links with landing pages. How much does having "Too Many On-Page Links" effect my website ranking? Is it really important and would I notice a difference if I changed it?
Web Design | | petewinter0 -
Link Pages/Directory
Hello, What is best practise for dealing with alot of links. I was thinking of breaking them download to alphabet pages i.e. all A on one page etc... BUT should I then make the links clickable on this list OR that they load to a sub company page which has a clickable link to there website.
Web Design | | JohnW-UK0 -
How to make Address Text Clickable for Google Map Link for Mobile Device
How do I make the address text on the site a clickable link for mobile devices?
Web Design | | bozzie3110 -
Anyone have a good example of a CSS-based multi-level nav bar that is semantic (including link level subordination) and is ux positive?
Anyone have a good example of CSS-based multi-level nav bar that is semantic (including link level subordination) and is ux positive? Or am I gonna have to actually make one? Anyone have a good example of CSS-based multi-level nav bar that is semantic (including link level subordination) and is ux positive? Or am I gonna have to actually make one?
Web Design | | anns0 -
Is it more beneficial to have internal links without the full file path?
When linking internally in my site is it more beneficial to have links written like, Fast Blenders OR Fast Blenders
Web Design | | tickettoss0