Sitemap and 6 Sitemap Generator Plugins

Sitemap

Back again. Now i want to try write something about Sitemap. Sitemap for SEO. Yes, it is one of search engine optimization factor. Site map (or sitemap) is a list of pages of a web site accessible to crawlers or users. In its simplest form, a Sitemap is an XML file that lists URLs for a site along with additional metadata about each URL (when it was last updated, how often it usually changes, and how important it is, relative to other URLs in the site) so that search engines can more intelligently crawl the site. This will helps visitors and search engine bots find pages on the site.
Google and the other search engines rely mainly on their bots and web crawlers to discover new pages around the web. it help them in some situations, but they are not compulsory nor necessarily beneficial.
Sitemaps are particularly beneficial on websites where:

1. some areas of the website are not available through the browsable interface.
2. webmasters use rich Ajax, Silverlight, or Flash content that is not normally processed by search engines.
3. Your site has a large archive of content pages that are not well linked to each other, or are not linked at all. (according to Google itself, they said that Googlebot crawls the web by following links from one page to another, so if your site isn’t well linked, it may be hard for us to discover it.)

How to generate sitemap?

It’s according to your site or blogging platform. Blogger was generate rss/xml as the sitemap, and people usually submit it into webmasters tools. and for wordpress, there are a lot of sitemap generator that can use to make it.

XML Sitemap Generator Plugins for WordPress

1. XML Sitemap & Google News Sitemap Feeds.
   This plugin dynamically creates feeds that comply with the XML Sitemap and the Google News Sitemap protocol. There are no options to be set nor file or dir access rights to be tampered with and the feeds become instantly available
2. Google XML Sitemaps.
   This plugin will generate a special XML sitemap which will help search engines like Google, Bing, Yahoo and Ask.com to better index your blog. With such a sitemap, it’s much easier for the crawlers to see the complete structure of your site and retrieve it more efficiently. The plugin supports all kinds of WordPress generated pages as well as custom URLs.
3. Google XML Sitemaps with qTranslate Support.
   This plugin will create a Google sitemaps compliant XML-Sitemap of your WordPress blog. It supports all of the WordPress generated pages as well as custom ones. Everytime you edit or create a post, your sitemap is updated and all major search engines that support the sitemap protocol, like ASK.com, Google, MSN Search and YAHOO, are notified about the update.
4. Google XML Sitemaps with Multisite support.
   This plugin is modified Google XML Sitemaps. Now it has only basic multisite functions. It can create sitemap for each your site and link it in robots.txt file.
   Functionalities related to custom post types are coming soon.
   This plugin will generate a special XML sitemap which will help search engines like Google, Bing, Yahoo and Ask.com to better index your blog.
5. XML Sitemaps.
   The XML Sitemaps plugin for WordPress will automatically generate XML Sitemaps for your site and notify search engines when they’re updated.
   Contrary to other plugins that generate sitemap files, this one will add a rewrite rule and store your cached sitemaps in the wp-content/sitemaps folder.
6. Simple XML Sitemap.
   This plugin will generate an XML sitemap of your WordPress blog and ping the following search engines: Ask.com, Google, Bing.

Do you have your Sitemap for your blog? Which one sitemap generator that you use? Please tell me if they are another sitemap generator plugins.

13 Online Design Tools to Help Build Better Sites

Online Design Tools is the important things to have when we designing sites, especially when we doesn’t really an expert in web design. Not only it will save you time, it will also help to build better sites. In this post i will list you really useful free online tools you can use, to speed up your works.

13 Online Design Tools to Help Build Better Sites

SpriteBox

It is free WYSIWYG tool to help web designer quickly and easily to create or generate CSS sprite from image. To begin, you can either enter an URL of a hosted sprite image or upload an image. You can also drag and drop to upload images into Spritebox.
Click and drag to create a block element on the desired portion of the sprite. Blocks are drag-able and can be re-sized using the handles. Alternatively, use the arrow keys to nudge the block, or hold down Shift and use the arrow keys to resizing.

CSS3 Generator

CSS3 Generator is a simple tool that creates some cross-browser CSS3 code, like border radius, shadow radius, text shadow, @Font Face, and many else based on whatever values you want.

0to255

Basically, it’s a simple tool that helps web designers find lighter and darker colors based on any color. Simply pick the color that you want to start with and 0to255 gives you a range of colors from black to white using an interval optimized for web design. Then, just click the variation you want to use and the hex code is automatically copied to your clipboard.

CSS Layout Generator

CSS Layout Generator is online web 2.0 tool for creating HTML+CSS templates (layouts). This tool generate an archive (in just a few clicks) containing two files: HTML & CSS, which represent the basic layout for your future site. Layouts generated by CSS Layout Generator has been tested are displayed correctly in following modern and popular browsers, such as: Chrome, FireFox, IE 6+, Opera and Safari.

CSS Menu Generator

It’s free online tools to create button for your site. Just look up the menu design in the gallery, click and download the source.

CSS3 Button Maker

It’s really simple tools to make awesome button with CSS3. Just arrange the width, border radius, margin, and the color of button. And then click the button to view CSS code.

PxtoEm Calculator

PXtoEM is px to em conversion made simple. Choose your body font size in pixels (px)and out comes a complete pixel (px) to em conversion table, making elastic web design with CSS a snap.

WhatFontIs

WhatIsFont is free online tools to identify the font you are looking for. Just simple put the image url that contain the font or upload the image url in the field.

Typograph

A typographic tool that generates CSS for beautiful web typography, according to traditional scale and vertical rhythm.

Typograph

This tool generates grid systems in valid css / xhtml for rapid prototyping, development and production environments. The grid system generators offer the ability to customize the width, no. of columns and margin(s) to allow more flexibility for various designs.

Stripe Generator

It can be quite tricky to create your own stripe background. If you’re struggle with that, you can always use this tool to generate your desired pattern.

BGPatterns

BgPatterns is a tiny web app for making background patterns in a few clicks, it’s pretty amazing with how flexible it’s for you to customize a background pattern. Should check it out, it’s fun to play with.

CSSTypeSet

Great tool to make your CSS stylesheet online without knowing any coding.

Do you have another online design tools to help build better sites?

if you’ve another one, please add it to the comments below. please share it with us in the comments, we’d love to hear your thoughts!

Free Online CSS Sprite Generator and Optimizer to Increase Page Speed

Free Online CSS Sprite Generator and Optimizer to Increase Page Speed. Do you have read about Google Page Speed Online? It’s a free online tools to check your sites speed. I have use it, and one of high priority is use CSS sprite and minify CSS.
Some people are familiar with this technique. they was implemented in their sites. But how for newbie? It’s will make their confuse.  Don’t worry, We can use free service to make it. Many sites offer the tools to generate CSS sprite and compressing CSS. You don’t need to find it on search engine. I will make a list for you.

Free Online CSS Sprite Generator and Optimizer to Increase Page Speed

5 Free Online CSS Sprite Generator

CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. With this style, images are combined into one larger image at defined X and Y coordinates.

1. SpriteMe

2. Sprite Creator

3. CSS Sprite Generator

4. CSS Sprites

5. CSS Sprites Generator

7 Free Online CSS Optimizer

Online CSS Optimizer is a web tool for reducing the file size of cascading style sheets. It can be increase loading speed and save on bandwidth as well.

1. CleanCSS

2. CSSOptimizer

3. CSSDrive

4. CSSCompressor

5. CodeBeautifier

6. Online Yui Compressor

7. Robson CSS Compressor

Do you have another free online CSS sprite generator and optimizer

if you’ve another one, please add it to the comments below. please share it with us in the comments, we’d love to hear your thoughts!