Tuesday, 31 January 2012

iCan't Internet

iCan't Internet


iPhone vs. Android – “iDominating” the Market

Posted: 30 Jan 2012 11:28 PM PST

The battle between Iphone and Android When it comes to mobile phones, only two types ever come to mind; iPhones and Android smart phones. The battle between the two has waged on ever since both came...

[[ This is a content summary only. Visit my website for full links, other content, and more! ]]


Monday, 30 January 2012

What Does Google’s Page Layout Algorithm Mean For Web Designers? | Van SEO Design

What Does Google’s Page Layout Algorithm Mean For Web Designers? | Van SEO Design


What Does Google’s Page Layout Algorithm Mean For Web Designers?

Posted: 30 Jan 2012 05:30 AM PST

About a week and a half ago, Matt Cutt’s posted to the Google Webmaster Central blog, about an algorithmic change that considers the layout of a webpage, particularly what appears “above the fold” as a signal in where the page should rank.

Since this change is about page layout it’s something designers and developers should understand.

Stack of folded newspapers

What is the Page Layout Algorithm Change?

In a nutshell, Google receives complaints from people that click on a link in the search results and land on a page filled with ads. The pages often have little content or content that is difficult to find. I’m sure you’ve landed on a few of these pages. I know I have.

As you might expect, Matt was pretty vague when it comes to the details of this change. Here’s the meat from the post in his own words:

…sites that don't have much content "above-the-fold" can be affected by this change. If you click on a website and the part of the website you see first either doesn't have a lot of visible content above-the-fold or dedicates a large fraction of the site's initial screen real estate to ads, that's not a very good user experience. Such sites may not rank as highly going forward.

Matt does later say it’s ok to have ads above the fold. It’s a matter of excess.

Having an ad above-the-fold doesn't imply that you're affected by this change. It's that excessive behavior that we're working to avoid for our users.

Let’s momentarily ignore the fact that “the fold” isn’t really a meaningful concept anymore, given all the different devices people use to access sites and let’s also ignore the hypocrisy in this as Google’s own search results often fail the test of too many ads above the imaginary fold. And why not also ignore the irony of an email, sent out by the AdSense team on the same day as Matt’s post, suggesting site owners surround their content with more ads.

What exactly does this algorithmic change mean for web designers?

Line drawing of a robot with a question mark in a thought bubble

Questions Matt’s Post Raises

The usual and understandable vagueness around this change raises some questions.

  • What’s considered “the fold”?
  • How much content needs to be “above the fold”?
  • What does Google consider an ad and how do they determine that algorithmically?
  • How many ads is excessive?
  • Is this based on where ads appear in the code or where they appear visually on the page?
  • Can Google algorithmically determine how the page appears visually?

Our best bet for answering the first is to use Google’s browser size tool. It won’t give exact dimensions, but it attempts to show where “the fold” is for most users. I doubt Google will ever be more specific than excessive in regards to how many ads is too many.

When it comes to how they distinguish an ad from an image they likely look for the image to be wrapped in an external link and for that link to contain some kind of tracking code. I’m sure this results in some false positives and some missed ads, but I bet they do a pretty good job with this overall.

To me the most important questions are the last two when it comes to how we should design and develop pages.

My guess is Google looks algorithmically at the code to find potential offenders and set a flag or some kind of score. They’ll send some of these pages to their quality inspectors who’ll visually consider if a page’s content is buried in excessive ads, which will further suggest patterns Google can look for algorithmically.

In the end Google probably looks at both the code and the visual appearance of the page to decide.

Young panda bear exploring a wood deck

An Extension of Panda

As my gypsy friend Dave points out this change is likely an extension of the panda update, which also puts emphasis on quality content and user experiences.

In his post, Dave shared that reports from inside his SEO Dojo indicate the page layout algorithm has probably been in effect for awhile before its announcement.

While you’re at Dave’s site search for some of his posts on page segmentation. Of course, Dave isn’t the only one writing about this so here are a few other articles I collected when the news broke.

Typographic treatment of the word 'experience'

It’s All About User Experience

Again, this algorithm change is designed to demote sites that make it difficult for a user to get to the content and offer a bad user experience.

