Cool Stuff

F Shaped Pattern Searching

About 10 years ago there were a lot of articles and pretty graphics (heat maps) illustrating human behavior when searching; how human eyes look at a page specifically, when searching. Around that time is when the term *F Shaped Pattern Searching* (and variations) came to light. In fact this is a great article that’s sited by many when discussing this topic:

F-Shaped Pattern For Reading Web Content
by Jakob Nielsen on April 17, 2006

I was looking at Kindles today on Amazon and found the matrix below, which is of Kindle app icons.

f pattern search

Screenshot taken on Amazon

You can clearly see that there was thought put into the arraignment of the app icons:

F Shapped Searching

F Shaped Pattern Searching

Looks like F-Shaped Pattern Searching is still true today, I’d trust Amazon to do their homework 🙂

Been Dazed & Confused about GA, but not anymore!

Actually I’ve been doing pretty good with GA since I started using it about a year ago. I’ve created my own dashboards thanks to a tutorial/article by Jill Whalen. I’ve read a lot of information and can finally do a lot of amazing things with GA not only for myself but for my clients. It’s nice to finally use a metrics package on an ECommerce site – joy!

But today I found a period chart of the elements regarding GA. Too cool! Much like the one SEL put out years ago regarding SEO (and they constantly update it), it’s simply amazing.

It was made and published by a certified GA expert by the name of Jeff Sauer @ Jeffalytics. The GA elements have been split into four main categories: Product, Metrics, Reports, and Features. I’m hoping to squeeze more info into my automatically generated reports that are sent out by GA to my clients.

Here’s the one for SEO by SEL.

Such good information! I have so much to do but will probably spend the next hour just absorbing all the information it has.

Here is the full article.

Periodic Table of Google Analytics

Common Web Design Mistakes

I think at one time or another I’ve probably done every one of the practices listed below (my first Web site was in 1996 and had “blinkies” [coff]) and may still be doing some on older sites – woo hoo!

This list applies to Web sites created for businesses, companies, products, services, etc… not for those of you who have a Web site that pays homage to *Fluffy the Cat*. If that’s your site’s topic, then you can safely skip this list.

Keep in mind that this list applies to Web design, not necessarily SEO. HOWEVER. It is my belief that if you create your site using best practices (and even avoiding some of the things below) you’ll have a pretty good site that will not only get crawled and indexed by the search engines, but you might even find yourself ranking. A big part of an optimized site is just that – creating a good site.

Keli’s List
Common Web Design Mistakes

Bad Grammar – If you’re unsure of yourself get a copywriter, that’s what they’re for and they’re worth their weight in gold.

Broken Links – Xenu is a great [free] program for checking the internal and external links of your Web site. It’s a must! When we launch a new site it’s one of three immediate audits we perform. Nothing worse than showing your client their “new” site and the navigation doesn’t work.

Broken Images – Thoroughly go through your site before a launch, if a picture is worth a thousand words and yours is missing you’ll have a page that says nothing.

Busy, Distracting Backgrounds – Oh gosh… I’m sure we’ve all seen these… backgrounds that literally make your eyes bleed. Keep your site aesthetically pleasing to keep people coming back.

Complex URLs – If you’re using a CMS or a database, it’s kinda hard to get away from complex URL’s. However if you have CONTROL over your URL’s, then there is no reason to make them look like this:

First, it’s a few directories away from root, secondly those directory names mean NOTHING to me, do they to you? Keep it friendly and keep it close to root if you can.

Confusing Navigation – Otherwise known as “mystery meat navigation” [coined by the wonderful folks over at] because you’re not sure what it is or where it’s from. The main problem with MMN is one of usability. Do you want your Web site to be useful to your target audience? Then make sure your navigation is intuitive, clear, straightforward and not hidden. Don’t EVER make your users think! Have a person test your site, a few friends perhaps that you trust to tell you like it is, and take notes on their findings. What may be intuitive to YOU will NOT be intuitive to others – I PROMISE. – Really? You’re going to try and stuff as many keywords into your domain as possible?

Flash – Unless you’re Madonna or Coke, you can probably probably skip that all-Flash Web site. One study showed that 25% of their visitors left IMMEDIATELY after landing on their cool Flash intro page. That’s a huge number to me. Search engines ONLY see text. By not having any text on your homepage, you’re missing out on potential customers/visitors.

Frames – Good ol’ frames. Not only do they consist of a few HTML files, but each of those files are individually indexed by the search engines. If your nav is contained in one HTML files and a user comes across a different HTML file in the search engines [because search engines will index each HTML file separately], they’ll be nary a clue as to how to get around your site. That is the ONLY problem with them. It’s been said that search engines “don’t like frames” – not true [programs are incapable of liking something btw] it’s just that they index each individual bit and don’t serve you the “whole page” – just the bits. Now who wants a bit when they can have the whole?

