Archive for May, 2009

Optimize Images for Web Development

Tuesday, May 26th, 2009

Creating graphics and posting images for your site is one fun thing to do in web development. Nothing makes your site stand out better than some great images. Graphics and images can be used for entertainment, professionalism or a visual queue. A graphic designed properly can change your visitor’s outlook and/or decision for your site. It is important to you have images ready and optimized for your website.

Optimize Your Images

One thing to remember when creating graphics and images for your site is to optimize. What do you mean by optimization?

Optimization is a way to compress data to make your file size smaller. One way optimization works is that it will read through all the color of the image and use other color combinations to make similar colors. This will then discard some colors that will not be needed for the particular image. But there is a downside with optimization. You will lose quality in your graphic and/or images. Quality vs. Size

When optimizing your images watch the quality compared to size. You want the smallest size possible for your site, making your site load faster. This will make it easier for your visitors and search engine bots.

If you image or graphic becomes too distorted, raise your file size. You don’t want a pixelated image on your site. You want your images to look good and professional. You just need to find a balance between having a clean professional picture and having a decent small file size.

Image Optimization Tools
Adobe Photoshop has put this into consideration in some of their new application versions. You can now do a File > Save for the Web Options and Adobe Photoshop has a pre-built optimizing process that is very good. You can choose what file type to save in and how much to compression and optimization. Adobe Photoshop is an expensive commercial program, another option is using Dynamic Drive’s Image Optimization.

Types of Image Files
Last thing to touch on is JPEG, GIF and PNG. There are so many file types, but these are highly recommended for web development.

JPEG
JPEG is a compressed file that has very good quality standards. Because of its compression, colors and data are squeezed out of it to create smaller file sizes. This can cause some blur with images with sharp edges, which is great for photos. If you look at a photo there are no straight lines or edges. Everything is blended together, which why JPEG is great for photos. You can get great optimization out of a JPEG file.

GIF
GIF is used more for vector based graphics. A vector based graphic is when a graphic is made of lines and shapes. Vector graphic have sharp corners, edges or text. When dealing with graphics like described, it is better to use a GIF rather than a JPEG. A JPEG could case distortion on your sharp lines. GIF can also be use for animation. Frame by frame animation saved as a .gif will animate on your page. Transparency is another feature that GIF can support. You can save your images with a transparent background.

PNG
PNG is one of the newest web graphic technologies. PNG is great for quality and file size. You have the best of both worlds in a PNG. PNG can also support transparent backgrounds. The only downside to a PNG file is that some old web browsers don’t support PNG. This problem is becoming less and less a concern. But keep that in mind.

Quickest Time for Web
Optimizing images and graphics is almost a must in web development. Having big file sizes could cause some of your visitors to leave your site. If your site is too slow to load, you need to optimize immediately. Rumour is that you have 3 seconds to pull a surfer in. If you site doesn’t load in that amount of time, then you might lose them. Time your page in your browser and see how long it takes. If you are under a couple of seconds, you’re doing a great job.

About the Author: Cody Sparks - This is a WebHostDesignPost.com Article. Read more articles and information for Web Development and Optimize Web Images.

Tags:
Posted in website tips | No Comments »

Top 7 common SEO practices

Monday, May 11th, 2009

7 Homework Items to Complete Before Any SEO Class

Below are seven of the top items (though certainly not the *only* common items).

1. JavaScript and CSS code on the pages…

If you’re using JavaScript to do any cool functions on your website or CSS for styling effects, the code for that JavaScript and CSS should be moved to an external file that is then called from your webpage. If you’re not sure how to do this, check out this guide to reducing the size of your “head” (the area within your HTML document where this code appears).

2. Not having unique title and meta tags for every page…

Every single page on your website should have its own unique title tag that describes the topic of that specific page. Title tags are an extremely important on page factor and having each one be different and topical are vital to your success – both for rankings and click through rates in the search engine result pages.

Additionally, every meta description tag, while not instrumental to your rankings, should be unique to each page because search engines often use your meta description tag in their search engine result pages. Good and unique meta description tags contribute to the overall uniqueness of each page and can help increase your click through rate in the search engines. Which listing looks more appealing?

Homepage
Welcome to our landscaping site. Home Services Rates Contact Us … provide great landscaping services to all of… bookmark us now because you will want to …
www.acmelandscaping.com

Acme Landscaping Services | Houston Texas Landscaper
If you’re looking for landscaping services in the Houston, area who serves the South Houston, Pasadena and Deer Park regions with competitive rates, stop here.
www.acmelandscaping.com

I’m sure you get it now. The meta keyword tag? In my opinion, it’s of no real use, but it is simply good practice to include it on your pages, making sure that the content of this tag applies to the content on your page.

