Google introduced Adsense New 970X90 Banner Ad Unit

For a long time, Google did not add new banner sizes to their AdSense inventory but it seems like that has changed. A few months ago, AdSense added a new 300×600 banner size and now they have gone ahead with and introduced a new 970×90 Super Leaderboard ad format which they claim is ‘brand friendly’.

Because this is a new ad unit size, Google AdSense notes that advertisers will mainly see text ads in this format for now. Image and rich media ads that are enabled for the 970×90 size will initially show up as 728×90 display ads; as the inventory of image and rich media ads for the 970×90 ad units grow, more full-size display ads will be served.

Till then have a view on the views of Google Official Blog on this new ad unit:-

970×90 ad units are a newly adopted IAB standard and are also known as ‘super leaderboards’. This larger ad size is another visually impactful placement for advertisers to promote their products and services even on wider screens.
Please note that since the 970×90 unit is new to our network, you’ll currently see mainly text ads appearing in this format. The new super leaderboard ad unit can show up to four text ads organized in a column layout but, as with other ad sizes, the number of text ads per unit may vary per impression. When enabling image and rich media ads for this unit, display ads in the size of a 728×90 unit will be displayed initially. Over time, we expect that the inventory of image and rich media ads for the 970×90 will grow and you’ll see more full-size display ads being served.

How to Add Adsense Super Leaderboard 970X90 Ads Unit:

to your website Its a simple thing to do .

• Just Login to your Google Adsense Account And create a My Ads tab .
• Click “New Ads Unit” and then select the 970X90 ad size (Large Leaderboard).
• Make sure to customize it according to your web design.
• Means matching colors according to your content to get more clicks and revenue.

So now remember you still have that 3 ad unit per page limitation, so you would not be able to use this ad unit as a 4th one but you can replace an older ad unit with this new one. So just visit your AdSense account and under My Ads create a new 970 x 90 ad unit and copy the code to your website that it, hope you enjoy this new update from AdSense.

Read More

Monetize your Site by Infolinks

Monetize your Site by Infolinks

Infolinks allows you to publish ads if you have a blog or website. Infolinks Ads are something different from other advertising sites. One of the main types of infolinks ads is In Text Ads. Other advertising sites don't have this special type of ad system. 

Okay, let's see how to integrate infolinks ads in a site. Like all other sites, you must have an account on Infolinks. Follow the instructions below: 

1. First, you need to join infolinks as publisher. 
2. Click on the join us button, enter your site's URL and then fill up the required fields. Or you can use your Facebook account to sign up. 
3. You may need to confirm a mail from your email inbox. Then your account will be activated.
4. After activating your account, login to infolinks. Then go to the integrate option. 
5. There are 5 types of codes: JavaScript, WordPress, Blogger, Drupal, and Joomla. 
6. I recommend you to choose JavaScript code. You can manually place this code on your site. And it must work with any blog or website. 
7. Copy and place the java code in your site. 

Adding Multiple Site

You're allowed to advertise multiple sites with a single infolinks account. At the left pane you will see a button named Add a Site.

Customizing the Ads

Infolinks allows you to customize the ads. There are four types of Ad Units. I would like to tell you something about them: 

• InText Ads: This is the most attractive ad unit of infolinks. InText highlights the keywords of the page. Few words of your page will be linked. You can increase or decrease the number of links to be appeared in a page. I suggest you to choose at best 12 words or less. Choose dotted link style. And there are seven color options. Choose a color that looks best. Mark turn on InText option and then hit the Save button. 

• InSearch Ads: Insearch displays relevant ads to traffic arriving to your site from search engines while infusing another SEO layer to your site. Here you can only customize the color nothing else. Ads will be shown by a fly out menu. Before using this ad unit, you must think about whether it will make visitors uneasy or not. I personally don't link this Ads Unit. 

• InTag Ads: You should use this unit on your site. Because it will never make your visitors angry. And this unit can hardly slow down your site. If you enable this unit for your site, then few linked words will be displayed in a place. You can Automatic or Manual option, double line or single line and change the link color. 

• InFrame Ads: Before telling something about this unit, I will suggest you to skip this unit. It will display banner units in your site. Banner will be displayed as pop out window. But most of them are boring. And they usually bore visitors. Sometimes these ads doesn't let you read the site's contents properly! When I visit any site and see these types of ads, I immediately leave that site! And her you can't customize the Ads behavior actually. 

SO What your waiting for now u have to Visit Infolinks Today .

Read More

How to Add Meta Tags to Blogger for Better SEO Results

We already have known that how important is On page SEO for getting ton of traffic to our blogs. There are many parts of On page SEO like writing quality article, keyword implement, choosing right title, adding meta tags, image optimization etc. today I would like to teach you “how to add meta tags perfectly in your blogger blog”.


Adding meta tags in blogger is really a best way to drive traffic from search engines and it really good for seo of your blog. but did you know that we can also add separate meta tags for each post. so each post has his own data in google search engine. meta tags are really important part in blogs because it tell search engines that what is in your blog post . it is really best for blog and it make our blog rank high in search engines. you can add keywords and description for each post in blogger.

How to add Meta Description Tags on Blogger

Blogger has rolled out an array of SEO features and now adding Meta Tags has become so easy. You can do it easily from the Blogger’s User Interface without doing much of Template Editing or pulling your hair.
Adding Meta tags in your blog follow the instructions bellow..

• Sign into your Blogger dashboard, and select proper blog.
• Now, Click on Template » Backup/Restore  » Download full template.
• After completing download skip it by clicking Close.
• Now, click on Settings » Search preferences » Edit (in Description) under Meta tags In the Text area give a 150 character description which will describe your Blog. This text might be used by Search engines when your Blog’s home page is displayed on Search Engines.
  Now, enable search description by clicking on Yes, and write the homepage description in the box. Finally, click on Save changes.

Adding meta description to individual Post on Blogger

A meta description for a post or a static page can be added  via Blogger’s post editor.

1. Click Posts and select a post to edit.
2. Click Search Description option under Post settings. (This option appears only after you enabled search description in step 1)
3. Enter the meta description for the post and click Done.

For older posts, you have to go back to edit each post and manually add in the description.But before you do that, it’s better to confirm if this feature works on your blog template.
If you don’t see the search description option in your Blogger post editor after completing all the steps mention above. Follow the next step otherwise skip it.
This is a step for those who never get the search description option in their Blogger post editor. You may find this problem if you are using some types of custom Blogger templates.
You will have to add it to your template manually:

• Go to Template » Edit HTML find the code <head> and just below this code paste the following code.

  <b:if cond='data:blog.metaDescription != &quot;&quot;'>
    <meta expr:content='data:blog.metaDescription' name='description'/>
  </b:if> 

• Finally, click on Save template.

You may check your currently meta description by this online meta tag checker.

Read More

How to Get Fast Google Adsence Approval Beginner Guide

Every blogger who was applying for Google adsence at first time, He feels that it was a critical workto apply absence And also feels a lot of tension after getting reply mail from Google. This type of behavioral suntans will see regularly in most of bloggers. But there is no need to worry about gettingfast approval of google adsence account.

What is Google AdSense?

Google Adsense is Google’s Publisher network.  Google AdSense is a free, simple way for website publishers of all sizes to earn money by displaying targeted Google ads on their websites.





Adsense is the best way to monetize your content. If you have more quality and unique content to monetize , your income will be definitively high.

Google Adsense Requirements:

• One of the basic thing you need to open Adsense account is the ID card which of course is given to only 18+ individuals. So if your age is below 18 years than you cannot participate in this program unless you apply on behalf of your parents.
• Make sure you have a running website or blog otherwise Google will not approve your application if you have under-construction website.
• Creating a website is not a big thing to do, the real problem is to get traffic and that too from search engines so if your blog has very less traffic than wait few months and than apply for Adsense.
• Your website should be according to the Terms and Conditions of Google like no adult content, warez, gambling sites, Hacking and hate spreading websites.

Why Google Rejecting More Times:

Recently Google stopped trusting Indian, pakisthan, chaina adsence accounts due to fake accounts and fraud clicking’s. Because of that reason google has strict their rules in above mentioned countries. Due to this reason the real working bloggers are also facing lot of problems. It is very sad news to the rules maintaining bloggers but to maintain good services goggle has put some conditions on every account. If we want approval we must require facing their conditions.
Google adsence approving is not a critical thing if we maintained the rules correctly there is no other tricks to follow. We strongly advise the candidates to follow below rules to get fast adsence approval from Google.
These are the points to take care, before applying for Google adsense.
1. Use real names:  Many people are using nick names while registering, instead of original names. This make the account suspicious and you may get rejected.
2. Good content:  Make sure your blog has good content, not only in quality but also in quantity too. Otherwise your site may get delayed in getting approval.
3. Traffic: A blog with no traffic is hard to get Google Adsense. Make sure your blog has good traffic before applying for Adsense.
4. Get a professional touch : Make your site look a professional both in design and content. It is difficult for a messy site to get approval.
5. Apply for one account: If you have two blogs, apply for only one Google Adsense account instead of two. If you haven’t received any reply in 2 days, dont apply for a second one. Give time to verify your accounts, the mail will come.
If that blog post doesn’t help you get into the Google AdSense program then maybe a DigitalPoint Forums thread would.
In that thread, one member claimed that if you register at HubPages and then click on “account settings” and then “affiliates.” You can sign up for Google AdSense within HubPages. HubPages says:

When you create a user account with HubPages, we’ll automatically create the Google Adsense program for you. Just answer a few simple questions and you’ll be ready to go.

This implies that creating a HubPage account will guarantee acceptance into Google AdSense.
Some of the forums members are giving this theory a try. It would make sense that the same applies to Google’s Blogger accounts or Google Pages.

Read More

The Importance of an SEO-friendly Web Developer

You have certainly been in the situation in which you were looking for a certain product and then you found out that 2 website retailers are offering you the same product. They are both in the same range in terms of price and they also feel and look the same. However, there is a difference and it seems that one of the retailers has more online visibility than the other and regardless of how many keyword variations you use to search for the product you need, that company will always be present in the search engine results. Because of that it’s simple to conclude that this retailer is more successful. Why? Well, because it certainly knows the Importance SEO-friendly Web Developer.

Importance SEO-friendly Web Developer: The basic model of SEO

When someone enters a query in the search engine, he will eventually have millions of results displayed. In almost every case, people will click on the results displayed on the first page of results only. So this means that websites ranking higher are visited by more people and that is exactly what you need to start giving more thought into. When you have a website that’s ranked highly in the SERPs, then you automatically have a higher success rate.

How SEO works in a search engine?

 

Any search engine you use has a certain set of rules called algorithms that it uses in order to filter out info based on the keywords you enter. In this process, after you hit enter or click Search, the search engine robots will collect the filter data, looking for user friendly web designs, program codes and also new content. In this regard, it seems that an SEO web development service has a vital importance.
Some of the factors that SEO friendly websites feature which allow them to be ranked higher include the use of key phrases, inbound links and the programming language of the website. Even more, it also integrates HTML source codes, title tag optimization and Meta edit. Together, all of these factors will help a website with ranking higher in the search engine results.

Distinguishing factors of SEO friendly sites :

It seems that more and more businesses realize the Importance SEO-friendly Web Developer and that is why they are keen on using one for internet promotion. There are many techniques such professionals will use for making a website SEO friendly and some of them are listed below:

• Make the website visually appealing.
• Include a logo and interface design to improve website visibility.
• Improve website functionality.
• Include key phrases in the webpage’s Meta description and title.
• Use cascading style sheets to style tags and other lists of the HTML codes in various ways.
• Use lists, italic text, bold text and heading tags.

Employ proper coding and navigation tools to make the website more SEO friendly :

With that being said, it seems that the Importance SEO-friendly Web Developer is rather vital, because such professionals will ensure the online visibility of a website will be increased very much, which will eventually bring more traffic. If you want your website to benefit from the advantage of online visibility and thus improve its popularity and also sales, then you should definitely think about hiring a professional web developer. With their skills and experience, they’ll manage bringing your website to the top positions, increasing popularity and of course, sales.
Author Bio- This post has been written by Lisa Holland. She loves to write about SEO and SMO. She is evangelist at submitcore.com. They provide best Link Building Services, Complete SEO and Social Marketing Solution to their clients.

Read More

6 Ways SEO Will Change in 2013

Considering the shifts in SEO survival, 2012 has been quite an eventful year. There have been several important updates that have changed the search scene altogether.

A massive crackdown on spam sites through the EMD updates was not the only scathing step taken by Google. Google updates its algorithm over 500 times a year in order to weed out low quality sites from the top positions. Google will never stop its relentless run to make search results more relevant.

Search engine optimization, as it stands today, is no longer child’s play. It has become quite challenging and innovative strategies are required to attain better rankings.

So what is the outlook for SEO in 2013? The answer to this question is still vague, as people are not sure about the updates that are to occur in 2013. Fierce arguments are still raging regarding the Google updates that may take place. While some believe that the future lies in content marketing, others believe that social media presence will be the key. Others continue to resort to blackhat SEO methods that may land them on Google’s hitlist.

Based on what I hear people saying and see people doing, and my understanding of the proposed Google updates that may take place, here is a list of major changes in SEO you can expect to occur in 2013.

Author Rank

How Google handles Author Rank will be the biggest search factor in 2013. It may turn the entire internet marketing world upside down.

Google will assign each blogger an Author Rank based on various parameters such as niche authority and domain expertise. This Rank will be given a major role in ranking the content authored by that author. Simply speaking, the higher the rank and reputation of the author, the higher are the chances of their content ranking well in search engines. Also, an author’s published content will be directly linked to their Google+ profile, thereby drawing Google+ into SEO calculations. So, with the mooted Author Rank update, performance of a site will depend more upon the reputation and niche expertise of the content’s author in social networks.

Equivalency Score Algorithm

Another major update that is expected to take place in 2013 is the Google Equivalency Score Algorithm (ESA). ESA is expected to work in the same way as Google Adword’s Quality Score where each keyword is given a point score based on several factors. The quality score of the keywords is then used along with the bid amount of the advertiser and the ads are ranked accordingly. ESA, if operationalized, will have a huge impact on online businesses. It will effectively cut down the monopoly of some websites on number one rankings and will create a more level playing field for all businesses. One effect of this is that Google may display the same results for a search query in different orders each time the results appear on screen.

Link Disavow Tool

The Link Disavow Tool was created to collect data on the backlink structure of sites. Chances are that Google will use this tool in 2013 to create an algorithm using the links that have already been submitted to them. The tool will be used to improve reporting of spam sites and poor quality backlinks. Consequently, blog posts and forum posts can no longer be used to create backlinks.

Social media presence

SEO in 2013 will be heavily influenced by the numerous social networks and the development and utilisation of an effective social media presence. Site owners and technicians have to carve a niche out for themselves in social media if they want their sites to do well in search rankings. Sharing of content on social networks like Facebook, Twitter, StumbleUpon, Pinterest, Delicious, LinkedIn, MySpace and Google+ will be of the utmost importance. Social media popularity will, in a way, decide the fate of a site as far as Google is concerned.

The reason Google gives such importance to the social media presence of a site is yet to be definitively ascertained. But there are many theories out there regarding this. Social media presence is proof that the traffic finds the content of a site useful. However, many say that Google will do this to give its staggering Google+ a boost. Many believe that in the days to come, Google+ might just emerge as the most important social network for webmasters.

Digital marketing

Digital marketing will also play a big role in 2013. Digital marketing will slowly include the entire spectrum of online marketing from market-purposed content creation, through pay-per-click strategies, to use of social media. Because of certain expected Google updates, this will get a big boost and chances are that more and more brands will come into the digital marketing field in time.

No Fundamental Changes in SEO

Having started by explaining how SEO will fundamentally change in 2013, let me close by saying that the foundation of SEO is going to remain the same. Whether web owners and professionals like it or not, content will continue as the king online. High quality, well-written, expertly displayed, functionally useful content will still hold the key to ranking well for target search terms. Any site needs to have compelling and unique content that has good readability and provides a rich user experience. Half the search battle is won if a website follows this cardinal rule, and that will only become more true in 2013 and beyond.

Currently accepted link building practices such as viral article submission and automated link posting won’t work any more, as the basis for them affecting search results is revealed as artifical. Google began the tough scrutiny of backlinks in 2012, and this will continue in 2013.

While we must wait to see just how Google and other search giants implement their strategies for 2013, it can be taken for granted that their efforts to keep search results organically honest, relevant and useful to consumer will have an impact on the industry that has developed around search engine optimization. Whether the effects of that are good or bad, for consumers and the industry, remains to be seen.

What about you? Are you ready for 2013? Do you foresee other ways in which search will change next year and beyond?

Read More

How To Make A Proper Website ?? A Web Development Standards Complete Checklist

A web standards checklist :

• The term web standards can mean different things to different people. For some, it is 'table-free sites', for others it is 'using valid code'. However, web standards are much broader than that. A site built to web standards should adhere to standards (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG etc) and pursue best practices (valid code, accessible code, semantically correct code, user-friendly URLs etc).

• In other words, a site built to web standards should ideally be lean, clean, CSS-based, accessible, usable and search engine friendly.

About the checklist :

• This is not an uber-checklist. There are probably many items that could be added. More importantly, it should not be seen as a list of items that must be addressed on every site that you develop. It is simply a guide that can be used:* to show the breadth of web standards* as a handy tool for developers during the production phase of websites* as an aid for developers who are interested in moving towards web standards

• The checklist
• Quality of code
• Does the site use a correct Doctype?
• Does the site use a Character set?
• Does the site use Valid (X)HTML?
• Does the site use Valid CSS?
• Does the site use any CSS hacks?
• Does the site use unnecessary classes or ids?
• Is the code well structured?
• Does the site have any broken links?
• How does the site perform in terms of speed/page size?10. Does the site have JavaScript errors?

• Degree of separation between content and presentation
• Does the site use CSS for all presentation aspects (fonts, colour, padding, borders etc)?
• Are all decorative images in the CSS, or do they appear in the (X)HTML?

• Accessibility for users
• Are "alt" attributes used for all descriptive images?
• Does the site use relative units rather than absolute units for text size
• Do any aspects of the layout break if font size is increased?
• Does the site use visible skip menus?
• Does the site use accessible forms?
• Does the site use accessible tables?
• Is there sufficient colour brightness/contrasts?
• Is colour alone used for critical information?
• Is there delayed responsiveness for dropdown menus (for users with reduced motor skills)?
• Are all links descriptive (for blind users)?

• Accessibility for devices.
• Does the site work acceptably across modern and older browsers?
• Is the content accessible with CSS switched off or not supported?
• Is the content accessible with images switched off or not supported?
• Does the site work in text browsers such as Lynx?
• Does the site work well when printed?
• Does the site work well in Hand Held devices?
• Does the site include detailed metadata?
• Does the site work well in a range of browser window sizes?

• Basic Usability
• Is there a clear visual hierarchy?
• Are heading levels easy to distinguish?
• Does the site have easy to understand navigation?
• Does the site use consistent navigation?
• Are links underlined?
• Does the site use consistent and appropriate language?
• Do you have a sitemap page and contact page
• Are they easy to find?8. For large sites, is there a search tool?
• Is there a link to the home page on every page in the site?
• Are visited links clearly defined with a unique colour?

• Site management.
• Does the site have a meaningful and helpful 404 error page that works from any depth in the site?
•  Does the site use friendly URLs?
• Do your URLs work without "www"?
• Does the site have a favicon?

Quality of code:

• Does the site use a correct Doctype?

A doctype (short for 'document type declaration') informs the validator which version of (X)HTML you're using, and must appear at the very top of every web page. Doctypes are a key component of compliant web pages: your markup and CSS won't validate without them.

CODE :

http://www.alistapart.com/articles/doctype/

http://www.w3.org/QA/2002/04/valid-dtd-list.html

http://css.maxdesign.com.au/listamatic/about-boxmodel.htm

http://gutfeldt.ch/matthias/articles/doctypeswitch.html

• Does the site use a Character set?

If a user agent (eg. a browser) is unable to detect the character encoding used in a Web document, the user may be presented with unreadable text. This information is particularly important for those maintaining and extending a multilingual site, but declaring the character encoding of the document is important for anyone producing XHTML/HTML or CSS.

CODE :

http://www.w3.org/International/tutorials/tutorial-char-enc/

http://www.w3.org/International/O-charset.html

• Does the site use Valid (X)HTML?

Valid code will render faster than code with errors. Valid code will render better than invalid code. Browsers are becoming more standards compliant, and it is becoming increasingly necessary to write valid and standards compliant HTML.

CODE :

http://www.maxdesign.com.au/presentation/sit2003/06.htm

http://validator.w3.org/

• Does the site use Valid CSS?

You need to make sure that there aren't any errors in either your HTML or your CSS, since mistakes in either place can result in botched document appearance.

CODE :

http://www.meyerweb.com/eric/articles/webrev/199904.html

http://jigsaw.w3.org/css-validator/

• Does the site use any CSS hacks?

Basically, hacks come down to personal choice, the amount of knowledge you have of workarounds, the specific design you are trying to achieve.

CODE :

http://www.mail-archive.com/wsg@webstandardsgroup.org/msg05823.html

http://css-discuss.incutio.com/?page=CssHack

http://css-discuss.incutio.com/?page=ToHackOrNotToHack

http://centricle.com/ref/css/filters/

• Does the site use unnecessary classes or ids?

I've noticed that developers learning new skills often end up with good CSS but poor XHTML. Specifically, the HTML code tends to be full of unnecessary divs and ids. This results in fairly meaningless HTML and bloated style sheets.

CODE

http://www.clagnut.com/blog/228/

• Is the code well structured?

Semantically correct markup uses html elements for their given purpose. Well structured HTML has semantic meaning for a wide range of user agents (browsers without style sheets, text browsers, PDAs, search engines etc.)

CODE :

http://www.maxdesign.com.au/presentation/benefits/index04.htm

http://www.w3.org/2003/12/semantic-extractor.html

• Does the site have any broken links?

Broken links can frustrate users and potentially drive customers away. Broken links can also keep search engines from properly indexing your site.

CODE :

http://validator.w3.org/checklink

• 1.9 How does the site perform in terms of speed/page size?

Don't make me wait... That's the message users give us in survey after survey. Even broadband users can suffer the slow-loading blues.

CODE :

http://www.websiteoptimization.com/speed/

• 1.10 Does the site have JavaScript errors?

Internet Explore for Windows allows you to turn on a debugger that will pop up a new window and let you know there are javascript errors on your site. This is available under 'Internet Options' on the Advanced tab. Uncheck 'Disable script debugging'.

Degree of separation between content and presentation :

• Does the site use CSS for all presentation aspects (fonts, colour, padding, borders etc)?

Use style sheets to control layout and presentation.

CODE :

http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-style-sheets

• Are all decorative images in the CSS, or do they appear in the (X)HTML?

The aim for web developers is to remove all presentation from the html code, leaving it clean and semantically correct.

CODE :

http://www.maxdesign.com.au/presentation/benefits/index07.htm

Accessibility for users :

• Are "alt" attributes used for all descriptive images?

Provide a text equivalent for every non-text element

CODE

http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-text-equivalent

• Does the site use relative units rather than absolute units for text size?

Use relative rather than absolute units in markup language attribute values and style sheet property values'.

CODE :

http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-relative-units

http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-relative-units

http://www.clagnut.com/blog/348/

• Do any aspects of the layout break if font size is increased?

Try this simple test. Look at your website in a browser that supports easy incrementation of font size. Now increase your browser's font size. And again. And again... Look at your site. Does the page layout still hold together? It is dangerous for developers to assume that everyone browses using default font sizes.

• Does the site use visible skip menus?

A method shall be provided that permits users to skip repetitive navigation links.

CODE :

http://www.section508.gov/index.cfm?FuseAction=Content&ID=12

Group related links, identify the group (for user agents), and, until user agents do so, provide a way to bypass the group.

CODE :

http://www.w3.org/TR/WCAG10-TECHS/#tech-group-links

Blind visitors are not the only ones inconvenienced by too many links in a navigation area. Recall that a mobility-impaired person with poor adaptive technology might be stuck tabbing through that morass.

CODE :

http://joeclark.org/book/sashay/serialization/Chapter08.html#h4-2020

http://www.niehs.nih.gov/websmith/508/o.htm

• Does the site use accessible forms?

Forms aren't the easiest of things to use for people with disabilities. Navigating around a page with written content is one thing, hopping between form fields and inputting information is another.

CODE :

http://www.htmldog.com/guides/htmladvanced/forms/

http://www.webstandards.org/learn/tutorials/accessible-forms/01-accessible-forms.html

http://www.accessify.com/tools-and-wizards/accessible-form-builder.asp

http://accessify.com/tutorials/better-accessible-forms.asp

• Does the site use accessible tables?

For data tables, identify row and column headers... For data tables that have two or more logical levels of row or column headers, use markup to associate data cells and header cells.

CODE :

http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-table-headers

http://www.bcc.ctc.edu/webpublishing/ada/resources/tables.asp

http://www.accessify.com/tools-and-wizards/accessible-table-builder_step1.asp

http://www.webaim.org/techniques/tables/

• Is there sufficient colour brightness/contrasts?

Ensure that foreground and background colour combinations provide sufficient contrast when viewed by someone having colour deficits.

CODE :

http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-colour-contrast

http://www.juicystudio.com/services/colourcontrast.asp

• Is colour alone used for critical information?

Ensure that all information conveyed with colour is also available without colour, for example from context or markup.

CODE :

http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-colour-convey

There are basically three types of colour deficiency

• Deuteranope (a form of red/green colour deficit)
• Protanope (another form of red/green colour deficit)
• Tritanope (a blue/yellow deficit- very rare).

CODE :

http://colourfilter.wickline.org/

http://www.toledo-bend.com/colourblind/Ishihara.html

http://www.vischeck.com/vischeck/vischeckURL.php

• Is there delayed responsiveness for dropdown menus?

Users with reduced motor skills may find dropdown menus hard to use if responsiveness is set too fast.

• Are all links descriptive?

Link text should be meaningful enough to make sense when read out of context - either on its own or as part of a sequence of links. Link text should also be terse.

CODE :

http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-meaningful-links

Accessibility for devices :

• Does the site work acceptably across modern and older browsers?

Before starting to build a CSS-based layout, you should decide which browsers to support and to what level you intend to support them.

CODE :

http://www.maxdesign.com.au/presentation/process/index_step01.cfm

• Is the content accessible with CSS switched off or not supported?

Some people may visit your site with either a browser that does not support CSS or a browser with CSS switched off. In content is structured well, this will not be an issue.

• Is the content accessible with images switched off or not supported?

Some people browse websites with images switched off - especially people on very slow connections. Content should still be accessible for these people.

• Does the site work in text browsers such as Lynx?

This is like a combination of images and CSS switched off. A text-based browser will rely on well structured content to provide meaning.

CODE :

http://www.delorie.com/web/lynxview

• Does the site work well when printed?

You can take any (X)HTML document and simply style it for print, without having to touch the markup.

CODE :

http://www.alistapart.com/articles/goingtoprint/

http://www.d.umn.edu/itss/support/Training/Online/webdesign/css.html#print

• Does the site work well in Hand Held devices?

This is a hard one to deal with until hand held devices consistently support their correct media type. However, some layouts work better in current hand-held devices. The importance of supporting hand held devices will depend on target audiences.

• Does the site include detailed metadata?

Metadata is machine understandable information for the web

CODE :

http://www.w3.org/Metadata/

Metadata is structured information that is created specifically to describe another resource. In other words, metadata is 'data about data'.

• Does the site work well in a range of browser window sizes?

It is a common assumption amongst developers that average screen sizes are increasing. Some developers assume that the average screen size is now 1024px wide. But what about users with smaller screens and users with hand held devices? Are they part of your target audience and are they being disadvantaged?

Basic Usability

• Is there a clear visual hierarchy?

Organise and prioritise the contents of a page by using size, prominence and content relationships.

CODE :

http://www.great-web-design-tips.com/web-site-design/165.html

• Are heading levels easy to distinguish?

Use header elements to convey document structure and use them according to specification.

CODE :

http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-logical-headings

• Is the site's navigation easy to understand?

Your navigation system should give your visitor a clue as to what page of the site they are currently on and where they can go next.

CODE :

http://www.1stsitefree.com/design_nav.htm

• Is the site's navigation consistent?

If each page on your site has a consistent style of presentation, visitors will find it easier to navigate between pages and find information

CODE :

http://www.juicystudio.com/tutorial/accessibility/navigation.asp

• Does the site use consistent and appropriate language?

The use of clear and simple language promotes effective communication. Trying to come across as articulate can be as difficult to read as poorly written grammar, especially if the language used isn't the visitor's primary language.

CODE :

http://www.juicystudio.com/tutorial/accessibility/clear.asp

• Does the site have a sitemap page and contact page? Are they easy to find?

Most site maps fail to convey multiple levels of the site's information architecture. In usability tests, users often overlook site maps or can't find them. Complexity is also a problem: a map should be a map, not a navigational challenge of its own.

CODE :

http://www.useit.com/alertbox/20020106.html

• For large sites, is there a search tool?

While search tools are not needed on smaller sites, and some people will not ever use them, site-specific search tools allow users a choice of navigation options.

• Is there a link to the home page on every page in the site?

Some users like to go back to a site's home page after navigating to content within a site. The home page becomes a base camp for these users, allowing them to regroup before exploring new content.

• Are links underlined?

To maximise the perceived affordance of clickability, colour and underline the link text. Users shouldn't have to guess or scrub the page to find out where they can click.

CODE :

http://www.useit.com/alertbox/20040510.html

• Are visited links clearly defined?

Most important, knowing which pages they've already visited frees users from unintentionally revisiting the same pages over and over again.

CODE :

http://www.useit.com/alertbox/20040503.html

Site management :

• Does the site have a meaningful and helpful 404 error page that works from any depth in the site?

You've requested a page - either by typing a URL directly into the address bar or clicking on an out-of-date link and you've found yourself in the middle of cyberspace nowhere. A user-friendly website will give you a helping hand while many others will simply do nothing, relying on the browser's built-in ability to explain what the problem is.

CODE :

http://www.alistapart.com/articles/perfect404/

• Does the site use friendly URLs?

Most search engines (with a few exceptions - namely Google) will not index any pages that have a question mark or other character (like an ampersand or equals sign) in the URL... what good is a site if no one can find it?

CODE :

http://www.sitepoint.com/article/search-engine-friendly-urls

One of the worst elements of the web from a user interface standpoint is the URL. However, if they're short, logical, and self-correcting, URLs can be acceptably usable

CODE :

http://www.merges.net/theory/20010305.html

http://www.sitepoint.com/article/search-engine-friendly-urls

http://www.websitegoodies.com/article/32

http://www.merges.net/theory/20010305.html

• Does the site's URL work without "www"?

While this is not critical, and in some cases is not even possible, it is always good to give people the choice of both options. If a user types your domain name without the www and gets no site, this could disadvantage both the user and you.

• Does the site have a favicon?

A Favicon is a multi-resolution image included on nearly all professionally developed sites. The Favicon allows the webmaster to further promote their site, and to create a more customized appearance within a visitor's browser.

CODE

http://www.favicon.com/

Favicons are definitely not critical. However, if they are not present, they can cause 404 errors in your logs (site statistics). Browsers like IE will request them from the server when a site is bookmarked. If a favicon isn't available, a 404 error may be generated. Therefore, having a favicon could cut down on favicon specific 404 errors. The same is true of a 'robots.txt' file.

Read More