Gratuitous Use of Cutting Edge Technology (EX: Flash) – There’s a time and place for everything. Wisely select *ohh ahh* types of technology to “bling” up your site. Is your audience looking for a whirling, twirling, freak show? Or did they come to your site looking for specific information? Art sites, artists, rockstars… sure, they might all employ a bit of site bling but they can and you’d probably expect it given their industry.

Hidden Contact Information – Make sure your contact information [or a link to your contact info] is VERY visible on every page, in your FACE! Don’t make someone hunt for your information. If they want to contact you about your offerings and can’t find out how to contact you? Game over and you’ve lost [without a tilt].

Hiding Your People – Who works for you? Who’s part of this incredible team that you have? Do they matter? If they matter, why don’t you show them off either through your Web site or blog? WHAT ARE YOU HIDING! A cool thing about owning a small business is the quirky and eccentric personalities that lends to YOUR marketing (if you let it) thus making YOU stand out. Companies tend to hire people they like so why not show off your humans? Don’t constantly mention your “team” in your copy if you don’t want to introduce them.

Image Maps – Pretty old school and I must raise my hand on this one… you’ll find some image maps lurking on some of my old and forgotten Web sites. It’s best to use CSS. CSS can do anything.

JavaScript [Excessive Use Of] – It’s been shown that roughly 10% of Internet users don’t even have JavaScript installed… that means if there is heavy use of JS [call it externally if this is the case…] on your page your end user won’t be able to see it. Besides the usability issues that JS can cause, why bother if people could have problems viewing your site? JavaScript is also the number one avenue Web sites use to track and exploit the browser into running malicious code which is why people have it disabled when browsing.

If a user has JavaScript disabled your Web site should still be usable, work perfectly, look the same way as when JS is enabled and it should function properly. Don’t use JS when you can accomplish the same with with server-side-coding and for for things critical to your site (like navigation).

According to one Internet user [and there’s a very interesting thread there]:

JS is typically associated with annoying client-side behavior. From popup windows, to window move/resize, to status bar overwrite, to blinking images, to browser-specific interfaces: virtually everything annoying in the early days of the Web was enabled by Javascript. Now, of course, there are many other ways to annoy, and a similar number of blocking addons, but Javascript is the grand-daddy of web pain and frustration.

Long Download Time – You only have a few seconds to capture someones attention. At the very least your home page should load fast and contain the basics of your site. Art, Music and Photography sites are three industries that will probably have a bit of download time associated with them, but you’d expect that right?

Long Scrolling Pages – Scrolling forever isn’t cool. If you REALLY have that much content then you should probably break it up into more than one page. Help your users out!

ME ME ME – Is your entire home page filled with information about how wonderful your company is? Can users tell at a glance what you do? Your users are interested in the answer to one core question: what’s in it for me? Your home page copy should address how you’re going to solve someones problem whether it be with a service you do or a product you offer. No one cares that you went to Yale and were in a cool fraternity, really. Nobody wants to read your sh** is a pretty blunt article that covers this.

Multiple Colors in Text – I remember a site from years ago, almost every line of text was a different color and it wasn’t even Easter. Unless you can find a REALLY good reason for this, I highly suggest you tuck that practice away for a rainy day.

Multiple Fonts (Font Overload) – Just like with colors, some people get carried away with fonts. Far far away. Typography is an art in itself IMO. When you use 100 fonts on a page (ok I’m exaggerating a bit) it’s a nite mare except you’re wide awake. There’s nothing more visually pleasing than a site that utilizes fonts well, there’s a lot more involved than just picking out a cool font.

Music – It’s 1am, I’ve been researching SEO around the Internet, I’m half asleep and I click on a Web site to find that I’m blasted with *Viva Las Vegas*. Sorry Elvis, no offense, but when I listen to music I like it to be my choice and not by surprise. It’s a wonder I haven’t had a heart attack while listening to my OWN music full blast and finding someones site that forces me to listen to theirs full blast too. Don’t get me wrong, if I go to a Led Zeppelin site or [insert your fav music artist here] I might expect to hear Pagey in the background strumming an acoustic. Consider your target audience when you add music to your site or at LEAST don’t set it to auto play!

No Content – Why put up a billboard with no message? Enough said.

No Description Meta Tags – Yes they wont help with rankings – old news. But they show up in the search engine result pages [SERP] which means people see them. If you write an INCITING description why… someone just might click on your page! Craft catchy description tags utilizing a few of your researched keyword phrases for that page’s topic.

