RSS

Category Archives: Web

How to Increase Website Traffic

Increase Website Traffic

There are many creative ways to increase traffic to your website. Some will cost you money, and some won’t. Below you’ll find many legitimate ways (ranging from free to costly) to boost the number of visitors to your website. But if you don’t have so much as a cent to spare,

Steps

Improve your Internet Presence

  1. 1

    Offer free, original, and quality content on your site. This is the most effective means for increasing traffic to a website; offering people something that they cannot obtain elsewhere, or at least, not to the level of quality that you are offering it. Ways in which to ensure that your content is of higher quality than competitors or is unique include:

    • Creating content that is helpful and useful. Simply cobbling together information from another website will not generate traffic. You need to offer visitors the information they need to achieve a goal, solve a problem, be entertained, find out quality news or have a good laugh.
    • Keep it fresh. For repeat visits, it is crucial to provide regular updates to the website, especially in frequently viewed zones. Add fresh content every few days if possible; at a minimum, weekly.
    • To have a fully functioning and successful website, you need to make sure your tags are in place and your links are not broken. You also need to submit a sitemap.xml file to Google to have your website show up in Google’s search engines. There is a tool that inspects websites just in case you missed tags and links and it creates a free sitemap.xml file. It gives you results in minutes.
    • Outsource article writing. If you hate the thought of generating content yourself, or your team is not writing-savvy, consider outsourcing this end of the task. Depending on the length, content, specialization and quality required, prices can start as low as US$5 per article. However, don’t neglect attempting to write your own work – who better than you knows your own business, hobby or club and can express precisely what needs to be said? Just sit down and start writing an article. You may be impressed when you’re done!
    • Add video to your landing pages (VLP – Video Landing Page) that is informative and relevant to your site. Respected studies show that good video can improve conversions and page ranking more than most any other item you can add to your pages.
    • Use landing pages for fast fulfillment of your PPC advertisement.
    • Launch some contests. It’ll draw you instant traffic. You can Goggle search some free sponsor program and do such contest frequently.
  2. 2

    Supplement your original content.

    • Leverage available free content from sources with Creative Commons licenses that support your website message that readers will share.
    • Find for-fee products that will allow you to fully use premium branded content that is legally allowed to be shared.
  3. 3

    Trying to get more backlinks on your website this may help to increase the traffic.

    • Get a proofreader. Poor spelling and grammar reflect badly on the services and information being provided; avoid unwarranted negative judgments by getting the writing in order prior to publication online.
    • Avoid content generators. While these were once the delight of a fledgling web industry, they are no longer useful. Putting your own team’s creativity online is what is useful.
    • Never copy and paste from another website – Google, Yahoo, MSN and other search engines are too smart for this nowadays and will detect copied and unoriginal content, sending you to the bottom of the pile.
  4. 4

    Improve your search engine ranking by focusing your content on keywords related to your topic. This is called search engine optimization and will help people find your website when they’re searching the Web. Make sure the keywords flow naturally with the text and when you are brainstorming for good words, ask around for words that come naturally to people of all ages when looking for your type of site. To help you understand better, realize that the keywords not only go into headings and page names but also into “meta tags”. “Meta tags” are the software code that website visitors do not see but search engines do. Finally, don’t overdo the keywords; over-stuffing keywords will result in a very low search ranking for your website. Also, be very careful not to place key text inside graphics; search engines cannot pick up graphics.

  5. 5

    Get linked. This is a very important part of website management. Exchange links. Trading links with other websites that are closely related to the subject of your website can bring you more website traffic. These are two-way links because you must provide a link to them, too, and linking to low-quality websites can threaten the credibility of yours. Only link to sites that are dead on topic, and truly help your visitors.

    • Instead of trading links, you could also trade banner ads, half page ads, classified ads, etc.
    • Be sure to not be too excessive with your link exchanges and do not make this your entire link building method. Google webmaster guidelines specifically says to not engage in link schemes including: Excessive reciprocal links or excessive link exchanging (“Link to me and I’ll link to you.”)

  6. 6

    Use social media. Post compelling content and you’ll soon build a loyal following. Follow and share with other users, who may reciprocate and follow you. Keeping up to date with social media and finding time to post can be tricky, but it’s well worth it. Let people talk and become part of a community and they’ll promote your content for you. This will save you a great deal of time, and they will share much further than via conventional strategies.

  7. 7

    Advertise your presence. Besides using links, you must make use of numerous other ways to increase web traffic. Sit down and write a list of all the ways you can think of to get your web address noticed and clicked on. For example:

    • If you have money – consider pay per click. The big search engines like Google, Yahoo, Microsoft provide schemes. But find out first how to limit your expenditure to the level you want.
    • Use e-zines. Make your own that relate to your website and form a regular reminder each issue for people to visit your website. Submit all the free e-zine directories on the internet.
    • Submit your articles to e-zines, websites and writing sites that accept article submissions. Include your business information and web address at the end of the article. This is a good way to create one-way backlinks to your website. This is the most effective way to get listed on any search engine. Usually, the more relevant links you have pointing to your site the higher you will rank.
    • Go beyond the electronic medium and into the print medium. Advertise in local newspapers, business brochures, magazines, nationwide publications and mail-drop literature. And don’t forget the perennial favorite, the good old Yellow Pages™ – printed version naturally!
    • Small business cards left in cafés, on signboards, exchanged at meetings etc.
    • Use local resources such as clubs, libraries and community centers for non-profit website awareness raising.
    • Participate on message boards. Post answers to other people’s questions, ask questions and post appropriate information. Include your signature file containing your website’s URL at the end of all your postings.
    • Start your own online discussion community. It could be an online message board, e-mail discussion list or chat room. When people get involved in your community, they will regularly return to communicate with others.
    • Use word of mouth. Tell everyone you know about your website, give out business cards to passers-by in the street, and so on. You might even want to run a guerrilla marketing program!
    • Use your car, especially if your website is area-specific (e.g. a website detailing local events or selling local services). Get some vinyl decals or bumper stickers created and turn your car into a moving advertisement, literally driving traffic to your web site!
  8. 8

    Give freebies. Who doesn’t like a freebie?! Online freebies are commonplace and they leave the visitor wanting more when they are well written and informative introductory materials. Consider such freebies as:

    • Giving away an eBook with your ad on it. Allow your visitors to also give the freebie away. This will increase your ad exposure and increase web traffic to your website at the same time;
    • Holding free online classes or seminars. They could be held in your website’s chat room. The idea of “live” information will definitely entice people to visit your website. You will become known as an expert on the topic.
    • Giving visitors a free entry into your contest or sweepstakes. The prizes should be something of interest or value to your visitors. Most people who enter will continually revisit your web site to get the results.
    • Letting visitors download free software such as freeware, shareware, demos etc. You could even turn part of your site into a free software directory. If you created the software, include your ad inside and let other people give it away.
    • Targeting specific groups who might worry about using the internet with free classes in using it on your site – senior citizens, busy workers etc. might find these convenient and alluring.
    • Offering free online services or utilities from your website. For instance, they could be search engine submitting, copyrighting, proofreading etc. The service or utility should be helpful to your target audience.
    • Giving free consulting to people who visit your website. You could offer your knowledge via e-mail or by telephone. People will consider this a huge value because consulting fees can be very expensive.
    • Offering a free start-up package that has a finite time; enough time for the customer to practice with your online product and like it enough to pay for continued use.
    • Sending out free CDs, DVDs etc. that contain starter packs or teasers to encourage the customer to use your site more.
    • Offering free screensavers or templates for business cards, cards, writing paper etc., anything that a customer can print out.

  9. 9

    Be patient. Search engines need a lot of time to index a new website and domain. They need time to index all your content; it’s worth the wait and should be factored into your website profitability and/or popularity timeline. In the meantime, continue to add high quality content to your website and keep it up to date and relevant.

  10. 10

    Use all of these free techniques to increase traffic to your website: USFreeads.net, twitter.com, bloggvertise.com, drop flyers, chat rooms, forums, Youtube, Myspace and Google Groups.

