Here’s a tutorial on a topic I know I’ve Googled a number of times, searched for in my HTML book and I know others have searched for only to land on my blog! But until now I don’t have a tutorial on creating jump-to links, not to be confus-ed with jump-links in the Google search snippets. Really I’ve always understood these on-page links (where you create a link that goes to another part of the page…Wiki-esque) as “anchor” links. So I distinguish between the two jumpy linky things like this:
When I say “jump-to” or “page jump” links — I mean on-page links that go to another place on the same page, popular in Wikipedia.
When I say “jump links” — I mean those links in a Google search snippet that take you to various other parts of the same page, but from off the page…in a search result…a jump-to link on steroids.
I’ve quickly created what follows for illustrative purposes. First in visual view–this is what readers see. Then below it a screenshot of the same in the html view on my blog editor…
Cool HTML Tricks for Web Copywriters
You have great control over your page keywords when you learn how to customize webpage title tags…
What’s come to be known as the Google search snippet is also the page html description, a meta tag and a component of behind the scenes of SEO….
Content pages with keyword optimized headlines and subheads out-perform all others…maybe a bit overstated, but maybe not….
Not all web pages can cram content above the fold. What to do when you have a lot of pieces of related content on one webpage? Anchor links or page jump links are the solution…This wiki-esque html trick is a must-have for your html bag of tricks….Impress clients. Work quickly. Visualize content and copy solutions. Google loves page jump links….witness the new Google search results jump-to links wrapped into many search snippets.
Here’s the html view of the above:
I have a folder on my laptop I call html stuff. In it I keep a few cheat sheets I use regularly. A short cheat for building the page jump links is included. This is my “dummie” html for building these on-page links:
Create a Page Jump/Anchor link
1. Starting page link (anchor)
<a href=”#identifier”>click here</a>
2. Second link, where the first jumps to:
<a name=”identifier”></a>suddenly you’re here.