Orphan Pages – These are pages that aren’t accessible by ANY means on your Web site. If you can’t get to them, there’s probably no reason to have them UNLESS they’re pages made specifically for tracking marketing campaigns such that the ONLY way to get to the page in question is through an ad or other marketing practices. EXAMPLE: I have a QR code that is ONLY on my Twitter page and it resolves to a page on my site that can’t be accessed/found by any other way other than that QR tag [I even have that page blocked by the SE’s]. It’s interesting to see how many people get to that page… they’re actually scanning my Twitter page QR tag!

Outdated Information – When you move, update your Web site. Some people treat their Web site as a secondary form of marketing when it should be lumped in with and have the same importance as ALL of your marketing. If you change your address and/or phone number and you have a phone book add. Guess what? You’re SOL. Updating your Web site with your new phone number? Probably takes 5 minutes.

Poor Browser Compatibility – One of the of many joys of developing Web sites that work is insuring that it renders properly in popular browsers. Imagine turning on the TV to watch your favorite show and seeing a message “you must upgrade your TV to view the following program because your TV is outdated and no longer supported”. Another favorite: “This page can only be viewed in Internet explorer” – groan. It’s all about that target audience folks and another good reason you should keep your eye on your server logs… what browsers are people using to view your site? Which one is used most? Make your site as widely useable as possible.

Poor Organization (Usability) – Make it easy to get around on your site. Just because you can find things instantly don’t assume your users can. Keep your navigation consistent on each page of your site.

Pop-up Messages and Windows – Most people use pop up blockers. Why? Popups are just annoying. Period. Some even contain a payload of a virus… or if you’re lucky, a keylogger!

Scrolling Text, Marquees, and Constantly Running Animations

Spelling Mistakes – this can really really turn off a potential client. They take your lack of spelling as a reflection on how you might handle their project – ouch. I’m no one to point a finger as I can barely spell my name, but they do have spell checkers these days.

Splash Pages – These are a waste of time and for the most part self-indulgent. Most people don’t even look at them… instead they search frantically for that “skip intro” link which hopefully resides on the page allowing for a quick exit. What’s even worse is if the “home” link inside the site returns the user to the splash page once clicked. Just want you wanted… another view of a cool logo fading in and out that has “flames” coming out of it with text flashing across the screen all to the tune of “don’t worry be happy.” Trust me, you have a lot to worry about if this is you.

Under Construction Pages – Please oh please oh please don’t put up a page with an “under construction” message – PLEASE! If it’s not ready, simply don’t post it up. If you MUST have one page of your site that’s in development or something else… make a short profile of the pages subject matter at the very least or make an extremely cool under construction page [I might let you slide if your CS page looked like one of those]. The lil construction guy digging in the ground has just got to go.

Using HTML to Resize Images – A HUGE pet peeve of mine. This is probably one thing I’ve never done that’s on this list. Take a minute to resize and optimize your images peeps!

Using the Same Title and Metas for Every Page in Your Site – How would you feel if you looked in the table of contents of a book and found that EVERY chapter had the same title. Pretty useless eh? That’s how humans AND search engines will view your site if you use the same title and meta description. Make your Titles and Metas AT LEAST reflect what’s on the page!

Visible Page Counters – so 1996!!! Stat programs are all behind the scenes now. I remember people reloading their sites just to see the counter tick another number while saying *oooooo* in amazement [I don’t associate with those types anymore, I promise]. I had a visible counter in 1996, but I didn’t reload my page to make the numbers go up at least!

Welcome – Welcome to our Web site. You’re not throwing a party, you aren’t the doorman. When I search on the exact text, in quotes:
“welcome to our website”
there are over 8 million results!!! A lot of the time it’s in the TITLE for pete’s sake. Ugh!

Zero Inbound Links – Part of online marketing involves spreading the word. If you want to drive traffic (we’re not talking about links for SEO reasons, just plain ol’ “getting your site out there” links) to your site you need a strategy for building links in popular online areas (these change overnight) to create awareness that draws attention to your site.

Anyone have anything they’d like to add? Send me a comment!

QR Codes: Scan, Bamm, Thank you Ma’am!

In case you don’t know what a QR (quick response) code is… let me be the first to tell you that they’re VERY cool, geeky and we’ve only just begun (not a Carpenters song). They’re like a bar code, but 3 dimensional and you can pretty much put them anywhere (shirts, scarves, stickers, napkins, skin, Realtor “for sale” signs, business cards and much more!) When you scan a QR code (via your smart phone) they’ll resolve to any Web page you like. You create your QR code online (at many places) for free! Everyone likes free! They takes a mere few seconds to create at most… you enter the URL you wish to associate with your QR code, click “create” and that’s about it! Most QR code apps can also store the URL for later in case you get *scan happy* and want to check out all your “scans” later at your convenience (say you’re at a huge convention where everyone has a QR code, you scan em via your phone, save it, go on to the next booth and repeat!) You can have them E-mailed to you as well, this is where the functionality of the different scanning apps come into play.