Improve Your Website

  1. 1

    Balance your page. To improve your website, balance your page because when users enter a website, their focus first starts at the top left of the page and hovers there before slowly tracking to the right. The web user is focused more on the text of the page, rather than images or graphics. This is where balance comes into place.

    • Balance will not only make your page more visually appealing, but it will make your page easier to read and items easier to find. A good object will help the objects on your page flow.
    • Keeping it simple. If you clean your website up by removing all the unnecessary visual elements, it will allow important items to stand out. You should leave some white space on the page so the illusion of the space is visually pleasing, as well as easier to navigate.
  2. 2

    Clean backgrounds. The background textures and colour you chose have the ability to estimate the overall appeal of the website. Lots of texture and graphics in the background can be distracting, and the more texture you add to the background, the less noticeable your text and images become. If you are going to use a colour on the background, you should make sure there is significant contrast between the background colour and the text. You will rarely go wrong with black text and white background because it’s clean and easy to read. You have to be careful when using brighter and darker colours such as red or yellow. They cause visual fatigue (temporary loss of strength and energy resulting from hard physical or mental work) and the reader will lose their focus on the text.

  3. 3

    For easy navigation, you should create a toolbar with links that are easy to navigate and position the toolbar in an area that makes sense. Web users often look for the toolbar across the top or down the left the left hand side of the page. You shouldn’t forget a link to your homepage. It’s often forgotten but very important to point your users to your homepage.

  4. 4

    Text readability should make your pages easy to read, break up blocks of text and create short paragraphs. You should consider the key points on each page and create headings and subheadings use one or two fonts. You should select one font for your headings and subheadings and another for the body text and highlight key words and phrases by bolding or using a different colour. You should be careful when selecting colours, and not to use every colour in the rainbow. Many such as yellow and pink don’t stand out well if you’ve selected a white or black background.

  5. 5

    Horizontal Scrolling. It would be better if you get rid of horizontal scrolling because users hate to scroll left to right. It’s disorienting and annoying, so if you’ve got it, lose it. Vertical scrolling is ok if you have to have it, but consider moving larger blocks of information to another page and providing links. There’s also the danger of missing vital information that falls below the screen if a user decides not to scroll down to view it. So if you’ve got to have a scrolling page, try to keep all your important information above the fold.

  6. 6

    Make it quick. We all get impatient when it takes more than 5 seconds to connect to a website. Users want to make contact, and make it quick. You need to ensure that your pages load as quickly as possible. Eliminate unnecessary graphics, especially flash graphics they can be time hogs.

 
