![]() |
|
|
#1
|
||||
|
||||
|
Yes, I know the thread title is rather "authoritative" and that people will think I'm talking out of my rectum, but I don't care. I've seen enough garbage, baloney, and flat out lies about SEO to gag a maggot a thousand times before getting to Hell and back, and I've had enough of it.
Earlier tonight I wrote a post in another thread, which had started out as a "what to do before SEOing a site" but I got carried away and ended up belting out a "bunker buster" as you may choose to call it. Now, while the topic at hand may not have anything to do with the Google Sandbox effect (I won't even debate if it's real or not, since I could honestly care less) or how to pick your keywords (or what tools to use - and let's face it, like coffee, everyone has their favorite brand and flavor), this WILL teach you what you really need to know. You'll learn a bit about HTML semantics, how to properly use HTML elements and attributes, so even if you're an HTML coder, you might want to listen up and pay attention anyway, ya just might learn something. Now, I know I'm going to get flamed for this, especially by the radicals among us, but you know what? I don't care. You can negative rep me all you want, and it still won't matter. I'm a developer by trade, and among my sites under development is a search engine site for a niche I'm very passionate about (table-top warfare gaming). Anyway, on to the show as they say. ![]() Update: Due to the 20K character limit, one tip got added to the third post in this thread - please consider that part of the second post. Also, while the content is copyrighted BY ME (and yes, I will not hesitate to issue DMCA takedown notices if I find it published elsewhere without my permission), the three column layout example is in the public domain; this means you can do anything you want with it except copyright it and pass it off as your own work.
__________________
SEO Keyword Research Services | Buy Laptop Screens Free SEO Tips | Link Building Articles | PHP & Server-Side Includes | X/HTML Best Practices Last edited by Dan Schulz; Jul 26th 2007 at 12:26 am. Reason: Added Update |
|
#2
|
||||
|
||||
|
Contrary to popular belief and accepted conventional wisdom, search engine optimization should be done before you write one line of code. After all, a big part of SEO is actually marketing - in this case, you're marketing the Web site to search engines. And the best way to market to the search engines is to market the Web site to your potential visitors and customers. So how do you do that?
There are some common "SEO Myths" that the crackpots and frauds will try to sell you on (like with the rest of their snake oil offerings - which are just that - snake oil). Some of the leading ones are "content first page design" "multiple H1s per page" and keyword stuffing. Let's look at these real quick and find out why they're about as reliable as spreading butter on a fresh burn wound. Content First Content First design centers around keeping the page content as close to the top of the Web page as possible. While I don't disagree that this can help the search engines (it does - as I've said before in other threads), what "content first" in this sense does is puts the page content (what you read) before the menu - sometimes even other page elements like the header (which, along with the menu, should be the only things between the content and the top of the page, unless you want to include helpful links like those to a site map, FAQ or help page, or a search box). Yes, the search engine spiders will have to go through the links to get to the content, but as long as your menu isn't as long as the Brooklyn Bridge, it won't matter since the search engines will still get to the content and index all of it anyway (which is doubly true if the page content is short, sweet, and to the point - which I talked about earlier). If you want to help your visitors get to the content right away (while still having the search box/menu between the header and content), then include a skip link between the header and menu. It's really simple, and looks like this: Code:
<div class="skip">
<a href="#content">Skip to Content</a>
</div>
The #content ID will lead the visitor (or search engine) to the DIV with the ID of "content" on the current page. I chose "content" because that's what the main page content is. Whether you're selling tickets to a Cubs game, CDs of Rush's latest album "Snakes and Arrows" or blogging about how much the new Fantastic Four movie sucked (if you thought the movie was great, you can replace "sucked" with "rocked"), the DIV that holds the content should have an ID that you can refer to with the skip link. Now, if you want to see an example of a Web site that has so many links and other detritus that it will take a search engine or mobile user FOREVER to get to the content, check out my city's Web site (no I did not design it) at http://www.aurora-il.org. Turn off the CSS in your browser, or take a peek at the source code. That's a LOT of menu links - most of which shouldn't even be where they are. Especially the left side menu's links (those should be after the content, and positioned on the left side using floats and negative margins). The top menu is pushing it (it's a large dropdown menu), but since it actually serves a purpose, I can forgive that. Multiple H1 Headings H1 should be used to identify the title of the Web page. Which means it should be used once. This element is often abused as the Web site's title, even though that job should be left to a DIV container with an ID of "header" with an IMG element inside it (containing appropriate alt="" text; I also advocate using an empty title="" attribute to overcome an Internet Explorer bug, but that's one of the few times I suggest breaking my rules about Web semantics) for the actual logo (other branding, like a background, can be applied to the DIV via a stylesheet instead). If you're using more than one H1 heading, you're either abusing the search engines like Jacko would... -- ok I'll shut up before I get banned , not using the element properly, or have two or more topics on the page that should be divided into separate pages (this will also help prevent keyword dilution, which I'll touch upon briefly a bit later). One H1 heading per page, that's it.As for other headings, use them as needed, but always maintain an outline-like structure when using them. Here's an example of what I mean (bear in mind this is only an example). Code:
H1 Heading
H2 Heading
Ooh, yummy page content. I wonder if I can have cake and ice cream with it.
Ooh, yummy page content. I wonder if I can have cake and ice cream with it.
H3 Heading
Speaking of cake and ice cream, Oberwies Dairy has the best ice cream in the Midwest.
Speaking of cake and ice cream, Oberwies Dairy has the best ice cream in the Midwest.
H3 Heading
But where will I get the cake? I want to have my cake and eat it too!
But where will I get the cake? I want to have my cake and eat it too!
H3 Heading
Oh well, I guess I can still have ice cream for breakfast tomorrow morning.
Oh well, I guess I can still have ice cream for breakfast tomorrow morning.
H2 Heading
Speaking of cake and ice cream, I like chocolate cake and Neapolitan ice cream. Especially when watching the Cubs and Bears beat up on everyone.
Speaking of cake and ice cream, I like chocolate cake and Neapolitan ice cream. Especially when watching the Cubs and Bears beat up on everyone.
Keyword Stuffing Keyword stuffing is a rampant problem. Often times you'll see sites stuffing keywords for things that have absolutely nothing to do with the Web page. Other times you'll see relevant and appropriate keywords, but you'll also see too many of them. How many is too many? Usually when you have more than three in a single element (excluding paragraphs) or attribute. If it looks unnatural to you (as a regular user), then you're probably using too many of them and should cut them back a bit (or a lot, depending on how many are there). When you do use keywords, make them blend in with the content as much as possible (you should have done this before you even sat down to write one line of code or let your WYSIWYG editor barf up the code for you). For example, last year I wrote a post elsewhere on Digital Point's forums about how to use PHP and server side includes to make it easier to maintain a Web site over time. Take a look at that last sentence. Notice how I used "PHP" and "Server Side Includes" in the link? Those are keywords that are included naturally in the link to reinforce what the link to the forum post is about. I also didn't stuff the link to the gills with keywords either. Just two (in this case "PHP" and "Server Side Includes") was all I needed. And chances are you probably didn't realize it (or the link to Cubs.com earlier). Also remember that having too many keywords can dilute the strength of the keywords you have. The Truth About Page Rank Warning: PageRank is a moving target - what was written here today may not be true tomorrow or next week. use it as a baseline and conduct your own research afterwords. Heck, I may have even gotten a thing or two wrong here (I'm only human afterall). Speaking of links, don't forget that PageRank is all about links. Google has a preference for natural links (like the one I gave in the above paragraph) and will give them more weight if used properly. The more natural links pointing to your Web page, the higher your page rank will probably be. The more links pointing from your page to other pages, the lower your page rank will most likely be. Ideally, you want MORE links pointing to your page than you want pointing out. Bear in mind this works for EACH page, not your whole site or domain. Google doesn't care about your whole site's PR (which doesn't exist) - it weighs pages, not sites, after all. One thing I like to do, and this has far more to to do with usability than search engine optimization (the search engines will benefit from the human-first approach, which confuses many people and convinces them that the search engines prefer this method when they really don't care either way) is to include natural, relevant links to other pages of my Web site in my page content. I'm not talking about the menus, or a site map here. I mean organic links, like the one to the PHP/SSI tutorial I wrote last year. Obviously, the link would lead to a page on my site that was related to (and relevant to) the page I'm linking from (for example, if my page is about teaching people how to review movies, and I have a review of "Pirates of Caribbean 3" elsewhere on my site, I'd probably link to the page as an example of how to write an effective movie review), rather than something totally unrelated (like vacation trips to the Caribbean). What I'd be doing is giving some weight (or credibility) to the Web page I was linking to. While this will bleed some PR (PageRank) from the current page, if you link your own pages into a "web" of pages (responsibly, don't over-do it), it'll balance out in the end, and you may (doesn't mean it always will) even enjoy a net profit on your individual pages' PR before the external links to your pages start coming in. And please, for the love of all that is good, don't use nofollow on links - you're doing the owner of the page you're linking to more harm than good, so if you do, you might as well just use plain text anyway and avoid linking altogether. What about META tags? 5-10 minutes at most. They're practically worthless, but they're nice to have, since they will remind you what keywords you're targeting. Unfortunately this means your competition will too, but you can't win them all. Spammers and black-hatters abused these elements so much that the search engines give them about as much weight (and credibility) as a bouncer at a private nightclub gives a person who's name is not on the guest list. Ok, now that all that's out of the way, and your site's done, go out there and promote it. Submit the site to the search engines (preferably by hand, it only takes a couple minutes), include a link to the site in your forum signatures, comment on blogs (leaving a link to your site in the "Your Web site" form input field if it's related to the blog and not otherwise spammy). Don't worry about buying links or submitting to directories - Google's actually discounting "paid links" (they're even suggesting people report paid links to them), and most directories aren't worth submitting to anyway (especially if you have to pay). If you find a couple reputable free directories to submit to, go ahead and submit your site to them (since you won't be losing anything) and spend your advertising/marketing/promotion dollars (or Euros or yen or rubles, or whatever currency you use) elsewhere. Traditional marketing and advertising (there is a difference between the two) will kick in at this point. The TITLE Element Not much to say here, other than to keep them short, to the point, and make sure the page title comes first. You can (and should) put your site title afteword, but use a delimiter so people can tell the difference between the page title and the site title (even though they're in the same element). Here's an example. Code:
<title>Chicago Cubs Win 2007 World Series - Skewed View of the News</title> After that, just continue writing quality content that others will kill their own mothers to link to, continue promoting your Web site to the public, and you'll most likely be fine. Then, and ONLY then, should you worry about optimizing your site for the search engines - oh wait, no you shouldn't, since you'll have done that already without even realizing it.
__________________
SEO Keyword Research Services | Buy Laptop Screens Free SEO Tips | Link Building Articles | PHP & Server-Side Includes | X/HTML Best Practices Last edited by Dan Schulz; Jul 26th 2007 at 12:43 am. Reason: cleaned up the post a bit more |
|
#3
|
||||
|
||||
|
Ok, I'm supposing you want an example of what I mean by a Web site layout that has the header, search form, menu, content, sidebars and footer, right? Ok, the code isn't 100% perfect, but I'm going to give you one of my sample three column layouts that I'm going to use once I tweak a few things (it's just positioning with floats and negative margins, no images, which need to be added later via CSS). Internet Explorer has a few problems with the search form and the menu interacting when the text is resized (not to be confused with page zoom), but that can easily be corrected by using a negative margin to push the search box above the menu's row with CSS.
Also note that you should separate your stylesheet and JavaScript files into separate files and link to them from the Web page. I don't remember if I covered that or not in the previous post, but if I didn't consider this to be part of the "SEO Gospel" (I didn't separate the XHTML and CSS in this post since the sample is still a work in progress). Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Three Column Layout with Horizontal Main Menu Site Template</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="keywords" content="Keywords go here" />
<meta name="description" content="A description of this page goes here." />
<style type="text/css" media="screen,projection">
* {
margin:0;
padding:0;
}
html, body {
height: 100%;
}
body {
background: #EEE;
color: #000;
font: normal 85%/140% tahoma, verdana, arial, helvetica, sans-serif;
}
#container {
min-height:100%; /* squashes an IE 7 bug */
}
* html #container {
height:100%; /* IE 5.x and 6 treat height as min-height */
}
#header {
background: #FCF;
color: inherit;
height: 80px;
}
#wrapper {
float: left;
padding-bottom: 32px;
width: 100%;
}
#search-form div {
background: #CCC;
color: inherit;
float: right;
height: 2em;
}
* html #search-form div {
position: relative;
right: 3px;
}
#search-form input {
float: left;
margin: 0.25em;
padding: 0 0.4em;
}
* html #search-form .submit {
margin: 1px 0 -1px 0;
padding: 0;
}
*:first-child+html #search-form .submit {
margin-top: 1px;
padding: 0;
}
#main-menu {
background: #CCC;
color: inherit;
height: 2em; /* IE Haslayout - fix double margin */
line-height: 2em;
list-style: none;
}
#main-menu li {
display: inline;
white-space: nowrap;
}
#main-menu a {
background: #0E0;
color: inherit;
float: left;
height: 2em;
margin-right: 1px;
padding: 0 0.5em;
text-decoration: none;
}
#main-menu a:active,
#main-menu a:focus,
#main-menu a:hover {
background: #FF8;
color: #000;
}
h1 {
background: #FFF;
clear: both;
color: inherit;
font-size: 1.75em;
line-height: 1.8em;
}
h2 {font-size: 1.5em;}
h3 {font-size: 1.05em;}
h4 {font-size: 0.95em;}
h5 {font-size: 0.85em;}
h6 {font-size: 0.75em;}
#content {
float: left;
margin-bottom: 0.5em;
width: 100%;
}
#content .section {
background: #CCF;
color: inherit;
font-size: 1em;
height: 1%; /* triggers hasLayout in IE 5/6; ignored by other browsers due to lack of height definition in #content */
margin: 0 14.5em 0 9.85em;
padding: 0.5em;
}
#content h2 {
background: #CCF;
border-bottom: 1px solid #000;
color: inherit;
margin-bottom: 0.2em;
padding-bottom: 0.25em;
}
#sidebar {
background: #FFD;
color: inherit;
float: left;
margin: 0 0 0.5em -14em;
padding: 0.5em 0;
width: 14em;
}
#sidebar h2 {
background: #FFD;
border-bottom: 1px solid #000;
color: inherit;
margin-bottom: 0.2em;
padding-bottom: 0.25em;
text-align: center;
}
#sidebar p {
padding: 0 0.5em;
}
#secondary-menu {
float: left;
list-style: none;
margin: 0 0 0.5em -100%;
width: 9.75em;
}
#secondary-menu li {
float: left;
padding-bottom: 1px;
}
#secondary-menu a {
background: #FCC;
color: inherit;
display: block;
padding: 0.25em 0.5em;
text-decoration: none;
width: 8.25em; /* IE will mouseover highlight but not let you click link in 'non-text' area unless you set width */
}
* html #secondary-menu a {
width: 9.25em;
w\idth: 8.25em
}
#secondary-menu a:active,
#secondary-menu a:focus,
#secondary-menu a:hover {
background: #FF0;
color: #000;
}
#footer {
background: #8EF;
color: inherit;
float: left;
font: normal 12px/16px tahoma, verdana, arial, helvetica, sans-serif;
margin-top: -32px;
padding: 8px 0;
text-align: center;
width: 100%;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<img src="#" width="300" height="80" alt="Web Site Title" />
</div>
<div id="wrapper">
<form action="#" id="search-form" method="get">
<div>
<input type="text" id="search" name="search" size="25" />
<input type="submit" class="submit"value="Search" />
</div>
</form>
<ul id="main-menu">
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
</ul>
<h1>Top Level Heading</h1>
<div id="content">
<div class="section">
<h2>Second Level Heading</h2>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In quis erat. Nulla
auctor consectetuer erat. Sed est tellus, laoreet et, faucibus et, cursus ut,
lectus. Nulla scelerisque, mi vel commodo consequat, turpis ligula congue ligula,
eget pellentesque turpis augue quis diam. Nulla facilisi. Etiam commodo quam in
metus. Etiam nec nisi ac nisl molestie fermentum. Donec ligula ipsum, venenatis in,
egestas vel, commodo bibendum, est.
</p>
</div>
<div class="section">
<h2>Second Level Heading</h2>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In quis erat. Nulla
auctor consectetuer erat. Sed est tellus, laoreet et, faucibus et, cursus ut,
lectus. Nulla scelerisque, mi vel commodo consequat, turpis ligula congue ligula,
eget pellentesque turpis augue quis diam. Nulla facilisi. Etiam commodo quam in
metus. Etiam nec nisi ac nisl molestie fermentum. Donec ligula ipsum, venenatis in,
egestas vel, commodo bibendum, est.
</p>
</div>
</div>
<div id="sidebar">
<h2>Sidebar Heading</h2>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In quis erat. Nulla auctor
consectetuer erat. Sed est tellus, laoreet et, faucibus et, cursus ut, lectus. Nulla
scelerisque, mi vel commodo consequat, turpis ligula congue ligula, eget
pellentesque turpis augue quis diam. Nulla facilisi. Etiam commodo quam in metus.
Etiam nec nisi ac nisl molestie fermentum. Donec ligula ipsum, venenatis in, egestas
vel, commodo bibendum, est.
</p>
</div>
<ul id="secondary-menu">
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
</ul>
</div>
</div>
<div id="footer">
Copyright © 2006-2007, The Monster Under the Bed. All Rights to Scare Unsuspecting Children Reserved.
</div>
</body>
</html>
__________________
SEO Keyword Research Services | Buy Laptop Screens Free SEO Tips | Link Building Articles | PHP & Server-Side Includes | X/HTML Best Practices Last edited by Dan Schulz; Jul 26th 2007 at 12:11 am. |
|
#4
|
||||
|
||||
|
Thank you.
I had a great read. It's a good summary of what to do for optimization. I don't see why this should get flame, when there is so much junk out there. Keep it up. |
|
#5
|
|||
|
|||
|
Great post
A few good tips there
|
|
#6
|
|||
|
|||
|
Good post, I just brushed over it but most I read is pretty dead on.
|
|
#7
|
||||
|
||||
|
yah i enjoyed it too Dan Schulz. have bookmarked and to make sure i dont miss a thing, would you mind if i copy everything? not to make another seo book but for my sites. im a newbie and every read is a good lesson for me. thanks for the infos by the way....great stuff keep it up and dont bother if anyone drops bunker busters...u know what to do right?
|
|
#8
|
||||
|
||||
|
I had to edit the post a bit (I originally wrote it on the fly as a response to another poster's question in another thread). As for the layout, if you want to use it in your own work, go right ahead. It's officially PUBLIC DOMAIN (meaning you can do whatever you want with it, except copyright it).
Just don't copy the post. I'll be reproducing this post in a Web site to be launched later this year. If you wish to link to the article, feel free to (cite this thread as the source until the site goes live). EDIT: If you want to copy it for your personal use (meaning to print to paper or save on your computer), go right ahead. Just don't re-publish the content elsewhere.
__________________
SEO Keyword Research Services | Buy Laptop Screens Free SEO Tips | Link Building Articles | PHP & Server-Side Includes | X/HTML Best Practices Last edited by Dan Schulz; Jul 26th 2007 at 12:15 am. |
|
#9
|
||||
|
||||
|
Quote:
EDIT: If you want to copy it for your personal use (meaning to print to paper or save on your computer), go right ahead. Just don't re-publish the content elsewhere. But as for the Web page template, see above.
__________________
SEO Keyword Research Services | Buy Laptop Screens Free SEO Tips | Link Building Articles | PHP & Server-Side Includes | X/HTML Best Practices Last edited by Dan Schulz; Jul 26th 2007 at 12:17 am. |
|
#10
|
|||
|
|||
|
Very good knowledge. Thank you very much.
|
|
#11
|
|||
|
|||
|
thanks for sharing this one
|
|
#12
|
||||
|
||||
|
Quote:
|
|
#13
|
||||
|
||||
|
Just so you know, I updated a few things, cleaned up the second post, and added some new content. I really don't like the 20,000 character limit but I can understand why it's there.
__________________
SEO Keyword Research Services | Buy Laptop Screens Free SEO Tips | Link Building Articles | PHP & Server-Side Includes | X/HTML Best Practices |
|
#14
|
|||
|
|||
|
Good stuff. People can easily get carried away by fancy SEO ideas and often forget about fundamentals. Thanks.
|
|
#15
|
||||
|
||||
|
It's really not just the fundamentals of SEO. It's also the fundamentals of Web development, which unfortunately really isn't taught by anybody (especially schools and books).
__________________
SEO Keyword Research Services | Buy Laptop Screens Free SEO Tips | Link Building Articles | PHP & Server-Side Includes | X/HTML Best Practices |
|
#16
|
||||
|
||||
|
Excellent post - good read!
|
|
#17
|
|||
|
|||
|
it's a great post. i loved to read it
__________________
|
|
#18
|
||||
|
||||
|
great reading I actually read all of it
__________________
Looking to buy a home, check out our MLS Listing online. Buy Dallas Real Estate and . Check out my |
|
#19
|
||||
|
||||
|
There's more coming, trust me on this.
![]() It's just going to come in fits though, given the demands of my schedule (and helping people out here and on SitePoint when I'm not too busy dealing with the rest of the forum staff - fresh squeezed Mentor, served daily).
__________________
SEO Keyword Research Services | Buy Laptop Screens Free SEO Tips | Link Building Articles | PHP & Server-Side Includes | X/HTML Best Practices |
|
#20
|
||||
|
||||
|
will bookmark and read later more in detail...but from what i saw...can it be that you do NOT have a big priority on page title ? My experiences are that page title is extremely important, so..defintly put keywords in the title !
__________________
-> Make Landing Pages for ANY Affiliate Program + CPA!! REAL Sites in Seconds!<-- *** !!HOTFEED!! *** - 3000 Uniques (Real Traffic!) a Day using Google Trends Power!! |
![]() |
| Bookmarks |
| Thread Tools | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| normal SEO"Why a site with few text, no to many links and apparently no SEO work is r | MrPJH | Search Engine Optimization | 7 | Dec 26th 2008 4:43 pm |
| Google SEO | Yahoo SEO | MSN SEO | Nokia999 | Search Engine Optimization | 22 | Jul 22nd 2008 2:57 am |
| Be careful what 'SEO' you hire - RAVI RANJAN SINGH is NOT a Delhi Seo Expert | visio | Search Engine Optimization | 12 | Feb 19th 2007 8:19 am |
| Documents: Professional SEO, Questions and Answers - Tricks | SEO Excel Sheets | GAdsense | Buy, Sell or Trade | 21 | Feb 16th 2007 1:56 am |
| SEO/Tech related sitewide Link on PR 5 Technology & SEO Blog! | invincible.vib | Link Sales | 0 | Oct 21st 2006 2:19 pm |