Official Definition of a QR Code

Here is the wiki definition of a QR code in case you want to do your homework. The Japanese have been using them a looong time (the initial use was for tracking parts in vehicle manufacturing) and have some pretty far-out uses for them actually and as usual, they’re just starting to get popular here in the US.

Cool QR Code Uses for Realtors

So say you’re a Realtor. You can add a QR code on those *for sale* signs that you plunk in someones front yard. Me, “Miss Looking to Buy A Home” could then drive around aimlessly looking at houses, scan the QR codes and be taken to a Web page that has ALL the information about THAT particular property! Joy! Rapture! That’s just ONE use of them. Since most QR apps let you save your stash of URLs you can spend quality time later reviewing all your saved “homes” you were interested in that day. Send them to a friend! Your husband/wife for review! The possibilities are endless here.

Keli’s QR Code

Yep, I had to get my own QR code of course, it was the geek thing to do. It resolves to a page within my Web design Web site that is only accessible via the QR code. I need to add some unique information there and track it just to see if people use it. I suspect there’s not a lot of activity as it’s only on my Twitter page for now. My idea is to have links that go to to key areas of my Web site or other information I deem important The wheels are spinning!
Albuquerque QR Code

Download a QR Reader App for your Phone

All you do is search your app store for “QR code scanner” or “QR code app” – that should take you to a nice collection of free apps – easy peasy!

Generate a QR Code Online for FREE

Here are a few “no hassle” places to create them:
Create a QR Code at StickerScan
QR Code Generator
QR Generator
and there’s many more… just Google *QR Code Generator*.

QR Tag Articles

-This is a great article by the Danny Sullivan team over at Search Engine Watch titled “Top 14 Things Marketers Need to Know About QR Codes” and as usual, there’s some great info there.

What Is A QR Code And Why Do You Need One?

QR Codes Are a Smart Marketing Choice – A SPN Exclusive Article

What Business Card? Just Scan My QR Code

101 Uses For Quick Response (QR) Codes

7 tips to using QR codes at Trade Shows

1. Place them on your trade show graphics where they can be seen and easily scanned – if you’re going to use them, really use them
2. Give show visitors a reason to scan the QR code, such as “Get more info” or “Sign up for our newsletter” or “See the movie” or “Scan to enter contest,” and then link to a show-specific landing page or a Web page that has the great content you promised
3. Explain how they work to your staff…and ensure each staffer has a smart phone in case the attendee doesn’t
4. Make sure your staff knows to approach anyone who is scanning your QR code and use it as an opportunity to engage them in a conversation
5. Test if the QR codes launch the internet inside the show hall every show … before the show starts
6. Set up the links so that “click” counts can be tracked during the show days, such as with
7. Track them especially close the first few shows to see if they work for your audience

Cool QR Products & Unique Uses

-This site sells QR stickers, and you don’t have to buy bulk either (if you’re a Realtor, you won’t need a billion of them right? Hopefully that home sells fast!) Check out ALL the uses they have! It’s a brilliant site.

NapScan! A site that makes QR imprinted napkins for your bar or restaurant. As the site boasts: “The ScanNap “web-enabled” Napkin from Napkins-Only. Finally! Printed Napkins That Actually Make Me Money, Rather Than Adding An Expense” allows you to add all your info like Facebook profile or fan page, Twitter, YouTube, etc. and connect with others. With you can track and follow all your code activities like scan count and countries from where the code has been scanned. The build in code analytics will provide you with important insights which will help your measure your success.

30 Interesting ways QR Tags are being use actually shows someone with a QR TAG TATTOO!! GO Tattoo Dude!!!! Talk about never getting lost on your way home from the bar 🙂 But seriously, check out their list… there’s some pretty cool QR Tag ideas there.

Scan2 Action Codes are a unique sales tool that combine QR codes with a specific call to action (Scan2pay, win, save, buy, learn, play…) and a mobile enabled landing page for lead generation or E-commerce.

5 Creative Uses of QR Codes

Other Places QR Codes are Popping Up

I’ve also seen QR tags in catalogs (Sephora has them) so in case you want more information about a specific product or want to order it? Bamm Scan ThankYouMa’am! Instant info! Instant order! Hook em while they’re hot.

As shown above, people are getting QR code tattoos, getting shirts made, scarves, bags, hats… the possibilities are endless. If you have a cool/clever use for them, hit me up with a comment below please, I’d love to know!

Yes, I’m serious about my SEO trip…

Not like a trip where I’d actually leave the house or the “golden triangle” as I’m teased about (Keli-the-hermit-joke)… but my gig, my obsession… my life.

So here’s my SEO license plate!

Twitter LinkedIn Facebook Pinterest
Facebook Like Us!
Twitter Feed