Leave a comment

Posted by on September 18, 2013 in Web

 

Responsive, Adaptive and Liquid Layouts

Do you know the difference between Responsive, Adaptive and Liquid Layouts?

A great example here:
http://liquidapsive.com/

 
Leave a comment

Posted by on September 13, 2013 in Web

 

6 Useful Google Extensions Or Apps For Web Developers

Web developers depend upon various tools to speed up their work. Google Chrome is now the most popular browser in the world. More than 50% logichacker visitors are using Google Chrome. The chrome extensions and apps listed here will help web developers and testers to speed up their work.

1. ColorZilla

Colorzilla is a tool that helps you analyze and choose the colors on a webpage.

Colorzilla Google Extension

Colorzilla Google Extension

 

Features

1. EyeDropper Tool
The 1st option on the colorzilla menu is the eyedropper tool. Take a webpage and position the cursor anywhere on the webpage to get the exact color code.

As shown in the image below, it shows the color code of the shade of red used in the google logo in a palette, when we position the cursor there . Just click on the area to save the color code to the clipboard. Similarly position your cursor correctly and get the color code of any pixel on the webpage.

Colorzilla Eyedroppertool

Colorzilla Eyedroppertool

2. Color picker
The 2nd option on the colorzilla menu is the colorpicker. It helps you get the hex code/rgb values for the color chosen from the color picker palette. In addition to that, it also provides you with the hsb values.

It provides an option to save your chosen shade into the history box which will show the recently saved colors. Also when you save the colors to clipboard using the eyedropper tool, it is automatically saved into the history box as well. In a later stage you can view the collection of colors that you have chosen through the picked color history option in the colorzilla menu.

Colorzilla Colorpicker

Colorzilla Colorpicker

3.Copy to Clipboard
This option copies the generated or sampled colors to the clipboard in CSS RGB, Hex and other formats. In addition to that, the settings provide you with an auto copy option that automatically saves the colorchosen to clipboard.

Colorzilla Copytoclipboard

Colorzilla Copytoclipboard

4. Webpage Color Analyser
This option displays the entire set of css colors(colors used in the style sheet of the page) of the current webpage in an analyser window as shown below.

