Jump links?

[julie-getonthemap]

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/

[effectdigital]

Glad to be of service

[julie-getonthemap]

Thank you so much!  I suspected this, but wanted to make sure by asking the Big Brains at Moz. You always come thru!

[effectdigital]

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:

• https://www.sacramentotop10.com/business/chamber-of-commerce/#busi-3328-1

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.

[jasongmcmahon]

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?