Home | Toolshop | Guides | FAQ's | Inside |
Submit Corner Logo
Browse Submit Corner

Submit Corner : Guides : Site Improvement Guide : Optimizing Your Main Text With Tables

Toolshop

Assessment Tools
Keyword Thesaurus
Link Popularity Tracker
META Tag Generator
META Tag Scanner
Robot Generator
Submit Engine
Top Keywords
Word Tracker

Guides

META Tags
Description Tag
Keywords Tag
Revisit Tag
See Complete List

Search Engines
Google
Yahoo!
Overture
See Complete List

Site Improvement
Image Tags
Title Optimization
Effective META Tags
See Complete List

Software Packages
Ultimate Demon
SENuke XCr
See Complete List

Website Assessment
Editor's Viewpoint of Directories
Assess Your Site Indexing
Who's Linking To You
Competitor Identification

Bandwidth Conservation
Background Images
External Javascript
Optimize HTML
See Complete List

FAQ

Our Recommendations
Read FAQ

Webposition Gold - Download Now!

Inside Submit Corner

Advertise
Linking Info
Privacy Policy
Rave Reviews
Terms of Use

Optimizing Your Main Text With Tables
By Submit Corner
Tell a Friend About This Page

Overview: Make sure search engines will index your main body of your web pages first with this indexing technique.

Most web designers when creating a table to store the contents of their web pages will use multiple columns. Most typically, designers use a side bar on the left hand side followed by the main body of their text, or some similar derivation. An example of the most typical design is shown below:

Typical Design Style:

Side Bar Main Body

The problem here however, is that when search engines read your website, they index your content on a first-come-first-serve basis. Unfortunelty, your side bar is the content that is served first. Ideally, you would like to present to search engines your Main Body first. Below, we tell you how to do just that with a minor tweak which will not affect your design layout.

Optimized Design Style:


Main Body (uses rowspan=2)
Side Bar

With this minor tweak, your Main Body is presented first and your presentation style will be unaffected. The additional box that was created can become hidden by using a background color that matches your page background thereby creating the same design affect as in the first example but still pushing your content first. The heart of this optimization lies in the "rowspan=2" property which defines across how many rows the current cell should span. The source code for how each table was created is shown below for your convenience.

Source Code For Above Examples

Typical Design Style (First Example):



Optimized Design Style (Second Example):

Feel free to copy the above HTML code sniplets and trying out different derivations to suit your needs.

Sponsored Links



Latest Headlines

All links open in a new window
View All Headlines

Searches for Holidays to Africa Overtake North America and Close Gap With Europe
Source: Film Imaging

Google-backed DMARC system aims to block phishers
Source: ZDNet UK

Book reviews: Google books
Source: ZDNet UK

Searches for Holidays to Africa Overtake North America and Close Gap With Europe
Source: DMN Final Cut Pro

Earthquakes, Demi Moore and ACTA drive Google searches
Source: Yahoo Philippines News

Stop poaching staff, Jobs told Google
Source: Cyber India Online

Google, Facebook, Twitter Execs Grilled By UK MPs On Privacy
Source: Yahoo! Finance

There are 23 additional news headlines. Click to View All Headlines

Copyright ©2000 - 2009 Wired 2000 Corporation
All Rights Reserved
Privacy | Terms of Use