Colorzilla Webcolor Analyser

Colorzilla Webcolor Analyser

On clicking any of those colors, it displays the details of the html elements used and the color code. It also highlights the exact areas where the corresponding color is used.

Colorzilla Webcolor Analyser

Colorzilla Webcolor Analyser

5. Palette Browser
Palette Browser comes with 7 pre-installed palettes which you can ideally use for your webpage.

Colorzilla Palette Browser

Colorzilla Palette Browser

6. Resample last location
Get the color of dynamic elements (hovered links etc.) by resampling the last sampled pixel.

7. CSS Gradient Generator
Click on this option and it redirects you to the colorzilla css gradient generator. Just adjust the stop panels, create the gradient which you can see in the preview tab and get the desired CSS gradient code for your stylesheet.

Colorzilla CSS Gradient Generator

Colorzilla CSS Gradient Generator

2. PHP Ninja Manual

You need not waste anymore of your time googling php function usages because the PHP Ninja Manual is a hassle free documentation lookup for PHP. This google extension provides PHP 5.4 documentation in 8 languages. An extension available right in your browser which any php developer will love to have.

This is how it works:
Just type in the function name whose details you want, in the search bar of the extension and the details will be listed as shown below (here I have typed in ereg_replace function):

PHP Ninja Manual

PHP Ninja Manual

 

If you want code examples of the same function just click on ‘show code examples’ link and get the code samples as shown below:

PHP Ninja Manual

PHP Ninja Manual

3. Responsi

This is a google app that helps you do testing for responsive web designs. We just have to input the url of the site and choose a size (resolution) from the sizes given.

Features

  1. It gives you a drag to resize viewport option.(The size to which you drag will be shown dynamically in the sizes menu)
  2. It also provides a rotate option to see website in landscape or portrait mode.

Responsi

Responsi

4. Screen Resolution Tester

This is a google extension that helps you view your website in different screen resolutions by resizing the browser window from a pre-defined list of screen resolutions. It includes the resolutions of ipad, iphone and android devices as shown below. Hence it helps in responsive web designing.

Screen Resolution Tester

Screen Resolution Tester

Also you can enter a custom screen resolution and the browser will resize to that resolution. The following image shows the cube3x page resized to iphone resolution.

Screen Resolution Tester

Screen Resolution Tester

5. Fast String

This is a google app that can perform encoding, decoding, hashing and several string operations. An added advantage is that it can work offline. Let us take its functionalities one by one:

a) Fast string Convertions
As shown in the image below it performs the following conversions.

Faststring Convert

Faststring Convert

 

b) Fast string hashes
As shown in the image below it performs the following hashes.

Faststring Hash

Faststring Hash

 

c) Fast string web functions
As shown in the image below it performs the following web functions.

Faststring Web

Faststring Web

 

Here in the screenshot below, I have perfomed a url encode function using fast string.

Faststring Urlencode

Faststring Urlencode

 

d) String operations
As shown in the image below it performs the following string operations.

Faststring Strings

Faststring Strings

 

Here is a lorem ipsum generator of fast string

Faststring Lorem Ipsum

Faststring Lorem Ipsum

6. Click&Clean

Click and clean is a google extension that helps us clean the tracks of our internet activity like delete typed URLs, Cache, Cookies, our download and browsing history in just one click.

Here are some of its main features:

  • Clears the cache and deletes all cookies
  • Removes browsing history
  • Removes download history
  • Quick access to system tool
  • Remove flash cookies

The following image shows an overview of the main activities of click and clean on your system and browser.

Clean Main

Clean Main

 

This image is an overview of the chrome activities of click and clean.

Clear Chrome

Clear Chrome

This image is an overview of the system activities of click and clean. It provides easy access to system tools.

Clean System

 
1 Comment

Posted by on September 13, 2013 in Web

 

The 10 Golden Rules of Simple, Clean Design

There’s a lot more to simple design than you think. A product such as the iPhone may appear clean and unobtrusive to the naked eye, but there’s a lot going on beneath the surface that most people don’t know about. Nor do they need to. They only need to know that it will do what they need it to do, when they need it to do it. That’s the underlying principle of Apple-style minimal design. Not necessarily to “strip” something down, but to make sure it’s easy to figure out and access with as few distractions as possible.

