/    Sign up×
Community /Pin to ProfileBookmark

google <li><a> vs. <a>

Copy linkTweet thisAlerts:
Mar 22.2007

Hi,

I was wondering:

Is it more effective to use:
<li><a></a></li>

instead of <a>

in case of numerous links shown at a page?
(for example: a startpage, with categories)

Since the look isn’t effected by any of these (using proper CSS) I was wondering if for example google rates the use of <li><a> better then the enormous use of <a>…

Thanks for your opinion (no “I guess” please since that isn’t useful)

3Pinter

to post a comment
HTML

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@KDLAMar 22.2007 — 
  • - If the <ul> is part of a section delineated by a heading, the <ul> would have more weight than just a random <ul>, such as a navigation bar.

  • - Links incorporated into a <ul> do rank better than just an <a> because the coding is then semantically oriented. The <ul> groups them.

  • - Also, if you've set your metadata so that robots can follow links, and those links go to more related content, the links become more relevant to a search engine.


    • KDLA
    Copy linkTweet thisAlerts:
    @CentauriMar 22.2007 — The list structure also gives you more elements to apply styles to, effectively reducing or eliminating the need for non-semantic container divs.

    Cheers

    Graeme
    Copy linkTweet thisAlerts:
    @3PinterauthorMar 22.2007 — KDLA,

    Alright, that's clarifying.

    One question about you first point:

    If the <ul> is part of a section delineated by a heading, the <ul> would have more weight than just a random <ul>, such as a navigation bar.
    [/quote]
    What do you mean:
    [code=html]
    <h1>some heading
    <ul><li></li></ul>
    </h1>
    <!-- This is block element in a block element.... not w3c valid ..-->
    or

    <h1>some heading</h1>
    <ul><li></li></ul>

    <h1>Next heading</h1>
    <ul><li></li></ul>
    [/code]


    @Centauri, yeah I know that's why I asked this question because I want (need) more structure in my site.
    Copy linkTweet thisAlerts:
    @KDLAMar 22.2007 — Like this:
    <i>
    </i>&lt;h1&gt;Main Heading&lt;/h1&gt;
    &lt;h2&gt;Section Heading&lt;/h2&gt;
    &lt;p&gt;blah, blah, blah&lt;/p&gt;
    &lt;ul&gt;
    &lt;li&gt;&lt;a href=""&gt;take me to more info. about blah, blah, blah&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=""&gt;take me to resources supporting blah, blah, blah&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=""&gt;about the author of blah, blah, blah&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
    &lt;h2&gt;Section Heading 2&lt;/h2&gt;
    &lt;p&gt;......&lt;/p&gt;

    where the <ul> has relevance with the actual content of the page.

    Usually, navigation panes are some floated items outside of the content area, and are not delineated as part of the content block, meaning that there's no heading to tell the search engine what this big ole list of links is about. ?
    ×

    Success!

    Help @3Pinter 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 5.19,
    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: @AriseFacilitySolutions09,
    tipped: article
    amount: 1000 SATS,

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

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,
    )...