Regardless of the details and the right or wrong of it all, this change comes from the idea that users don’t want to have to spend time searching to find your content when they first land on your site or page.

“we've heard complaints from users that if they click on a result and it's difficult to find the actual content, they aren't happy with the experience.”

In the Search Engine Journal article I linked to above (the first in the list), Alan Bleiweiss notes that “SEO is about understanding user experience as seen through search algorithms,” which is a point I’ve been trying to get across for years.

User experience is the key here. What can we do as designers to help people find the content?

  • Make the main page heading the dominant element
  • Use more minimalist design so content stands out
  • Add less superfluous elements in general
  • Use grids and strong alignment for clear content placement
  • Clearly separate content from ads — make it clear which is which
  • Use proximity to better organize page elements
  • Make better use of space
  • Adjust visual weights to create a clear visual hierarchy

In other words follow basic design principles. If we think about our visitors first we should be ok and not suffer from the page layout algorithm change. Quite honestly if you’re following basic design principles and paying attention to user experience you shouldn’t need to change anything. You’re likely doing the right thing now.

The above is all well and good when it comes to the visual side of things. How about when we’re structuring our code?

You probably want to place content as close to top as possible. That doesn’t mean it needs to be the absolute first thing in the file, but you probably want to get content in there above any ads if possible.

This is how things need to be done in responsive design anyway as, outside of complex css positioning, single columns will always show elements in same order they appear in html.

This will change when the flexible box model is more widely adopted by browsers and designers, but for now the order you see things in a single column layout is pretty much the same order things appear in the code so your html structure and visuals need to be in the same order.

And you probably don’t want to follow Google’s AdSense heatmap shown below, or at least understand you aren’t meant to fill every block with an ad.

Google AdSense heatmap with ads dominating content

Summary

As with all Google algorithm changes this one is long on vagueness and short on detail. The overall message is that too many ads obscuring your content is bad and will be treated as bad in the search results. If you try to stuff too many ads at the top of your page, expect a drop in ranking.

While the details aren’t specific you can probably use a little common sense in regards to what’s excessive and where “the fold” is. I’m sure before too long SEOs will be figure out some of the details and share them with us.

I applaud Google’s efforts in wanting to rank pages richer in content than ads, even if they wouldn’t always pass their own tests. Even more I’m excited that how a web page is designed is continuing to show more importance in Google’s algorithms.

Design matters and if you think real people first and treat your visitors well, you’ll probably find search engines treat you well in return.


Friday, 27 January 2012

iCan't Internet

iCan't Internet


iPhone Credit Card Tapping Brought to you by Google

Posted: 26 Jan 2012 12:12 PM PST

The future of purchasing is here. In the past few years we have seen new ways of paying for our purchases. One of the main gadgets used in many of these new ways is the iPhone. Now, the iPhone can do...

[[ This is a content summary only. Visit my website for full links, other content, and more! ]]


Thursday, 26 January 2012

Is An Online Degree In Web Design Right For You? | Van SEO Design

Is An Online Degree In Web Design Right For You? | Van SEO Design


Is An Online Degree In Web Design Right For You?

Posted: 26 Jan 2012 05:30 AM PST

Not many would question that there’s a lot to learn if you want to be a web designer. From the traditions of graphic design to the ever changing technology of developing a web page, there’s a lot to learn. What’s the best way to get that education?

Should you seek a 4 year degree from a university or college? Should you buy books about design and development or learn from online tutorials? How about something in between? Where do online degree programs fit in?

The following is a guest post from Amanda Tradwick that looks at two popular places to get online degrees. I’ll add some thoughts of my own at the end.

Desks and chairs in an empty classroom

ITT and DeVry: A Comparison of Web Design Programs

If you are interested in completing your formal training in Web design, or if you are a professional who is looking to change careers, there are many online schools that can provide the training you need and allow you the flexibility to continue to work or tend to family responsibilities while you study.

Two popular online schools, ITT Technical Institute and DeVry University, offer programs in Web design. If you are considering pursuing your degree with either of these well-known colleges, here is more information about how the two programs compare so you can determine which is right for you:

ITT Technical Institute logo

Programs Offered

Both schools offer a program in Web design, each with different parameters.

The broader degree offered by DeVry has to be narrowed by adding a specialization in Web Design and Development.