Here are what I like to call the 10 Golden Rules of Simple, Clean Design. They are based loosely on the 10 Principles of Good Design proposed by master product designer Dieter Rams, but I’ve modified them a bit to fit with a more general goal of design simplicity.

Less, but Better

Dieter Rams said it first, and it’s first on this list for a reason. Simple design isn’t just about subtracting things from a design willy-nilly. It has to improve the design’s overall effectiveness. Rams’ aim is to strip away the “non-essentials” of a design, to return it to a pure, simple state. However, too many designers seem to think that one has to keep stripping things away even past the point where it’s practical for the design. To this designer, the goal isn’t complete and utter white space. If something is essential, but makes the design look clunky or inelegant, your job as a designer isn’t to eliminate it anyway, but to figure out how to “make it work.”


Image Source

Be Neutral

This doesn’t mean your design has to be completely devoid of personality, but if accessibility is your goal, your design should provide an easy way for your viewer to make sense of the content. Remember, the number one goal of graphic and web design is to present content, to feed people the information they’re looking for in the least headache-producing way possible.

Be Honest

Your design needs to communicate the intent of your content clearly and honestly. If your viewer has the wrong idea of what your content is trying to tell them, your design isn’t honest enough.

No tricks are necessary here – everything about the design of your website, flyer, brochure, or poster, from the graphics down to the colors, should be suggestive of the product being sold or the information being conveyed.


Image Source

Go For Timelessness

Of course it’s not for us to say, right now, what will become timeless and what will fade into obscurity. But there are certain rules you can follow to make sure your designs steer clear of fads and trends which will destroy their longevity. First of all, if something feels like a trend, it probably is. The thing that will help you most here is reading. I’m not talking about design blogs and websites either, though those are great resources for keeping up to speed with your fellow designers. But certain design fundamentals are basic and important enough to be printed in a book and referred to over and over in your permanent library. The closer you stick to those fundamentals, the more classic your designs will be.

Don’t think that just because something is “classic” that it has to be boring, either. It’s true that certain approaches work better than others when creating designs that will speak to both present and future audiences, but keep in mind that classic work is being produced every day by creative professionals. It may be “contemporary” today, but give it a decade or two. It’ll be right alongside the greats in design libraries the world over.

Less “Design”

If you mention the word “design” in just the wrong context, some people will get a mental picture of something that’s fussy and overdone. That’s not what you want. Your job as a designer is to get out of the way of the content. Yes, design can be beautiful and an art form and all that warm, fuzzy stuff. However, the priority is always the content.

A helpful way to think of it is “assembly” versus “ornamentation.” Sushi, with its clear, separate components – each important to the whole in its own way – is a perfect example of an assembly type of design. The fish, rice, wasabi, Japanese mayonnaise (if you’re into that), and seaweed are like blocks of content in a design, which must be arranged to form a complete, concise, delicious bite. There are endless ways a skilled sushi chef can assemble and arrange these blocks of content, and this same type of creativity can serve you as well in the creation of a clean design.

Ornamentation, on the other hand, is like the sprinkles on a cupcake. Or, to keep with the sushi theme (because I just love sushi), it’s the little bowl of soy sauce or the leaf used to hold the extra wasabi on the side. Nice to have, but essential? Unless you’re extra-hardcore about little wasabi leaves, I think not.


Image Source

Be Thorough

Just because your design is simple, doesn’t mean you can get sloppy with the details. Remember that, in a minimal design, the end result your viewer will be seeing will highlight any and all flaws in your work. Quite mercilessly, I might add. When most of your design is white space, there are very few places to “hide” bad composition or an unfortunate typography choice.

Be Conservative

I don’t mean your design has to look like a frumpy, old librarian (apologies to any frumpy and/or old librarians out there), but it should be conservative in terms of the resources it uses. “Green” design is all the rage these days, but conserving your resources as a designer goes much deeper than that. It’s also about your personal resources – your time, your manual effort, your hard drive space.

A note I should make here is that, when you’re striving to create a simple, minimalist design, the majority of your resources should be spent in the beginning stages. Think of it like baking a cake, since my favorite kinds of analogies involve baked goods of some sort. When you lay out all the ingredients on your kitchen counter, it can be messy and confusing at first. Then, once you slowly begin to combine things in the proper order, and the batter comes together in a single bowl that you can then transfer to the cake pan, you know that all that energy you spent in the preparation stages was worth it. You won’t see all that early work in the finished product, of course, but you’ll know it’s there.

Design is the same way. When you make your initial plans, sketches, and studies, you’re just like the baker in the kitchen, producing a clean, simple, singular design that reveals very little about the work that went into it.


Image Source

Take Your Time

In order to give the details of your designs your full attention, you need to take your time and get them just right. This may seem like common sense, but I’m always surprised at the opinion many designers seem to have that simple design is somehow “easier,” or that it takes less time.

Minimalist design is like an optical illusion. The end result might look clean and simple, but that’s the point. It’s like ballet – the whole intent is to trick the viewer into thinking they’re seeing something easy and effortless. If you do, then the ruse was successful. But don’t think that it takes less time or effort to achieve those results. If anything it takes more time.

Be Understood

Good design doesn’t need to be explained. You know this, even if you’ve never consciously thought about it before. Think of all the items you use on a daily basis. Odds are good that you didn’t have to read a manual to learn how to use them. Your designs can be that straightforward as well. Note that I didn’t say they “will” be that straightforward – only that they “can” be.

It takes work to arrive at a place of such simplicity, but one way to approach it is to make a note of exactly what appeals to you about your favorite simple designs. Is it the ease of use? The approachability? The absence of clutter? Chances are good that straightforwardness has something to do with what makes these designs work.

Make It Pretty

Dieter Rams says that good design must be beautiful as well as useful. Why? Because “the aesthetic quality of a product is integral to its usefulness because products are used every day and have an effect on people and their well-being.” That means the more you look at something, the more of an impact it has on your senses.

If you’re looking at a hideous design day in and day out, you’re going to internalize some of that hideousness, and it’s going to affect your interaction with the world in some way. Maybe you’ll be a little more irritable to the barista at the coffee shop in the morning, or you’ll frown a little deeper and grip your steering wheel a little tighter when you’re stuck in traffic.

If you’re a designer, that ugliness might affect you in even worse ways (well, worse for designers at least). If all you’re looking at is bad design, your taste – or what Rams calls the “aesthetic” – will reflect that, and it will skew your perception of what “good” design looks like. After an onslaught of crappy designs, your own output will suffer, and pretty soon you might catch yourself actually contributing to the crap pile instead of fighting against it.

Don’t do this to your fellow designers. Take care with your aesthetics and inspire others to be and produce their best as well.


Image Source

In Conclusion

Simple is a lifestyle. You have to think very hard about what you’re going to leave out of a design, and how you’re going to go about it. It’s not an easy process, but the more you continue to attempt it, the more you’ll discover what works and what doesn’t.

 
3 Comments

Posted by on September 8, 2013 in Web

 

3D Hearts Graph In Google Search

Google search is an intelligent tool. We all might have tried several interesting queries in google. I knew that Google search could draw simple graphs of various equations. But I did not knew that it is powerful enough to deliver a beautiful 3D heart graph.

Try this query “5 + (-sqrt(1-x^2-(y-abs(x))^2))*cos(30*((1-x^2-(y-abs(x))^2))), x is from -1 to 1, y is from -1 to 1.5, z is from 1 to 6” without quotes in google search

Here is how it looks:

3D Heart Graph on Google Search

3D Heart Graph on Google Search

Enjoy! Share any interesting tips like this as comments below.

 
2 Comments

Posted by on September 5, 2013 in Web

 

Know Who Owns The Brands Which We Daily Use

This colorful image shows which all brands have same source.

I am not sure about the accuracy of this infographics.

Brand Information

Brand Information

 
Leave a comment

Posted by on September 5, 2013 in Web

 

How To Auto Play Embedded Youtube Video

If we need to embed a youtube video in our website, we take the code from youtube share tab.
Youtube Embed
Youtube Embed
For illustration purpose, I am taking the youtube video about Apple Macbook. Here is the link: http://www.youtube.com/watch?v=Neff9scaCCI

Now here is the default embed code to embed the video:

1

Video without autoplay:

Now the key to play the video automatically is to add a query string to youtube embed video link. The query string value is autoplay=1. So the new code looks like this.

1

 
1 Comment

Posted by on September 5, 2013 in Web