You are reading Dreams Alive, the Home and Garden Online Magazine January 2005
Winter Edition 1
Search Dreams Alive:

 
Table Of Contents In Your Home In Your Garden Art and Literature In Every Issue Mind and Spirit Classified Ads
 

Web Tech

reducing, home page, search engine, listing, page size, spider, search engine spider, homepage, times out, graphics, website, html, scripts, reduce, thumbnail, jpg, gif Reducing Your Home Page Size
For a Better Search Engine Listing

by
David Nelmes
 
 
#1 Working With Your Text
#2 Reducing Graphic Size and Use

If your page size is too large, a search engine spider that wants to index your homepage or entire site, might skip you if it Times Out while loading your page. Let's look at how to prevent this.It is possible that if your page size is too large, a search engine spider that wants to index your homepage and entire site, might skip you if it Times Out while loading your page. Higher connecting speeds are giving us the opportunity to use much more graphics and multimedia in our websites, but your home page should still be considered to be the gateway that leads you to this information, in lieu of the place that splashes it there for everyone to see upon first arriving.

The size of your home page consists of the html file, all graphics being loaded and all scripts being imported. Even if you have the most perfect Meta-Tags and verbiage throughout the page, none of that will matter if your page is skipped. It is best to keep the total size of your Home page to less than 125,000 bytes.


#1 Working With Your Text
The text of your website often only marginally affects the size of your page, unless you have lots and lots of text, where you are scrolling down and down and down for quite some time.

The actual html page, which is all text, loads extremely quick. Depending upon what it is you have to say, it is good to have your HTML page size below 50K bytes. If there is so very much you need to say, break your page into sections where each section begins the article, then provide a link that says "Read More" or "Click Here To Continue" and place the rest of the article on another page.

I find that as I make changes to a page, I often comment out certain items that I am not using anymore, but I just don't want to delete this information yet in case I plan to use it again. After a while, there can be a lot of areas on a page that are simply not being used and therefore should be deleted. If the information is something you wish to save, create a separate text file called "valued-web-info.txt". Copy and paste all the important information to the text file and then delete all the unnecessary code on the html page.

Another thing to bear in mind when placing text on your page is to make use of the <H1> - <H5> tags. Search engines still give preference to whatever may be written inside these tags as compared to what else might be written outside of them. Since their default sizes and font styles might not be desirable, simply use additional FONT or STYLE tags to make them fit into the style and likeness of your web page.

Legitimate Business Opportunities
LinkShare Referral Program
Amazon Associates Program
Google AdSense

Help for Improving Your Business Website

Designing Online provides Website Maintenance and Repair options as well as Website Design, Graphic Design and Website Promotional Services

Let Us Bring The World To You

#2 Reducing Graphic Size and Use
Graphics make a page come to life. I believe they are essential to grabbing the eye of whoever comes to a page.

It's important to create a good balance between being appealing to the eye and increasing your page load time to the point where customers and search engine spiders dump you. I thought this was globally understood until I ran into several websites this past week that had home pages full of Flash Animations, ad banners, pop-unders and Gif animations....with one gif animation being over 410,000 bytes itself...good thing I have broadband.

Here are some suggestions that will allow you to be colorful and unique without burning too many bytes:

  • Use a background color instead of a background image

  • If using multiple graphics on a page, reduce the physical size of graphics to not more than 250 pixels in any direction. You can get the same point across with this smaller graphic as you could the larger one. It's a matter of you becoming comfortable with the new thought that your graphics don't have to be big.

  • If you have a clickable image that is 1000 pixels by 1000 pixels and you tell the html code to only size it as big as 100 pixels by 100 pixels, it might appear as though you have a thumbnail image, but you still forced the entire 1000x1000 image to load, and then even taxed the browser a little harder to resize it for you. Instead, create individual thumbnail images of items and products that can be clicked on for a larger view. This drastically reduces image load time and allows you to show off more products without slowing down the page load time.

  • Use the <HR> Tag for dividers instead of graphic bars. The WIDTH attribute lets you determine it's width across the screen...the SIZE attribute lets you determine its vertical height and the COLOR attribute lets you determine its color.

  • Use the GIF format for any image that is not photographic. It will use much less memory than a JPG in this case. For example, the two color blocks below are identical images saved in two different formats. As you can see, the GIF format used only 1/3 the bytes as compared to the JPG format, because this isn't a photographic image. You'll even notice that the JPG version is also less clear and even a little mottled. Not a great payback considering it's also chewing up more memory as well.
    250x250 colored block saved in 16 color GIF format - 4KB file size 250x250 colored block saved in 16 million color JPG format at 15% compression - 12KB file size
    250x250 colored block saved in 16 color GIF format - 4KB file size 250x250 colored block saved in 16 million color JPG format at 15% compression - 12KB file size

  • When using the JPG with photographic images, you can optimize the image by selecting your desired compression rate. The higher the compression rate, the smaller the image size, but the higher the image loss might be. You will want to compress at a minimum of 15%, but anything beyond 60% starts to appear blurred. The photographic images below are saved at 15% and 75% compression levels.
    Face photograph of JPG format image saved at 15% compression. File size - 7KB Face photograph of JPG format image saved at 75% compression. File size - 3KB
    15% Compression - 7KB file size 75% Compression - 3KB file size

  • As an extra bonus, wherever you do use graphics, be sure to make use of the ALT tag and provide a description that also makes use of your sites most desirable keywords. This adds to the value of your keywords and makes them more likely to be used.
Long-Term Advertising at The Emporium Mall
A listing only costs $5 a month! ($60 per year)
Receive a $15 discount for the placement of a reciprocal link.
Free or discounted "Basic Text Only" links are also available.
...Find Out More

Live Sample Listings
See The Mall Home Page
See a Mall category listing
See button ads placed in the Designing Online resource area
See listings promoted in the Dreams Alive Magazine
See new listings promoted in the most recent Newsletter


David NelmesDavid Nelmes - is editor of Dreams Alive Magazine, but is also it's webmaster. In addition, he is the webmaster for DesigningOnline.com, EmporiumMall.com, VirtualHomeDecor.com, CreateE-Cards.com, BeingWilling.com, PhotoWebAds.com and many other smaller sites. His many years of website development have provided him with many helpful things to share with other website owners and developers.
To contact David, click below

This article Copyright ©2005 - David Nelmes and Designing Online, Inc.


Our most popular keywords for this page are reducing, home page, search engine, listing, page size, spider, search engine spider, homepage, times out, graphics, website, html, scripts, reduce, thumbnail, jpg and gif.




 
The Emporium Mall

List Your Web Site


New Resources at
New Resources at Designing Online
Search All Categories
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36
Add Your Resource
http://
(eg. www.yoursitename.com)

Place Your Dynamic Ad Here

Get High Quality, Dynamic Exposure That Lasts For Several Years!

Subscribe To
Dreams Alive
Magazine

E-mail:

It's FREE!





Create and Send Unique Greeting Cards Online - Create and send sentimental, inspirational or fun Greeting E-Cards. Select your own images, backgrounds, fonts, colors, music and Java effects like weather, lake or snow. Great Holiday selections!
http://www.CreateE-Cards.com

 

The Ultimate Home and Garden Resource Center - Designing Online provides the best interior decorating and interior design solutions and resources. Our Home and Garden resource directories and helpful guides place your dream designs just a few clicks away.
http://www.DesigningOnline.com