3. JavaScript or graphical site navigation…

If your site is using JavaScript for your menus, kill it now. Even with an additional sitemap to lead the search engines, you lose out on valuable internal anchor text and links. There is no reason not to ditch the JavaScript and change your menus to utilize CSS – and by using CSS, you won’t lose the current design or feel. If you’re using graphics to link to your internal site pages, you’ll want to get a redesign to instead utilize a straight text navigation system or retain your current appearance by utilizing a CSS menu.

4. Enter here pages…

Sure, they look cool, but there are several problems with having the homepage of your website be a flash movie or graphic that asks users to click something to enter the site. First, it is typical that a site has their homepage as the most frequently linked to page on their site. By having a bunch of inbound links coming to a page with no indexable content, it wastes the power of your homepage in regards to obtaining search engine rankings.

Additionally, because some people linking to your site may choose to link to the page you get to *after* you “click here” to send *their* visitors directly to the actual content, it also splits the link popularity between what is essentially two homepages – one with content and one without. You’re better off having all of your power combined into one effective, well designed and content full homepage.

Second, from a user perspective, making them click more than necessary is never a good thing. Don’t make users search for content – put it directly in front of them.

5. Canonical issues…

Basically, a canonical issue refers to the search engines finding several different URL variations of the same page. On your server, they are all the same page, but the search engines, particularly Google, have a hard time figuring that out. For instance, your homepage can likely be found be default under a variety of different addresses:

www.homepage.com
homepage.com
www.homepage.com/index.asp
homepage.com/index.asp

To your server, those are all the same pages. Google however sees them as four separate pages. Fixing a canonical error is fairly simple… pick the URL you want the engines to consider your “real” and only homepage and 301 redirect the other variations to the URL you have chosen. I typically recommend that you choose a version of the root. Either:

www.homepage.com
homepage.com

Additionally, I typically recommend that most sites use the www.homepage.com version, as most people will tend to insert the www automatically. However, you’ll notice that Michael chose to use the non www version for the real and only homepage on SEO Class. His reasoning (sometimes you learn something new every day) was that he found that you could get a larger font size for the URL on your offline advertising materials by omitting the www. We plan to do a bit of offline advertising as our primary focus is New York businesses. If you do as well, I’d recommend keeping Michael’s tip in mind. If you don’t plan to do a lot of offline advertising, my recommendation would be to choose the www version. If you already have a canonical issue, check out Matt’s post on the topic for expectations in fixing it.

6. Multiple domains for the same site…

This is an offense committed mostly by big companies with various brands. They have one site at www.brand.com and then own www.subbrand.com, www.subbrandtwo.com and www.brandnickname.com and either have 302 redirects in place from the sub-brands to the main brands, or simply render the same exact site that appears on www.brand.com on all of the alternate domains.

If you’re utilizing more than one domain name, place a 301 redirect on the other vanity domains to either the main page of the site or to the appropriate sub page on the main site. For instance, www.brandnickname.com might 301 redirect to www.brand.com while www.subbrand.com might 301 redirect to www.brand.com/subbrand.asp.

This allows you to use multiple domains for advertising purposes, but 301 redirect all visitors (and inbound links) to the appropriate pages on the main domain to avoid duplicate content issues as well as consolidate the inbound links to the various subdomains to the correct pages you want to rank for the terms in the search engines.

7. Focusing on the small stuff…

Almost every site has problems of some form if there hasn’t been an SEO professional working with the site since before the launch. But, it is important to have any items you need to work on prioritized in a manner that allows you to make the most impact in the shortest amount of time, or which allows you to fix the biggest thorn. An example:

A client of mine once had huge duplicate content issues. In addition to using part of their content from another site (with permission) they were allowing a huge, old, big brand site to utilize their original content verbatim. The “other site” was ten years old, has over 100,000 backlinks and is someone you would see advertised on television. I had to explain to the client that they were being seen as the duplicate and that this big brand site was who was showing up for all their search terms. In addition, the site had canonical issues and needed a big push in the link development arena.

They proceeded to spend thirty minutes asking about whether or not they should bold their keywords on their pages. I told them that if their website was a house, then the garage was sitting in a sinkhole and that asking about bold tags was the equivalent of asking me what color curtains would look best in the kitchen. It wouldn’t matter what color their curtains were because no one would be visiting them while their house was taking on mass damage from the sinkhole.

Moral: If something is causing you massive damage or your site has a big issue to address, fix it before you do anything else.

So there you have it – a few of the more common items you can address before attending a workshop or conference, or paying a professional to take a look at your site.

posted on http://seoclass.com/ unknown author.

