/    Sign up×
Community /Pin to ProfileBookmark

google search display

Don’t know if this is the proper place to post this, but gotta start somewhere. I can’t really explain what I’m trying to do, so I think an example is the best way. If you type “target” into google, the top result is the store [url]www.target.com[/url]. Below that are internal links to the website meant as shortcuts, such as “careers”, “store locator”, etc. Many of the big companies but also smaller companies have these? I would like to do that with one of my websites? How would I go about doing this? I don’t even know what to enter into a search engine to lead me to something that would show me how. Any help would be appreciated.

thanks
Matt

to post a comment
HTML

3 Comments(s)

Copy linkTweet thisAlerts:
@jedaisoulJun 15.2012 — If you are asking about how to make a series of links visually appear as a menu of options, a simple example is used [url=http://www.relativity-myths.org.uk/jhfield/index.html]here[/url]. This is just one way of achieving this effect. The extracts below show that it is just:

a) A div that defines the menu area.

b) Paragraphs that define the menu lines.

c) Anchors that define the menu items.

d) All prettied up with CSS to present a simple two-layer menu.

HTML:

<i>
</i>&lt;div id="menubar"&gt;
&lt;p class="mrow1"&gt;
&lt;a class="barhi" href="index.html"&gt;Topics&lt;/a&gt;
&lt;a class="barlo" href="p20_Papers.html"&gt;Papers&lt;/a&gt;&lt;/p&gt;
&lt;p class="mrow2"&gt;
&lt;a href="#top"&gt;Intro&lt;/a&gt;
&lt;a href="p12_Topics.html#top"&gt;Lorentz&amp;nbsp;Trans&lt;/a&gt;
&lt;a href="p12_Topics.html#ParticleWave"&gt;Particle/Wave&lt;/a&gt;
&lt;a href="p13_Topics.html#top"&gt;Length&lt;/a&gt;
&lt;a href="p14_Topics.html#top"&gt;Simultaneity&lt;/a&gt;
&lt;a href="p15_Topics.html#top"&gt;Reciprocity&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;


CSS:

<i>
</i>#menubar {
width: 100&amp;#37;;
float: left;
background-color: #F0F0F0;
}
.mrow1 {
margin: 0;
padding: 2px 0 2px 0;
background-color: #C03F3F;
}
.mrow2 {
margin: 0;
padding: 2px 0 2px 0;
background-color: #FFFF00;
}
a.barhi:link, a.barhi:visited, a.barhi:active {
color: #000000;
background-color: #FFFF00;
}
a.barlo:link, a.barlo:visited, a.barlo:active {
color: #FFFFFF;
}
a.barlo:hover {
text-decoration: none;
color: #404040;
background-color: #FFFFFF;
}
Copy linkTweet thisAlerts:
@rtretheweyJun 15.2012 — The additional links you sometimes see underneath a website's snippet in Google search results are called "Sitelinks". Sitelinks are shown on strong sites with clear navigation mark-up when Google's internal systems determine they'd be appropriate. As a webmaster, the only direct control you have over them is through Google's Webmaster Tools console where you can block specific URLs from being included. Otherwise, all you can do is to keep working on making your site stronger with good navigation.
Copy linkTweet thisAlerts:
@mattgolfsauthorJun 15.2012 — thanks!
×

Success!

Help @mattgolfs spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...