homepage Welcome to WebmasterWorld Guest from 54.161.200.144
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / WebmasterWorld / New To Web Development
Forum Library, Charter, Moderators: brotherhood of lan & mack

New To Web Development Forum

This 31 message thread spans 2 pages: 31 ( [1] 2 > >     
Building for the user and the bot
Finding the Balance
mack




msg:959088
 4:41 pm on Jan 14, 2006 (gmt 0)

Building for the user and the bot.

All to often web site developers design with search engines as the number one priority. This may get them good traffic, but very often such websites are little or no use to the site visitor. The web was designed as a way to publish your material to the masses, sometimes is is good to bear this in mind when you design a site.

If you build purely to please the search engines then you will probably succeed in generating search engine referrals, but as a user arrives on your site they are unlikely to stay for very long if the site is not built with a user in mind. On the other hand if you build purely with the user in mind then each visitor will have more of an impact and will be likely to stay on your site and perhaps return. Generating return users is very important in this business.

Lets imagine you have a site that generates 100 new users daily from search engines. If 15% of those users like your site enough to bookmark it just think how much traffic your site could generate long term. Over time you will have your search engine referrals plus repeat users.

To an extent it is a bit of a balance. You need to build a site that has enough user designed aspects to retain and satisfy your users yet still be able to hold it's own in the search engines.

Your main goal when you build a site should be to please the end users. I believe you should bear this in mind right through the entire design process, then re-assess your pages from a search engine point of view. Having a site that is incredibly simple to use, provides the user with the information they require and is attractive in appearance will make it stand out from the crowd. In my opinion the key to good traffic is to be patient.

Concentrate on your content, not just quantity but quality. If your site provided really good articles on your subject then people who share an interest will be very likely to return to your site in the future. It is then very important to satisfy your repeat users by regularly updating your content. Fresh content is the key to retaining repeat users. If your site only contains static content that never updates then there really is little or no point in users returning. Fresh content that is very useful, updates regularly and is well written could set your site well on it's way to becoming an authority in it's industry.

One term that you will hear a lot in the web development industry is "content is king" lets go into this in some more detail to explain just why this is so. As we have already said content is the main reason users will visit your pages, and fresh content gives them a reason to return. Search engines also love content. Search engine spiders (bots) are effectively addicted to content, they just cant get enough of it. If you have a site that is very rich in unique content then you can be reasonably assured it will be sought after by search engine bots. As search engines crawl your content pages they index your content and try to determine just what your page is about. If your content has been written specifically about "something" then the search engines will be able to work out just what that "something" is.

Because of this it is important to write your content and articles as specifically as possible. If for example you have a website about cars is is very difficult to write an article about cars and be specific. If however you have a page about "Ford" you have the scope to really write targeted information about the ford motor company. You may then have a page about the "ford focus" on this page you can be really specific and write a lot of very very targeted content based on the specific make and model.

Using content that is targeted to something specific per article works very well for both users and search engines. Search engines can analyse your pages and easily decide the exact topic, your users will also have really detailed information to digest. The key here is to not dilute your content and to try and keep all your individual articles as specific as possible.

Many websites will choose to have their site broken up into many different topic areas. As an example we will use the car website we described above. We have our homepage that has links to the topical areas. In the case of the car site lets say for example our main topic areas where car manufacturers. We couch then set up web folder for example /Ford, /Volvo and /Honda and so on. Within each folder we have an index page containing information about the specific car maker. We could then have a folder for each model produced my a manufacturer and use content within these folders that is related to the model in question.

You would end up with a folder structure something like

example.com/Honda/Civic

By assembling your folders into this logical structure you are in effect creating a pyramid with the homepage at the top and the sub folders spreading out below. By doing this we have created a very simple site structure that works for us in two ways. It makes the site very easy to maintain and it also makes it nice and simple to work on the sites navigation. When building a site with the users in mind navigation is very important.

On our car site we want to make it very easy for users to find their way about. Our homepage really only acts as an entry point to our real content, but it is important to make the homepage useful to the end user. In this case we will use it to post links to all new articles., so if ford bring out a new version of the Probe for example, there will be a brief summery and a link to the page containing the full article (content). When a users visits the content page they will be able to read the article and then be able to navigate the site. In this example I believe the best form of navigation will be the "bread crumb" This form of navigation works very well within a site following the pyramid structure. It allows users to visualise the site structure and move back down through the levels or go back to the homepage. For example of a users is on the web page with information on the Honda Civic the bread crumb would be something like this...

Home > Honda > Civic

There are two main reasons I like this sort of navigation. The first is as I mentioned before the ability to drill down through the levels or go right to the homepage. The second reason I like this form of site navigation is because it allows for slightly un-targeted search engine referrals. Lets imagine someone is looking for information about a Ford fusion and they are directed to the page about the Ford Focus they will almost immediately realise they are on the wrong page and may click the link to Ford from the bread crumb and then follow the correct link from within the ford page. Search engines are not perfect and being able to offer users a choice on arrival can be very beneficial to end users.

Good navigation is very user orientated but it also works like a road network that search engine spiders can follow as they index your website. This is an aspect of site construction that works very well from both a user and search engine point of view. You should design and test your site navigation well because if there is a flaw and a user cant get to a page he/she wants to view easily then they may choose to leave. For example the search engine referral we mentioned above where the user is send to a slightly off topic page. If there was no link to Ford why would they hang about. It would be a simple case of back button and they return to the search engine they came from.

Page headings.

On a web page it is very important to use page headings. The heading is what a user will glance when they arrive on your page. To an extent what the user perceives when they glance over your heading will reassure them that they are on the correct page. For this reason it is very important to make sure you use well thought out short, but concise headings. A page heading is also something that interests search engines. There are several different types of headings. On a web page the headings are generated using "H tags" For example H1 will be a main heading, H2 will be a sub heading and H3 will be a less important heading and so on. Lets imagine on our car site that we are placing a heading for the "Honda Civic" Our H1 tag would look something like the following

<H1>Honda Civic Information</H1>

This Will be seen as large text on the web page and will clearly stand out as a page heading. Obviously it is vital that you set your page up properly so that the heading appears above the actual content. You can then specify subheadings within your text, for example...

<H2>About the Honda Civic<H2>

The H text will appear smaller than H1 and will look like a perfect text for a subheading. You can then place heading for the various sub-sections of the article.

<H3>Specifications</H3>

The H3 tag is perfect for almost labelling smaller areas within the text. In the example it will act as a header for a piece of text outlining the vehicles specification.

When you use H Tags is is very important to nest them correctly. You should only use one instance of H1, be very conservative with H2, only use it to divide very definitive main areas of the text. You can be a bit more liberal with H3 tags but it makes since only to use then as a minor headings, and not just for text. H Tags are designed to be used as heading, using them for any other purpose is going against their intended use.

Using page headings is great for the end user, if the are used correctly. They help to break up the page into manageable chunks, and if they are just glancing the page they will be able to locate the information they are looking for. It also works well with regards to search engines. The heading tags help the search engines work out your pages content by supplying it with clues. As long as you use well worded headlines this can really help you rank well for keywords that are related to your pages content. If you try and trick the search engines by overly using the H tags then all you are achieving is making the site a lot less useful for your end users.

Page titles

In print media, to an extent page titles and page heading mean very much the same thing. On the web things are a lot different in this respect. The page heading is an item that is a visible on page component. The page title is to a large extent hidden from the user. The page title is contained within the head section of an html document and is displayed at the very top of a users web browser. It is also the piece of text that many search engines will show within their results page. The title tag is all you have at your disposal to convince a user to click. It is important to get the page title as spot on as possible. It needs to be short and specifically related to the page it refers to. If you have a good well worded title then you stand a good chance of getting users to click through.

The title tag is something that is also very highly regarded by the search engines as a ranking tool. The title tag is arguable the most important ranking aspect of any html document from a search engines point of view. Because we have kept each of our on page components (content, headings, navigation and titles) specific to the page they will all be very relevant to each other. Now if a search engine indexes your page and reads your content. it will find title headings and text that are all very related, it will then be able to work out your page based in this information you have provided. Like I said before it is all about supplying the search engine with as many clues as possible to help it work out your page and rank it accordingly.

Unfortunately this is not realistically enough to get your site to rank well. In order to rank well you will need to get links pointing to your site. Many search engines class a link to your site as a vote for your site, the more voted you can get the better. If a search engine discovers you have a lot of votes (links) then it is more likely to rank you highly because it has reason to believe your site is a high quality resource.

Getting links is never going to be am easy task but it is an essential part of promoting a website that has to be done. I mentioned before that "content was king" this is also very true when it comes to finding links. If you supply great content on your website then you are more likely to receive a incoming links than a site that offers little or no good usable content.

If you build your site with the user in mind the search engine will follow.

Mack.

 

Tigrou




msg:959089
 4:45 pm on Jan 14, 2006 (gmt 0)

What is it with the new year? The senior members are putting out such fantastic posts.

Thanks a lot Mack, as always, well though out and very informative.

stu2




msg:959090
 12:18 am on Jan 15, 2006 (gmt 0)

Great advice Mac. I'm looking to pep-up my website with a new look. I'm already trying to employ most of the ideas in your post, and will now also try to add those breadcrumbs links you suggested. I have static pages with a top, content, bottom sections using tables. I'm redoing that to have a top, content, bottom, right and left sidebars, using css. The left sidebar will be for site navigation (previously in the top section) and the right sidebar is for links (previously in the content or bottom). This will be good for the users but I'm wondering if I'm muddying the issue for the search engines surrounding the content with these sidebars? Your thoughts, please.

mack




msg:959091
 6:50 am on Jan 15, 2006 (gmt 0)

I'm not quite sure yet about using navigation on the right hand side. I notice quite a lot of sites are using this, but I always think the user will be looking to the left because it has became pretty much the standard.

I think the best thing you can do is make a small demo and ask some friends to test it. If they make suggestions about the navigation, take them seriously. When we design and build a site it makes perfect sense to us because we built it. Sometimes we need to take a third party point of view into account before we can really decide if it is usable.

Mack.

nanotopia




msg:959092
 4:16 pm on Jan 15, 2006 (gmt 0)

It's nice to hear someone else talking about correct semantic structure. It's something we've been pushing for a while, and we give weight to it with our web standards based SEO Analyzer tool -- are you using headers, and do you use them correctly? We also provide a Lynx browser view with the report so you can see what bots and text browsers see.

IMHO, if you design with web standard and accessibility in mind, you will create a website that is both usable, and search engine friendly.

petra




msg:959093
 4:38 pm on Jan 15, 2006 (gmt 0)

Thanks Mack.

Re. the H1 tag, are you sure that it should only be used once? Taking your car example, lets assume there is a page reviewing various car models from the same supplier, Is it not better to place the various car models titles within H1 Tags (telling the SEs that each of these sections should be regarded as very important followed by h2s, h3, etc.. for each of their various specifications.

If answer to above is no...

My follow up question is:

Do major SEs penalize for excessive use of H1s?

graywolf




msg:959094
 4:51 pm on Jan 15, 2006 (gmt 0)

I'm not quite sure yet about using navigation on the right hand side.

I find right hand navigation much more efficient. Being right next to the scroll bar means less moving back and forth over he page, if you're using a laptop or compute not equipped with scroll wheel.

winsonlu




msg:959095
 5:06 pm on Jan 15, 2006 (gmt 0)

"content is king" ,search engine like the sites with good content, and update frequently please,that is all!

roycerus




msg:959096
 5:58 pm on Jan 15, 2006 (gmt 0)

Macintosh computers are designed with extreme care and they have done extensive research before designing the user interface. We all know that the menu is on the left hand side by default. But I tend to see a definite advantage in having the menu to the right if you have a long menu. As users scroll down they have to move the mouse a shorter distance to reach a menu item. I somehow personally think that its somehow easier to navigate with the menu to the right. Since most users are right handed it just seems closer if the menu is on the right end of the screen.

kevinpate




msg:959097
 6:02 pm on Jan 15, 2006 (gmt 0)

> not quite sure yet about using navigation
> on the right hand side

On a labor of love site for a nfp org the nav menu was reloacted from left to right this past summer when a new design was instituted. Seven months in now and there have been no negative comments and there have been a few positive comments. Overall, traffic is up, requests to include new items are up, so in this instance switching from left to right had no adverse impact.

mrMister




msg:959098
 6:12 pm on Jan 15, 2006 (gmt 0)

Great post Mack. I think you're absolutely spot on. Your system is exactly how I lay out my pages.

Taking your car example, lets assume there is a page reviewing various car models from the same supplier, Is it not better to place the various car models titles within H1 Tags (telling the SEs that each of these sections should be regarded as very important followed by h2s, h3, etc.. for each of their various specifications.

No, if you use more than one H1 tag, the weighting/score for each H1 tag is diluted. Your page is about the supplier and taht's what you should be optimising your page towards. It's never going to score highly for each and every car you list.

I'd do it like this.

<h1>SupplierCo Cars</h1>

<h2>blue car</h2>

<h3>specifications</h3>

<h2>green car</h2>

<h3>specifications</h3>

Then I'd create a link (using good link text) to a seperate page for each car with more details about that car (using the car name in the H1 text). That would provide better search engine optimisation for each car.

petra




msg:959099
 6:15 pm on Jan 15, 2006 (gmt 0)

Thanks Mr.M :) What about penalization for excessive H1s?

mack




msg:959100
 6:43 pm on Jan 15, 2006 (gmt 0)

I wouldn't see it as a penalty as such. I would tent to look at it as a potentially harmful method that could cause a loss of effectiveness within your page ranking.

If you have an H1 tag then this is a very powerful tool. It will send a strong signal to the search engine to explain the true nature of your page. If you have two H1 areas then each will only be half as effective because they will balance each other out. It effectively removes the usefulness of the H1 at all.

Mack.

petra




msg:959101
 6:46 pm on Jan 15, 2006 (gmt 0)

Makes sense Mack, thanks! Off to work I go then :0

cerebrum




msg:959102
 7:05 pm on Jan 15, 2006 (gmt 0)

Very Good article. Thank you.

Tinus




msg:959103
 7:43 pm on Jan 15, 2006 (gmt 0)

Thanks for the article Mack. Very usefull.
Till now I never made use of H tags (I started once without and then I continued). Always used enlarged en fat fonts instead. Position in SERPS is mostly good (travel sector). Do you think using H tags will improve position in SERPS more than subtitles in fat and big fonts? The user will not notice a difference I think.

blend27




msg:959104
 7:56 pm on Jan 15, 2006 (gmt 0)

----- I'm not quite sure yet about using navigation on the right hand side. ----

Just look where "Ads by **" is place on its search engine. Also while reading this Article try to time yourself on how many times and how often mouse goes to the right side of the screen.

blend27




msg:959105
 8:15 pm on Jan 15, 2006 (gmt 0)

As far SEs penalize for excessive use of H1s?

I run a site where it is presented like this:

<H1 class=CSSCLASS>all widget types</H1>
<HR>

<TABLE>

<TR>
<TD><A href="link">backlink to widgets catalog</A>
<HR>

<H1 class=CSSCLASS>red widget</H1>
<HR>

link to red widgets type1
link to red widgets type2
link to red widgets type3
</TD></TR></TABLE>

all pages rank very well across the board for "red widget".

I've changed second H1 to H2 on one of the pages, page went down 40 positions on all SEs for "red widget"

mack




msg:959106
 8:19 pm on Jan 15, 2006 (gmt 0)

If you revert to your orrigional nesting letus know if it recovers. None of this is science, a lot of it is judgement.

Mack.

blend27




msg:959107
 10:35 pm on Jan 15, 2006 (gmt 0)

Mack, I sure will, change and post a reply to the thread as soon as see the results.

Another thing i would like to find out is where H1 is a "Rasor Sharp" 3 word keyword combination enstead of generic H1 with 6-7 words and then 2 H2 tags that have contents of H1 in it with some content in beetween.

Keep in mind I have an established niche site, top 5 across the board for generic niche terms(no not TRAVEL)

mann




msg:959108
 7:52 am on Jan 16, 2006 (gmt 0)

Petra,

As per my reading and little experience here, I found that Penalty from SE is only dump when you Over Optimised Page mainly for SE's.

But if the subject itself requires or justify use of certain tag or KW repeteadly than don't worry about Penalty any more.

Assure your self till you built page of Visitors and not for SE's.

Thank You

redstorm




msg:959109
 1:50 pm on Jan 16, 2006 (gmt 0)

i will bookmark this thread and read it tomorrow morning as son as i get up :)

dcdent




msg:959110
 9:21 am on Jan 17, 2006 (gmt 0)

Greats from Lithuanian webmasters! Have translated that topic into lithuanian with link to this great thread.
Thanks a lot :thumbs up:

petra




msg:959111
 9:28 am on Jan 17, 2006 (gmt 0)

The use of navigation on the right hand side of the page has the benefit of allowing the bots to get to your main content faster. The bots usually read the left nav bar first (unless you've dealt with that issue in your code)

I'm not saying that putting the nav bar on the right as oppposed to the left is better from a user pov and since most search engines will find the content whereever you place it, maybe the left hand side is better, but from a best practice seo pov, having the main content as close to the top as possible is better.

abacuss




msg:959112
 9:56 am on Jan 17, 2006 (gmt 0)

Really its a good practice to follow what you said mac.
Our main target has always has been search engine, very few people actually take the pain to think of the visitors.

Retaining visitors is an important aspect and very few people try it.

Thanks for such detail information.

blend27




msg:959113
 4:01 pm on Jan 17, 2006 (gmt 0)

-- (unless you've dealt with that issue in your code) --

Simple HTML

<table>
<tr>
<td height="1"> Blank Cell :) </td>
<td rowspan="2"> MAin Content Goes here and gets indexed/parsed first </td>
</tr>
<tr>
<td> NAV MENU on the left, gets indexed after main content</td>
</tr>
</table>

arran




msg:959114
 4:36 pm on Jan 17, 2006 (gmt 0)

ah, the old "table trick"...

Beagle




msg:959115
 4:59 pm on Jan 17, 2006 (gmt 0)

Thanks, mack. Great post (and thread - although as a lefty I'm not sure I like all this talk about moving the nav bar to the right. ;-) 10% of us have to go across the screen to scroll as it is).

I'm one of the "old hands" (very relatively speaking!) who try to answer questions on a forum for people who are just beginning to build their first websites. Often they come with some very strange ideas about SEO, picked up from goodness knows where, the most common type being that there are specific rules that have to be followed: "Is it true that you're not allowed to have more than xx key words on a page?" Of course, the connected belief is that if you do everything exactly according to the rules, you'll be #1. It can be difficult convincing them that not only are there no absolute yes/no right/wrong answers to most SEO questions, but that the answers keep changing, as the algorithms get tweaked.

I generally point them to a page on the forum's site that has basic but solid SEO information - and tell them to go to WebmasterWorld for more details. 8-) Then I try to say basically what you said in the first post, that if you concentrate on what's good for your visitors you'll be doing what's best for SEO, especially in the long term. The following is the way I try to explain it; if this is totally naive or off-base, I figure someone here will let me know:

The general pattern, as I understand it, is that a lot of people building websites learn to "play the game" of whatever it is they think Google is using to decide the SERPs at the moment. But the search engines don't want sites that have learned to "play the game" well; their priority, if they want to stay around, is to find good, relevant pages for searchers so those searchers will keep using their services. So when too many people have picked up the new game in town, the algorithms get tweaked to discount it. Sites that have been depending on that game can have sudden drops when that happens.

But if you concentrate on what the search engines are actually trying to find for searchers - good content that's relevant to your keywords, navigation that's easy to follow, and helpful links to and from other related sites - you're good for the long haul and don't have to worry every time googlebot coughs.

cassiemartin




msg:959116
 4:01 pm on Jan 30, 2006 (gmt 0)

A little newbie question relating to this topic of using Header tags...

I have set up my web page to use a standard Header.html, where I have a good targetted H1 tag.

I use server side includes so that this header is included in all the pages on my site.

Would the search engine bot attribute my H1 from the header file to the pages that include it? Or should I have another dedicated H1 tag on each page?

Many thanks,

Cassie

bid4abook




msg:959117
 5:13 am on Feb 3, 2006 (gmt 0)

Great article, wish I'd written it!

This 31 message thread spans 2 pages: 31 ( [1] 2 > >
Global Options:
 top home search open messages active posts  
 

Home / Forums Index / WebmasterWorld / New To Web Development
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved