Stepping into Usable Web

Stepping into usable web – the slider was presented at Experience Sharing event in January 2012. It was a small event with some smart IT professionals from Bangladesh. The event was fun and memorable. I took the chance of explaining what I feel about Usable Web, What a website should have? What steps we can follow to ensure usability and give rich experiences to the users?

I believe -

Website is not only a frame of images, links or texts anymore! A website should so usable not only for it’s visitors but also for machines too!

Elements of a Usable Web

The slider was divided into six main sections.

  1. Concentrate on User Goal
  2. Develop Information Architecture
  3. Make an Effective, Readable UI and accessible UI
  4. Semantic Markups
  5. Need for Speed (The Book)
  6. Make it social make it SE friendly

User First! Concentrate on User Goal

  • Who will be visiting your website?
  • What do you want them to do?
  • What they will get from your website?

Become and Architect! Work on Information Architecture

  • Content (List of all possible contents)
  • Site Map Diagram (Page structure)
  • Wireframes
  • Prototypes (Screen Design

Reference: Usability First

Make Usable UI! Work on User Interface

  • Converting wireframe and prototypes into final design format
  • Design for devices
  • Design for accessibility
  • Design for usability
  • Design for Rich Experience

Semantics! Meaningful Markups

  • Your markup should not be alien codes
  • Readable for devices
  • Meaningful
  • Understandable
  • Device and SE robot friendly

Reference: Dive Into HTML5 (http://diveintohtml5.info/semantics.html)

Speed it UP! Ensure Web Performance

  • A single second delay can loose you thousand of $$$$
  • Don’t overload your website
  • Use less HTTP calls
  • Use modern techniques
  • Load progressively

Reference: Book of Speed (http://www.bookofspeed.com/),  Learning CSS3: Useful References (http://www.smashingmagazine.com/learning-css3-useful-reference-guide/)

User Rich Tags! Make it Social Media and Search Engine Freidnly

  • Emphasise on Rich Contents
  • Use Microdata
  • Schema

References: Google Rich Snippets

It was a very interactive presentation. Each points were elaborated on that event. Let me know if you need detailed explanation on any particular segment. Asj them in the comments section.

Would You like to get into a User Experience and User Interface related group? I am trying to form a group called UXCon in Facebook. Get in and ask others to join the group.

Free Responsive Web Template for Download

“Responsive Web Template Design” was totally an unknown terms for me! When I first read Ethan’s excellent article “Responsive Web Design” on “A List Apart”; it changed my understanding with mobile web in a complete new dimension. Then another presentation called “Mobile First” by Luke Wroblewski driven me a lot about it’s core concept “One Web” and usable on any possible device we have and which are coming. Getting a bag full of inspiration on my shoulder, I started digging into Responsive Web Design. It is opening a whole new exciting world of mobile possibilities the world will be using and some lucky guys out their already started getting the fun!

Joining the Responsive Web Template Design

After playing with so many different HTML default Templates, like HTML5 Boilerplate, 1140 Grid or Adapt.js 960 Grid; I finally found Twitter Bootstrap as the most elegant, easy to adopt HTML frame for quicker development. Twitter Bootstrap driven me so much, now I use it for any new project that comes on had from frontend development. I also use HTML5 Boilerplate merged with Bootstrap for maximum performance and compatibility assurance.

Mobile Responsive Web Design Template

Releasing a Free Mobile Responsive Web Design Template

It is just a way of thanks giving to all those great people who dont hesitate to share their hours of working outcome for others. I have created a single page  responsive web design template. Keeping “Mobile First” concept in mind I have design in first on Photoshop. Then it was converted into Semantic  HTML5 and CSS3 styling. There are many concern about Responsive Web Design technique though. In example, “Can it be that optimized as we could get for mobile only site?” – That’s true in many cases. But I tried my best to keep this responsive template optimized enough for mobile devices.

BuzzApp – A Mobile Friendly Responsive Web Template

BuzzApp responsive web template is responsive down to mobile, tabs as well as your big desktop screen. Taking Twitter Bootstrap as the core framework BuzzApp is following right Document Outlining and true meaning of semantic HTML rules.

Detailed Documentation for Quick Changes

BuzzApp responsive web template is very detailed, organized and well documented for quick changes. Every single section and custom JavaScript modules has been discussed with codes and examples. It gives you quick overview of the inner HTML structure and at the same time gives you detailed idea on how to adopt your own styles with contents. Have a look at the BuzzApp Template Documentation online. The Doc is mobile friendly too!

Photoshop Files Included

This Template comes with necessary Photoshop Files which were used for the original template design. This gives you the ability to adopt your own styles and graphical changes required. Even a separate PSD files added for the slider section. Each layer followed meaningful naming convention for maximum understanding.

Structured HTML markups and proper CSS naming

The HTML markups in the template is well organized and rightly commented for better understanding. Each tags were carefully selected for it’s right and proper use keeping semantic rules in mind. Each CSS classes has it’s own meaningful naming for better understanding.

Free For all

BuzzApp Responsive Web Template is complete free for commercial use. All I request is to give the credit, That’s all!

Enjoy the template and dont forget to share this with your friends. Also please leave our comments bellow and express your feelings.

Website Design For Small Business Oversimplified By Web Design Tools

Website design for small business is being oversimplified by web design tools and content management software bundling up in the market. There is a widespread attitude of, “okay, I will do it myself” happening with regards to designing. In reality, designing is more than just adding pages and colors to your website. Just because you have the tools, it does not mean you will be able to do the job effectively. Yes you can make website; with only few clicks perhaps; but are you sure it is going to work for you?

Web Design

Photo: Chasing Daisy

Web Design Tools are not enough

Most of the hosting clients offer access to Joomla, WordPress and lot of other blogging or CMS platforms. Apart from these, there are several companies selling their instant website tutorials with WYSIWYG features. Anyone can develop a kick start website by using CMS tools and the available options. All you might think of is to put your Home, About Us, Contact Us, Services, and Products Page. However, your business needs more than these. You can even purchase a great looking theme from different Web Template Market but yet indeed; you will only get an standard structure, which may not reflect your business as the way it should be!

Flash and E-commerce Mania

With ample plug-ins available in the internet from WYSIWYG providers, you will manage to use them with the help of the user guides. You will create galleries for your products, decent looking generic graphics, eventually creating something that looks like a near professional website. Shopping cart plug-ins makes e-commerce appear dangerously easy. It takes professional experience to know whether you are using the right shopping cart format. Are you optimizing your product pages? Small business websites need to compete with peer small businesses and giant counterparts.

So within this competitiveness; you can’t be sloppy with your products selling portal. You can’t just use tools to make a website full of amazing animation and make yourself satisfied thinking – “My website is GREAT!” Well, few thinks like this unfortunately!

It’s not only about design any more. You need to place your content into right place in your website according to content priority for maximizing the visibility to readers. You need to know users browsing behavior. How visitors like to browse? Which types of color combination are best for readability? The tools generating your codes are not always accessible to everyone. Are your codes optimized for Search Engines? How about Social Media friendly website? Are you using semantic codes on your site? Is that accessible on mobile? See, so many questions come in front of you as a prerequisite! Can your tools handle all these issues?

Web Presence with Marketing Psychology

A website that has marketing psychology included in every phase of web designing is a must to eventually win in business. To get this done, you need to have your web designing jobs trusted to an online marketing company specializing in web design for small businesses. Having enough tools does not mean you can provide the best job ever. Of course, with practice you might be able to do it; however, you have more to think of about your real-time business than about web technology. Hire a professional website developer or coder and get busy with your own business.

Importance of Professional Web Coder

A professional coder will guide you though customized options for your business in terms of webpage appearance, the number of columns you need done for your business, colors, headers, background, designs, user-friendly navigation and more. The best of all they will be able to produce unique work.

It is very important to have a good-looking logo for your business. Your logo is second to nothing when it comes to representing your business. The internet is flooded with logo development tools as well. It is best to let the professional designer do the job for you. The designer charges are indeed once in a life time investment for the logo that will go places representing your business. When you work with a logo professional it is worth your investment.

Content is the King

Content is very important to speak your business to your clients. You do not want the language to be too complex. You want the content to speak your product and service in the most effective way. The content development team will take care of your needs.

Your website is more than designs, tags, logo and paragraphs about your business. It is your finest marketing weapon. To make the best use of it, you need an internet marketing company or a we design company. There are so many online services, where you can easily look for these companies or professionals. You can post your projects on Elance, ODesk or from Freelancer too! You can crowd source your new logo design from 99Design. Or buy Premium Web Templates if you are trying to avoid custom website design and development hassle. If you think you need some help from Web Design Experts you can get in touch SME Developers.

Your Turn to Involve

Let us know how you make your website? How these web design tools are helping you growing your business? Which method is best for you? Have you ever purchased any template? Do you know the basics of HTML or CSS? Have you ever tried to build one by yourself? What were the difficulties you faced? Lets start the discussion below. You can also suggest your point of views on our Facebook Page. Bye for now.

Photo Credit: Chasing Daisy

Semantic Code: The Concept and Practices

What the Heck is Semantic Code?

“Semantic Code” – sounds familiar right? The buzz word among web development community. Even if you are not related to web development; I know so many SEO experts who are aware of optimized HTML coding structure. Semantic Code is nothing new. It’s the same old concept of writing good codes and concentrate on content structure. Making the content structured not only with css style but also within codes itself.

In an Example We can easily make a sentence Bold, Big and with different color using css, so that it looks like a Header within a placeholder. So a possible coding style can be like this:

<div class=”head”>
  This is a header of this section!
</div>

This is absolutely a bad practice. Lets say if you have 2 more sub headers, what might be the worst scenario?

<div class=”head”>
    This is a Main Header
<div class=”subhead”>
    This is the subheader
    <p>A paragraph</p>
</div>
<div class=”subhead”>
This is another subheader
<p>Another paragraph</p>
</div>
</div>

I have seen codes written like this too. What’s wrong with this coding style? Sure it will work if you are fine with CSS and give them a good look. All you need is to get the class of each container and give necessary styling elements, browser will be happy to show the website as you want to! But is that should be the way of doing this?

Lets have a look at the following coding style

<div class=”content” role=”main”>

<h1>This is the Title</h1>

<h2>This is the first Header</h2>

<p>A paragraph</p>

<h2>Another Sub Heading</h2>

<p>This is another Paragraph</p>

</div>

Why Semantic?

Less codes, well formatted and most important of all meaningful markup. Your Browsers will render your site properly, also Search Engines will get the idea of which to mark as important content! There are lot’s of other area we can cover on it’s benefits and trade offs. Lets go through them step by step.

Better loading time

Clean coding structure helps browsers to load your site faster. Just image if you can somehow reduce the DOM elements for your HTML it means you are reducing the size of codes too! Let’s take a note from Yahoo Developer Network on Semantic Code..

“ Are you using nested tables for layout purposes? Are you throwing in more <div>s only to fix layout issues? Maybe there’s a better and more semantically correct way to do your markup”

Yahoo Developers Network
We can see the benefits of well coded HTML right from IamWD blog. Though we have changed the old layout and adopted a responsive UI; we are calling more request than before on .js and .css files. I can remember it took near about 6 seconds to load the whole website before. But it came down to 1.45 sec(avg) with our semantic coding approach. You can get an idea on performance result for semantic coding style held by Dyn.

More Accessible:

Giving your HTML appropriate markups increases accessibility. If you can manage to generalize the process you will find out the site is rendering well on any browsers. When you try to make layout on a certain web page; <div> or <span> is our friend. Sure we have to use it to give a structural view. Does it have any meaning? But if we use <header> for the heading of the page, <aside> for sidebar container, <footer> for footer section of the web page, <nav> for navigation and relatively p for paragraph, h1-h6 for titles and sub titles; then it looks more understanding.

HTML Outlining

We tried to run an experiment with IamWD website on WAVE, to see how the website is performing in terms of accessibility. After the test we get the result as expected. The website is well outlined in h1 and h2 tags. Hense, it has few unsolved issues. You will see down on the bottom of the screenshot below; it has outlined sidebar headers. Someone can argue (Even I will be arguing) that sidebars can be given less priority comparing to the main contents. In that such case sidebar can be nested within a main parent tags followed by sub tags as separate instances. Then we could easily define another h2 tag and define all the sidebar sections starting with h3. When we will be doing prototyping of the website these macro level decisions becoming more concentrated. While you are doing structural design process or laying out the website; we must ensure what will be the outlining of a web page?

Semantic  Code HTML outlining Layout

Semantic code always gives an extra benefits to screen readers. Semantic coded website are well accessible and gives structured view on text-only browsers without any problem. Even our ancient mobiles can access that!

SEO Friendly:

The way semantic markup is used throughout a site, including h1, h2, and h3 tags, helps us to understand the priorities of a site’s content. Which tags are relatively more important for Search Engines? h1-h6,Anchor Texts,<strong>,<p> are the general HTML tags we always use. How about new HTML5 tags? They sounds more understandable, aren’t they? We know which placeholder is holding what. Like I said before using right tags in right place help search engine robots to understand the importance of a site contents. Apart from keyword analysis; content structure is the most influential for search engine ranking.

Microformats, Resource Description Framework – in – atributes (FDFa)  or Microformats were proposed in different events on past and still it’s a growing practices. Google are using all three forms of structured metadata to find the semantic content within webpages mentioned above.

Let’s have a look how Google is using meta tags to get semantic values within a page? rel=”canonical”  – acts as a hint for duplicate contents. rel=”next” or rel=”prev” to indicate relation between paginated links. rel=”author” – Authorship of you website. Your social profile will be shown along with your site search result.

By using schema attributes along with properties within your site layout you are telling your search engine the specific type of your content. It is not only valid for SEO. Many smart devices now supports these tag to render the site device compatible.

More information on Semantic Code practices

Here are few resources where you will get more detailed information on Semantic Code. Microformatique – a blog on microformats. Please also do follow Part1 and Part2 on that page. Specification on HTML microdata mechanism can be found on W3C. Dont forget to follow Google Webmaster CEntral Blog. They keep posting about any new attribute changes for their SE mechanism. I will be writing more about the schema and microformat uses in upcoming post. Till then let me know how you are taking semantic approaches? What types of conflicts or suggestion you are finding out? I will be waiting for your comments. If you like this post then dont forget to bookmark this page on social media. We also have a new Facebook fan page. Hope we will see you there.

A Brand New Responsive User Interface

We kept you waiting long! We apologies for that! We all were busy with our new web design company SME Developers. It is going great and already has developed quite a few projects for some great clients.

I am Website Developer was kept aside for few months. We had seen visitors are browsing the website from different locations around the world. Very interestingly most of them are coming from Search Engines! Close to 1000 page views and 700 unique visits each month. Bounce rate was really poor, close to 89%. After hovering these analytical data I thought if people are coming into the site and bouncing back to exit; it means this current website is not enough to keep visitors engaging with the contents. I researched even more on website performance, loading time, usability and overall UI design aspects for the existing site. It turned out to be this website is running below average quality in the blogging industry! Sorry to say that but it’s true.

What was the problem with this blog?

Lack of continuity, poor coding structure on backend, heavy images, poor loading time and articles were not readable at all. Among all these problem lack of continuity was the worst killer! In-fact this can be defined as the main cause which is making this blog unsuccessful.

It had all the elements a blog should have. Social Icons, Share Bars, A Good Commenting system using Disqus, Related Post plugins, Caching plugin, All in One SEO plugins and many others to make the blog perfect. But I was wrong.

While I was working on my other projects like In Quest of Music, SME Developers website using WordPress; I have seen optimized website is one of the key to better usability and user experiences. If your website can ensure a better readability in terms of design and if you can ensure optimal loading time with proper accessibility, your website will be more engaging.

Steps Taken for better User Experiences

Better Typography

You are using the beta version of new IAMWD User Interface. How is it? Can you read it things well? Typography has been given the most priority in this new UI. You will see the content area is the most focused segment here. Every anchor link is identical here. You know those light blue texts are links.

Responsive User-Interface

This website is responsive to browser size. Using 1140 CSS mobile grid system IAMWD can be seen on any smart-phones. We don’t have to use any mobile plugin for wordpress like wpmobile. Type http://iamwebsitedeveloper.com/ on your mobile browser and see what happens. It should fit itself according to your browser size. The current web layout is also well accessible in all browsers with almost same view

Responsive User Interface

Blazing Fast

Yes it is! We tried to keep the coding structure at its finest form and still improving it’s inner structure. The old site was taking 7.80 sec on it’s first load. This new user interface loads within 2 seconds and we are quite sure it will taken less time in future. 

YSlow test

We know we can get even better loading speed after we optimize those JavaScripts too.

Semantic Coding structure

This new layout and it’s prototype is following semantic coding rules for rich browsing experiences. Elements like rel=”author” rel=”me” for social share authorship, OpenGraph markup is on header for social share both on Facebook and Google +

Better Articles for web developers

We are thinking to introduce some new faces in IAMWD. We will like to launch a campaign within article writers to submit there articles on different web related topics, both paid and niche blogging. Credits will be given to each writers and best article contributor will get $15 as a price money. Ya I know very less! but hey just for fun and contributing within a social writing. It will be fun. If any one of you are interested for group blogging please write on our Facebook Page.

Search Engine Optimization:Basic Information

Search Engine Optimization:Basic Information

Search Engine Optimization is shortly known as SEO that uses for appearing among the top listing on SERP. There are three ways ranking our pages: White Hat,Black Hat and Gray Hat. We will discuss about White Hat methods all over this article on Search Engine Optimization.

Search Engine Optimisation

To optimize a web page  Internally,There are some criteria which are shown below:

Choosing Domain Name

Each and every web site has its own domain name which is unique. The Domain name represents our website. We have to bear in mind that Domain name should not be long. Domain name is also considered as a keyword.

Domain Name

Using Meta Tag

Search engine doesn’t see as we see a web page .They only can see the code and it is very important to have a clean code. Meta tags are part of our web pages code and they have great importance. Meta tags have thee parts, We are going to discuss those one by one:

Meta Tags

  • Title Tag

We must include our keyword phrases in the Title Tag and we should set the Title at the top of the page.
The code for Meta Title:<title>HERE IS OUR TILTE</title>

  • Description Tag

The Description Tag does not have any effect on SEO and Ranking. We should use Description to make people click on our website. Description Tag is actually say what our site is in short. Description should not be long than 200 words.
The code for Meta Description :<meta name=”description” content=”THIS IS OUR DESCRIPTION” />

  • Keyword Tag

Actually, The Keyword Tags have no effect on our On-page SEO and Ranking also. We have to use keyword tag to tell Search Engine for what keywords to Rank over web page. Keyword should not be more than 10 words.
The code for Meta Keyword:<meta name=”keywords” content=”keyword1,keyword2,….” />

Introducing Heading Tag

Placing our keyword phrases into the Heading Tag is another thing we should do that will optimize our On-page SEO. H1 tag is most important and we should also try to include our keyword phrases into our H1 and H3 tag Headings within our post.

Head & Subheads

Utilizing Page Content

Large content is much better than short content. We have to use keywords in our body content. We must keep in mind,density of a keyword should not be more than 3-5%. Page contents should have Bold,Italic,Underline on our keyword phrase. We will use all 3 but don’t overdo it and will try to use them once in every 100 words.

Page Content

placing Internal-Linking

For SEO, Internal-Linking is very important. We can build Internal-Linking by using anchor text.
The code for Internal-Linking:<a herf=”http://domainname.com”>Domain Name</a>

Internal Linking

Applying Image Alt Tag

Search Engine bot can’t read any image. To overcome this problem we have to use alt tag.
The code for Image alt tags:<img src=”IMAGE FILE PATH” alt=”IMAGE NAME” />

Image Alt Tag

Frankly speaking, i am not an Expert in Search Engine Optimization and still learning. I shared some of my knowledge with you. If you have any query about the topics you can post and also can share your Expertise knowledge with us in our comments section.

Steps to follow on pre web design process

web design process

What sort of design process do you follow? Modern design process involves so many different structures, work-flows to make things more usable both for clients and designers. Which one is your best fit?

Prototyping, wireframing is not a new concept, we are used to work on UML (Unified Markup Language) before. Hence the conception was vastly used for mid level projects by most of the stablished software development companies that follows international standards. For web developers on small projects most of them really dont bother to adopt the rules of design flow, as it is time consuming. Here we miss the main part.

You should be following few steps before jumping on design implementation. It reduces your overlapping,  tweaking time and alternation; moreover you can easily adopt any future changes if required. That means you are saving your time and saving your clients money.

Lets go through some of the steps:

Get detailed Requirement

While getting requirements from your clients try to get as much details as you can for you next web design project. Sperate them in to different appropriate sections. Point out the key functionalities. Get inner view of information structure, review additional steps necessary for the design. Flag them according to the dependencies and complexity.

Work on Wireframes

Wireframing is the key process that we usually follow to show our clients the basic structure of the website. It dosent include any color or styling just the basic structure to show clients how their website will look like. In this process you will also dig ou the usability issues as well as the user visibility ratio.

There are so many different tools out there. You can do the wireframe on paper or use online tools like Cacoo or Printable wireframing tools.

After you done with the wireframing and information architecture show it to your clients. The followup with your requirements, discuss with the elements usability factors with them. If they are satisfied go with it or if they re not then work on the wireframing again.

Jump on core design Implementation

After you get green signal from your client on wireframed structure, you know how information will be placed within a browser. Now it is time to start on design implementation. Which means styling, giving color effects. Most of the designers use Photoshop or  Fireworks. There are so many different tools on internet to implement a nice, elegant website frame.

Benifits

You will find out benefits if you follow this process. Some of the key points given below:

  • Less time
  • Gather more confidence from clients
  • Alter when necessary without giving much effort
  • Quick updates
  • Easy to followup
  • Reducing cost on both end.
  • Re-Usable
  • Ensuring usability and UX

I personally follow this process. Still there are so many different terms and technical steps to be followed but to insure the very basic you can start with these steps. It works for me, let me know what you think what steps do you follow?

Optimize your posts for search engines on wordpress

It takes time to rank your website on major search engines like Google, Yahoo or Bing. I am not talking about page rank that is offered by Google or Alexa. Ranking on search engines depends on so many different matrix. Organic, Links, in page hit of traffic, referrals and more different types. In many cases it is quite hard for people to make their web pages optimized; who doesn’t deal with professional SEO services. Hence, there are few general rules that I always follow to “optimize posts for search engines on wordpress“. I am going to elaborate few of the these techniques below :

[Related reading: Speed up wordpress blog by reducing external request ]

seo-wordpress-plugins

Choose perfect heading for your article:

This is in-fact the most important of all. Let me give you a small example. Type this phrase on google “optimize posts for search engines on wordpress”. You will see near about 447,000 results found. use these key words separately on Google Trends. You will see the relevance of each keywords. Here the data is scaled based on the average search traffic of the term you’ve entered. So if you can insure to have perfect heading with defined keywords searched by major traffic then your chance to get hits increases a lot.

Use your title within your posts:

Have you seen this posts already used the title twice? Which means when Google will scan the post it will get more relevance with the title. Try to insert your title phrases you keywords technically so that your search engine hits get a rise.

Be consistent on heading:

Be very consistent while using headings within your posts. If you give your title a tag <h1> then don’t use it again within your post. It is just like writing a thesis or published article. We always keep relevancy on heading there. Like If the title is <h1> then a section heading will be within <h2> and if a section has sub heading they will go with <h3>.

Bold your keywords, give them some weight:

Have you seen I am using bold on this post? If you have a clear look you will see I only bold those words which are relevant to this post topic. It helps robot to get determine proper keywords. because you are matching your giving keywords given on meta tags.

Choose proper keywords:

While choosing your keywords for your meta tag on <head> section try to insert keywords taken from your written posts. Especially those which are marked as bold. In example for this post: keywords should be ‘optimize wordpress’, ‘posts for search engine’,’SEO’,’perfect heading’,’keywords’ etc.

Final Touch

I am not a SEO guru, but a blog writer and website developer I have to use few of these techniques. It works for me. I have seen many of my posts gets higher ranking by using these simple steps. Hope it will work for you if you can use them properly. I would like to thank Mr. Asif Anwar, one of the pioneer on online marketing specialist from Bangladesh;  who gave me initial ideas about these simple steps when i was in London. Now its your turn for discussion. Please reply using our social comments options.

Best wordpress plugins you should have for blog without a second thought.

There are over 12,000 plugins counted by wordpress.org so far, even more out there as third party plugins by different developers. WOW!!! That’s great then!! I do have so many options right? Well it is good to have so many options but it rises a problem at the same time. Which one we should chose? We can not download all the plugins and install them one by one to check which one suits my blog best?

Last one year while working on this blog I have used so many different plugins to make it better, faster and usable. Some of those are really good and still using them and most of them were useless and resource taker. Below I am going to give a list of some good plugins I think you should have installed:

best wordpress plugins for blog

Best wordpress plugins you should have for blog

Akismet

If you want to get rid of spam don’t forget to use this. A life saver to me. I see everyday there are more than 30 spam which were protected already by Akismet itself. It will automatically grab all those spams and will be resolved for you. Install it and forget about spammers. It comes with WordPress installation.

XML-Sitemap

Automatically create and submit your Sitemap on favorite search engines like Google, Yahoo or Bing when ever you will submit any news post, alter update or delete. They will be notified about changes to search engines. Options are pretty straight forward and esy to setup. Install and active then forget about your sitemap issues.

Feedburner

I would recommend to use feedburner feeds as your default RSS. It gives you option to count and manage your subscribers subscribers. It also redirects your visitors towards feedburners feed page when clicked on RSS.

All in one SEO

Best SEO plugins for your blog so far in my count. I really works great for me. Simple easy to handle. Moreover it offers different option to configure your SEO related issues. It also offers a paid plugin which is more robust.

WP Related Posts

Generate a related posts list via tags of WordPress

WP Greet Box

Show a different message to your visitor depending on which site they are coming from. That means if a new visitors referred from search engines like Google it will greet you it will request you to subscribe by RSS mentioning you are a Google visitors. Good to grow your subscriber base but problem is it insert a related JavaScript on header which is a performance issue.

WP Smush.it

Reduce image file sizes and improve performance using the Smush.it API. It makes your post loading time even faster by reducing image size.

Thank Me Later

Automatically send a ‘thank you’ e-mail to those who comment on your blog. This plugin engages the visitor by reminding them to check back for responses or new blog posts.

Twitme

This plugin allows you to automatically post your new posts on the twitter website.

Top Comments Widget

The Top Commentators Widget a sidebar widget to show the top commentators in your WP site. That means you are promoting your commentators which encourage them to comment even more.

WP Super Cache

One of the best plugins to speed up your wordpress page loading time by enabling caching. It generates html files that are served directly by Apache without processing comparatively heavy PHP scripts. By using this plugin you will speed up your WordPress blog significantly.

ShareThis

Lightweight and easy navigated options to install. Let your visitors share a post/page with others. Supports e-mail and posting to social bookmarking sites.

WP-DBManager

Manages your WordPress database. Allows you to optimize database, repair database, backup database, restore database, delete backup database , drop/empty tables and run selected queries. Supports automatic scheduling of backing up and optimizing of database.

Now its your turn

There might be few other plugins which you may find better. Then please let me know on the comments section.

Happy Birthday to IAMWD

Today IAMWD is celebrating it’s first blogging year. When started I really didn’t know I could be with this for one year long. Thanks to all our visitors and to those blogger who inspired me to carry on. It was quite hard time for me continuing this as a non-writer; but I have seen there are few good posts which ranks pretty high on different search engines and social media.

happy birthday

Here are few posts that are most popular of all time since last one year:

I know very short list. But I promote to come with more articles and resources in-front of you in coming days. We also like your help to get more visitors base. If you think you can consider to share our site within your network please use the social network bar. You may also like to connect with us with our RSS feeds.

Huddle Collaboration Starting at £10 a month