Those who are looking for a specific degree in Web design might find that the specialization option at DeVry is not comprehensive enough. However, the abbreviated associate’s degree program at ITT may not be extensive enough. Your individual professional goals will determine which program is the best option.

DeVry University logo

Program Focus

The degrees offered by each school offer a general education in Web development, though each has a different focus.

The program at ITT teaches students how to design, create, and maintain Web sites. Training includes coding with popular programming languages, use of database technology, and more. The program promises to provide students the training to become Web administrators, applications developers, software developers, and Web site developers.

The program at DeVry is a bit more theoretical in nature. The program teaches students business fundamentals, principles of Web site layout and structure, and standards of design. Practical skills focus on the use of database technology and how to develop and use animations, videos, and images.

Those who are looking to quickly enter the workforce or to change careers would likely benefit more from the program at ITT, which is more focused on teaching practical skills in a shorter period of time.

money wrapped in a rubber band

Investment

The amount of time and financial resources required to complete each program greatly varies.

The bachelor’s degree at DeVry is a typical four-year program. However, the associate’s degree is 30 months — six months longer than the typical two-year program available at ITT.

Both associate’s programs are comparable in price.

  • The program at DeVry costs $37,405
  • The program at ITT costs $40,896

Though the program at ITT is shorter, it includes more credit units than the program at DeVry. The associate’s degree at ITT includes 96 credit hours, and the longer program at DeVry includes 67 credit hours.

This means that the program at ITT includes more classes, but that the classes meet for a shorter duration. If you prefer a more fast-paced, skills-oriented program, then the program at ITT would better suit your needs. In contrast, the program at DeVry is more conceptual in nature, but allows greater time for learning the material.

Determining the program that is right for you will depend on the type of learner you are and the goals that you have for your professional development.

Those who are looking for a more intense, results-oriented program in a shorter time span would benefit more from ITT’s shorter, practical curriculum.

Those who want a more traditional bachelor’s degree and are interested in developing as a manager or project leader would benefit more from DeVry’s program.

Both are fully accredited and offer financial aid. Of course, both also offer the flexibility of online learning, allowing professionals to create their own schedules and to balance study with work and other responsibilities.

Worm eye view looking down a row of chairs toward the blackboard in an empty classroom

General Thoughts from Steve

Back to me. I think education is important, not just for web designers, but for everyone. We’re all different though and we learn in different ways and have different goals for what we’ll do with the things we learn.

I mentioned 3 places to learn from at the start of this post.

  • Physically attending a 4 year college or university
  • Getting an online degree
  • Teaching yourself though books and online tutorials

All 3 can be great ways to learn. You’ll have to do the last at some point if you want to stay current and continue learning. The question is whether to go either of the first 2 routes.

I’m someone who did go to college. In fact I went to several in earning 2 undergraduate degrees, neither in web design or development, though. As a web designer I’m mainly self taught. The online degree is the one path I didn’t travel.

My guess is many of you reading are either self taught or starting on the self teaching journey. Ultimately I think your success as a web designer will come from the understanding and skills you acquire and not so much from where you acquire them.

At the same time I wouldn’t brush off a more formal education. Had I not spent the years in college that I did, I don’t think I would be able to teach myself the way I can now. I wouldn’t be as disciplined or organized in how I learn. Picking up tips and techniques from tutorials can be a great thing, but they don’t always show you the big picture and help you integrate what you learn into a whole you make your own.

Both the big picture and the finer details are important for success.

In the end how you learn is up to you as long as you learn. The only mistake you can make is a failure to learn.

Classroom, Village 2, Solio Settlement, C. Kenya

Author Bio

Amanda Tradwick is a grant researcher and writer for CollegeGrants.org. She has a Bachelor’s degrees from the University of
Delaware, and has recently finished research on native
american grants for college
and wyoming
education grants
.


iCan't Internet

iCan't Internet


How Long Can Siri Remain Queen of the Hill?

Posted: 25 Jan 2012 10:45 PM PST

Siri, Apple’s voice-activated personal assistant, might not be sitting alone on her throne for much longer. Siri, Apple’s voice-activated personal assistant, might not be sitting alone on...

[[ This is a content summary only. Visit my website for full links, other content, and more! ]]