Tags: ,
Posted in SEO, website tips | No Comments »

Avoiding Top SEO Mistakes

Thursday, May 7th, 2009

The following are the 9 Biggest SEO Mistakes which Web Designers & Web Developers should avoid.

Splash Page
I’ve seen this mistake many times where people put up just a big banner image and a link “Click here to enter” on their homepage. The worst case — the “enter” link is embedded in the Flash object, which makes it impossible for the spiders to follow the link.

This is fine if you don’t care about what a search engine knows about your site; otherwise, you’re making a BIG mistake. Your homepage is probably your website’s highest ranking page and gets crawled frequently by web spiders. Your internal pages will not appear in the search engine index without the proper linking structure to internal pages for the spider to follow.

Your homepage should include (at minimum) target keywords and links to important pages.

Non-spiderable Flash Menus
Many designers make this mistake by using Flash menus such as those fade-in and animated menus. They might look cool to you but they can’t be seen by the search engines; and thus the links in the Flash menu will not be followed.

Image and Flash Content
Web spiders are like a text-based browser, they can’t read the text embedded in the graphic image or Flash. Most designers make this mistake by embedding the important content (such as target keywords) in Flash and image.

Overuse of Ajax
A lot of developers are trying to impress their visitor by implementing massive Ajax features (particularly for navigation purposes), but did you know that it is a big SEO mistake? Because, ajax content is loaded dynamically, so it is not spiderable or indexable by search engines.

Another disadvantage of Ajax — since the address URL doesn’t reload, your visitor can not send the current page to their friends.

Versioning of Theme Design
For some reason, some designers love to version their theme design into sub level folders (i.e. domain.com/v2, v3, v4) and redirect to the new folder. Constantly changing the main root location may cause you to lose backlink counts and ranking.

“Click Here” Link Anchor Text
You probably see this a lot where people use “Click here” or “Learn more” as the linking text. This is great if you want to be ranked high for “Click Here”. But, if you want to tell the search engine that your page is important for a topic, than use, that topic/keyword in your link anchor text. It’s much more descriptive (and relevant) to say “learn more about {keyword topic}”

Warning: Don’t use the EXACT same anchor text everywhere on your website. This can sometimes be seen as search engine spam too.

Common Title Tag Mistakes
Same or similar title text: Every page on your site should have a unique tag with the target keywords in it. Many developers make the mistake of having the same or similar title tags throughout the entire site. That’s like telling the search engine that EVERY page on your site refers to the same topic and one isn’t any more unique than the other.

One good example of bad Title Tag use would be the default WordPress theme. In case you didn’t know, the title tag of the default WordPress theme isn’t that useful: Site Name > Blog Archive > Post Title. Why isn’t this search engine friendly? Because, every single blog post will have the same text “Site Name > Blog Archive >” at the beginning of the Title Tag. If you really want to include the site name in the title tag, it should be at the end: Post Title | Site Name.

Exceeding the 65 character limit: Many bloggers write very long post titles. So what? In search engine result pages, your title tag is used as the link heading. You have about 65 characters (including spaces) to get your message across or risk it getting cutoff.

Keyword stuffing the title: Another common mistake people tend to make is overfilling the title tag with keywords. Saying the same thing 3 times doesn’t make you more relevant. Keyword stuffing in the Title Tag is looked at as search engine spam (not good). But it might be smart to repeat the same word in different ways:

“Photo Tips & Photography Techniques for Great Pictures” “Photo” and “Photography” are the same word repeated twice but in different ways because your audience might use either one when performing a search query.

Empty Image Alt Attribute
You should always describe your image in the alt attribute. The alt attribute is what describes your image to a blind web user. Guess what? Search engines can’t see images so your alt attribute is a factor in illustrating what your page is relevant for.

Hint: Properly describing your images can help your ranking in the image search results. For example, Google image search brings me hundreds of referrals everyday for the search terms “abstract” and “dj”.

Unfriendly URLs
Most blog or CMS platforms have a friendly URL feature built-in, however, not every blogger is taking advantage of this. Friendly URL’s are good for both your human audience and the search engines. The URL is also an important spot where your keywords should appear.

Example of Friendly URL: domain.com/page-title Example of Dynamic URL: domain.com/?p=12356

These things are the pillars of Search Engine Optimization and so to your web site’s success path.

About the Author: Robin Dale is the publisher for www.teeky.org. We offer useful & quality articles and news about Search Engine Optimization, Internet Marketing, Dedicated Server Hosting, Windows VPS Hosting UK, Linux VPS Hosting UK, e-commerce hosting, cPanel Hosting, hosting tips & UK Web Hosting.

Tags: , , ,
Posted in SEO | No Comments »