December 27, 2012

Some Big Myths About SEO:

Metatag Descriptions Help Your Rankings==
Not anymore: in fact, metatags are no longer even indexed by Google and Bing. But don't ignore them altogether: Your metatags form the text that is displayed along with your link in the search results--and a more compelling description will compel more users to click on your listing instead of on others.

The More Inbound Links, the Better==
False. In all the recent updates to Google's algorithm, the search giant has made it a core priority to have quality trump quantity. Gone are the days of having thousands of superlow-quality links driving up rankings; in fact, creating those links can look spammy and get your site penalized.

Websites must be submitted to search engines==
In 2001, yes, this was the case--indeed, this was the first service that my company, Wpromote, ever provided. But in 2012? Not at all. At this point, if there is any connection from any site to yours, your site will be quickly discovered by Google.

Note that being indexed is a far cry from achieving high rankings--but that initial step of submission is no longer needed or helpful.

November 30, 2012

Website marketing using social media

Yup. Social Media is the very big thing today, and Social Media marketing is what gets you there.

It is not just about being between the masses. It’s about communicating with the masses, by being at the right place, at the right time.

And the most important thing, its about creating your brand awareness, It's about securing positive corporate image, combati

ng the negative brand image! And hence new customers.

And that is where it's come in, it's excel in this service by using unique skills to create personal connection with the audience, on your behalf!

Following a completely natural marketing process, it's not only initiate contact with your target audience, also engage in conversations. It is with a series of Social Media like Blogs, Social Networks, Online Videos, Wikis and Online Surveys.

This makes a connection with your audience, and when we have all their attention, this convey your message and win them over for you.

November 3, 2012

Some very useful SEO Tricks


  1. The meta description is the next element you must optimize.
  2. Use
  3. Make the meta descriptions short – Google limits meta descriptions to 160 characters or less.
  4. Another big way that is attracting attention when it comes to ranking above the fold is with Google’s new authorship markup and Google+ search strategy.
  5.  Drive links to important pages:
  6. You can’t expect a page to rank above the fold if you don’t have links going to the page you want to rank.
  7. Add social sharing:
  8. Most SEO experts agree that social signals on the page level will impact search results

October 10, 2012

Another Responsive Web Design Thought

Device resolution

There are thousands of different devices out there, with millions of potential contexts. We can’t support them all, so we end up choosing a few popular devices, basing our designs on their resolutions, and ignoring the rest of the products on the market. When technology moves on and resolutions increase, our sites will look as outdated as a 600×400 site does now.

Pixels

Pixels sizes aren’t constant – or at least the display of them isn’t. 16px text on an iPhone can be ~60% the size of 16px text on a Macbook. Basing designs on pixel measurements creates inconsistency in viewing size across devices and can negatively affect readability and usability.

The Device Doesn’t Matter

So how do we do as Mark Boulton suggests and go about designing from the content out? In practice, it means starting with the most common form of content, the paragraph element, and building up to a full layout.
It’s tempting to first set the body font size. But the manufacturer or the user has already set the browser’s default size for readability, and we don’t think you should mess with it without good reason.
However, if you base your entire design on this base font size (using ems), then as it increases or decreases, so will your design. Using ems allows your designs to be resolution independent.
Next, use max-width to set the line length of the paragraph to be as readable as possible (~66 characters per line). This will vary from font to font, but something around 30em usually does the trick. This sets the width of your single column layout, making it ‘just right’ for readability.

The Goldilocks Approach

Now, no matter which device your design is viewed in, the space available will be bigger, smaller, or just right, and you can use media queries to make the most of it.

May 15, 2012

Responsive Web Design

Firstly introduced by Ethan Marcotte on his article “Responsive Web Design” for A List Apart, the initial concept behind responsive design was based on the emerging responsive architecture, in which rooms and spaces have the capacity of automatically adjusting according to the number and flow of people within it.

The concept of responsive web design makes reference to the process of designing and developing websites that are able to react to user’s actions and detect the medium where the site is currently being watched in order to provide the best experience possible to the user in terms of navigability and readability. The theory behind responsive design involves the utilization of several grid and layout systems, image optimization and CSS media queries, therefore, no matter how many devices are released on the future, responsive websites will always be able to provide a proper response.

Flexible grid

Weekly freebies in your inbox. Advertising Royalty Free Images Chicago Web Design Firms Design Your WebsiteDesign Your Websitea simple & elegant HTML site builder (and it's free). Click here to start! ads by BSA Friends Free Iphone icons Wordpress Theme Generator Free Android icons Free Social icons Psd Vault Six Revisions CSSReflex WebDesignerDepot Specky Boy CoolHomepages InstantShift IconShock Wordpress Themes Shock Designrfix Smashing Hub Feedgrids Design Resources Socialh SmashingApps PresidiaCreative DesignYourWay QualiThemes Web Design Burn UnderworldMagazines Artfan Design BlogPerfume Webanddesigners Vandelay Design Blog Designer-Daily Creativeoverflow Dzinepress Tutorial Lounge VectorDiary iBrandStudio Design Dazzling AEXT.NET Tutorial Chip Desizn Tech RedTeamDesign Stunningmesh Trendykit Graphic Design Business Weekly freebies in your inbox Responsive Web Design, most complete guide Sep 13th/2011 301 coding css tutorials useful ux web design 247Share

If you’ve been working in the web design field for the past couple of years you should know that designing a fixed interface for a widescreen computer is not enough. Most of the clients you’ll be dealing with from now are going to request that their site is not only desktop-compliant but is also optimized for smartphones and tablets. This issue presents the necessity of working with different screen resolutions in order to guarantee that a website looks good in all sorts of devices.

But if the devices’ production continues at the same speed that it has for the past couple of years, the amount of screen resolutions and formats that designers will have to deal with is going to become unbearable. On this article we’ll be discussing one of the most effective solutions to face this problem with a certain easiness, we’re of course talking about responsive web design.

So, what’s responsive web design? Firstly introduced by Ethan Marcotte on his article “Responsive Web Design” for A List Apart, the initial concept behind responsive design was based on the emerging responsive architecture, in which rooms and spaces have the capacity of automatically adjusting according to the number and flow of people within it.

The concept of responsive web design makes reference to the process of designing and developing websites that are able to react to user’s actions and detect the medium where the site is currently being watched in order to provide the best experience possible to the user in terms of navigability and readability. The theory behind responsive design involves the utilization of several grid and layout systems, image optimization and CSS media queries, therefore, no matter how many devices are released on the future, responsive websites will always be able to provide a proper response.

responsive01

But responsive web design is not simply reducing font sizes and shrinking a picture to make it fit the new format. This concept requires a thoughtful process where the designers and developers work together to determine how to redistribute the elements according to resolution, which elements may be eliminated and how to maintain the concept while simplifying the structure.

According to many internet gurus, the future of the internet will rely on mobile devices (tablets, smartphones, portable consoles) rather than desktops and laptops. More and more people are starting to acquire cutting edge technologies and the tablets’ battle is on, so it’s indispensable that you start seeing these devices as an important part of your audience. But this increment on the amount of mobile devices does not mean that desktops are doomed, in fact we can see how everyday larger monitors are released, and these are highly appreciated by designers, visual artists and producers, thus at least for them, a tablet will never be able to replace a desktop computer. Flexible grid.

The first element we have regarding responsive web design is dubbed flexible grid. Before this concept became popular, most websites were designed using a fixed width style and centered content, which was an effective method as most computers worked under the same screen resolution. Now that screen resolutions have changed so much, a fixed width design is not the best solution for your designs and therefore liquid layouts are the new answer.

But the concept of flexible grid goes beyond the liquid layout concept, where the elements are essentially resized and kind of rearranged. A flexible grid makes a complete overhaul in terms of proportions, making that all the elements in a layout are resized in relation to one another when stretched or contracted. The essence of flexible grids relies on stop thinking in fixed pixels and start considering percentage units. To recalculate an element’s proportions accordingly, you must take the element’s width and divide it by the full grid’s size e.g. 200 px / 960 px = 0.2083, then take this result and multiply it by 100 (0.2083 * 100 = 20.83 %), that we you get the percentage value that needs to be applied over the element in order to perform a correct resizing.