Making your site more mobile-friendly with PageSpeed Insights

Webmaster level: all

To help developers and webmasters make their pages mobile-friendly, we recently updated PageSpeed Insights with additional recommendations on mobile usability.


Poor usability can diminish the benefits of a fast page load. We know the average mobile page takes more than 7 seconds to load, and by using the PageSpeed Insights tool and following its speed recommendations, you can make your page load much faster. But suppose your fast mobile site loads in just 2 seconds instead of 7 seconds. If mobile users still have to spend another 5 seconds once the page loads to pinch-zoom and scroll the screen before they can start reading the text and interacting with the page, then that site isn’t really fast to use after all. PageSpeed Insights’ new User Experience rules can help you find and fix these usability issues.

These new recommendations currently cover the following areas:

  • Configure the viewport: Without a meta-viewport tag, modern mobile browsers will assume your page is not mobile-friendly, and will fall back to a desktop viewport and possibly apply font-boosting, interfering with your intended page layout. Configuring the viewport to width=device-width should be your first step in mobilizing your site.
  • Size content to the viewport: Users expect mobile sites to scroll vertically, not horizontally. Once you’ve configured your viewport, make sure your page content fits the width of that viewport, keeping in mind that not all mobile devices are the same width.
  • Use legible font sizes: If users have to zoom in just to be able read your article text on their smartphone screen, then your site isn’t mobile-friendly. PageSpeed Insights checks that your site’s text is large enough for most users to read comfortably.
  • Size tap targets appropriately: Nothing’s more frustrating than trying to tap a button or link on a phone or tablet touchscreen, and accidentally hitting the wrong one because your finger pad is much bigger than a desktop mouse cursor. Make sure that your mobile site’s touchscreen tap targets are large enough to press easily.
  • Avoid plugins: Most smartphones don’t support Flash or other browser plugins, so make sure your mobile site doesn’t rely on plugins.

These rules are described in more detail in our help pages. When you’re ready, you can test your pages and the improvements you make using the PageSpeed Insights tool. We’ve also updated PageSpeed Insights to use a mobile friendly design, and we’ve translated our documents into additional languages.

As always, if you have any questions or feedback, please post in our discussion group.

Posted by Matthew Steele and Doantam Phan, PageSpeed Insights team

Google Search Results Snippet Overlay Descriptions May Use DMOZ Description

About a year ago, Google introduced a new feature in the search results that give you quick overlays on the search result so that you can learn more about the site you are about to click on before you click on it. Early on, the results of the data in the snippet came from Wikipedia […]

Please visit Search Engine Land for the full article.

Bid Simulator Now Available For Google Dynamic Search Ads

If you’re running Dynamic Search ad campaigns in AdWords, you may have noticed the recent addition of the bid simulator tool.  Bid simulator offers estimates of the potential impact bid changes would have on clicks, cost, impressions and more. The bid simulator for Dynamic Search ads is…

Please visit Search Engine Land for the full article.

Use Products As Pawns To Win The Local SEO Chess Game

In the competition to rank highest in local search results, you must employ a number of tactics in coordination. It’s not unlike playing a chess game. However, many businesses have yet to bring all their chess pieces into play on the board. There are many types of products which consumers…

Please visit Search Engine Land for the full article.

Rubik’s Cube Invention Celebrated With Google Logo To Mark The Puzzle’s 40th Anniversary

Google went all out today to celebrate the 40th anniversary of the Rubik’s Cube, giving the classic 80′s toy its very own interactive logo on the site’s global homepage. Doubling as digital version of the toy, the Rubik’s Cube logo will most likely prove to be a major…

Please visit Search Engine Land for the full article.

How to assess if your site is at risk of a Google penalty

The consequences of being penalised by Google can mean a drop in search rankings and visibility and thus a reduction in online traffic and revenue, a damaged reputation and (for listed companies) potentially a reduced stock market value.

Google is becoming more effective at identifying web spam. Search engine optimisation (SEO) techniques that were once effective and commonly used are now more likely to be detected and regularly punished. 

Simply put, Google is fighting against sites that try to game their way to the top of search results using spam techniques that infringe its webmaster guidelines.

These techniques are considered bad for search because they drive relevant websites lower down the search results, making pages from legitimate website owners harder to find.

The search engine’s algorithms detect many spam practices automatically, demoting the sites that use them. It also employs teams who manually review sites for spam activity.

Here are some key questions that marketers must ask if they want to evaluate their risk of a Google penalty.  They are grouped under four key headings.  

1. Content

Google wants searchers to land on web pages that provide good quality, useful content that add value and are relevant to their search query. 

As a marketer you need to ask a number of questions about your site’s content and the way Google’s crawlers will view it:

Is our content duplicated on multiple pages on our site or externally?

If a lot of your content appears on other web pages it means your pages are not adding value and can be a reason for not getting to the top positions in Google.

Do we show the visitors to our site the same content as we show to Google’s data crawler? 

Displaying different content to Google than you are showing human visitors (which is technically possible) in order to try to gain a ranking advantage is known as ”cloaking“.

And this type of tactic is targeted by Google’s Panda update which was rolled out in 2011 and focused on reducing the volume of unhelpful and irrelevant content that appears in searches.

Have we used tricks on sub pages such as white lettering on a white background or hidden text?

As Google’s crawlers analyze the words used on a page to determine the content’s meaning and, in the next step, the keywords it should rank for, some webmasters use this sort of trick to insert additional keywords into their pages, as the white lettering makes them invisible to human visitors of the page.

This is a clear signal of spam and can very quickly lead to a penalty.

2. Buying links:

The number and quality of links to your site from other sites is one of the factors that Google uses to determine rankings.

So if your site has many inbound links (backlinks) from high quality, well respected websites, this is thought to be a ‘vote of confidence’ for the content on your pages and accepted as having a positive influence on your rankings.

This is why some webmasters build links artificially by paying other webmasters for linking to their page. Often, such links are disguised within guest posts.

But if you are paying for links then those links are not genuine and are an infringement of Google’s webmaster guidelines.

Questions you should ask in this area are:  

Do we regularly check the websites that link to our pages?

You need to review and eliminate any links that were originally good, but have now gone ‘bad’.

For example, some of the original pages or sites that link to your site may have changed, changed ownership or may no longer be relevant. 

Did we pay for any other sites to link back to us?

Paid-for links are not allowed by Google, as discussed. T

he search engine also puts link networks (a network of sites or blogs with a large number of reciprocal links in order to deliver a rankings benefit) and pure SEO web or article directories (online directories set up purely to provide backlinks to help SEO professionals boost their sites’ rankings) under the same umbrella as paid-for links.

Have we paid third-party sites for posting several guest articles linking to us in the past few years or do we have several guest articles on our site?

Placing guest articles incorporating backlinks to your site on other sites is a common SEO tactic but paying for these articles just for link building reasons is  against the rules, so a large number of guest articles is a potential spam signal for Google.

Guest posts do only make sense if they are also relevant to the site posted on as well as its visitors with regards to content.

How natural is your link profile?

It is believed that Google analyses the in-bound links to a site’s pages and compares the profile to what would be naturally occurring ie not artificially manipulated in order to trick Google into deliver rankings benefit. 

So you should ask a number of questions about the overall structure or profile of your links:

Do we have a lot of reciprocal links i.e. the result of a simple link exchange between us and other sites?

This is a common spam practice that Google can recognise.

Do we have a lot of (keyword) links in the footer?

In the past it was very common in the SEO industry to incorporate many keyword links into the footer of company sites. 

But now Google is becoming better at identifying this kind of ’link optimization’ and it can potentially have a negative impact on rankings.

Do we have lots of ‘bad/spammy’ links to our page?

Having a lot of links to your site which come from other pages’ sidebars and footers, or from pages stuffed with links, are thought to be viewed negatively by Google.

Do we have many links using (only) keywords as the link’s anchor text?

Too many links to your page which are anchored on the exact keyword terms the page is supposed to rank for (ie: a link to a page dealing with payday loans via the anchor text “cheap loans”) is believed to hurt the value of your link profile. 

It is thought Google is likely to devalue those links, assuming they were created for the purpose of gaming the system.

4. Technology

Google’s crawler can analyse the software underpinning your site, so you should ask questions about whether there is software technology which could be malicious to visitors or is trying to fool its algorithm into giving your site a false rankings advantage:   

Have we ever had malware on our site?

Sites containing malware can be discovered by Google’s web crawler and excluded from its search listings index, which makes it very important to pay attention to all Content Management System (CMS) or other software updates for your site. 

How many of the pages in our XML sitemap will actually be crawled by Google?

The sitemap is a table of contents the web site owner creates which can be read by Google’s crawler.

If the number of pages indexed by Google is bigger that on the sitemap, then there’s a chance you might have duplicate content on many URLs.

This issue is very common for ecommerce sites and is likely to be the worst from this list for SEO. A single category page on some retail websites could have over 100 variations of it’s URL, due to the many combinations of parameters for facets / filters.

Here is an example of how a duplicate content issue caused by faceted navigation could arise:

Duplicate content from faceted navigation.

Top version = unfiltered category page | Bottom version = filtered version of the same page.

If Google indexes fewer pages than listed on the sitemap, then it’s an indicator that you could have ‘thin’ content it doesn’t want to show searchers.

Both are a negative quality signal that may indicate Google does not trust your content.

Are any of the links on our pages hidden from Google by using the JavaScript programming language?

Search engines cannot easily access JavaScript content and if your site has links which Google cannot see because of JavaScript (even if it is unintentional) then you could be in trouble. 

Do pages take a long time to load?

Not only do lengthy loading times for web pages reduce potential conversions (because web visitors get fed up of waiting), they can also lower your rankings and even (if the load time is excessively long) block Google from indexing it.

Excellent Analytics Tip #26: Every Critical Metric Should Have A BFF!

There is unlimited amount of data thrown off our digital existences. (Or to use sexy term du jour , we have big data!) Our leaders (companies, agencies, teams) have to deal with an incredibly complex landscape, and they don’t have enough time. The very natural outcomes is this ask of us: “Can you make it […]

Excellent Analytics Tip #26: Every Critical Metric Should Have A BFF! is a post from: Occam’s Razor by Avinash Kaushik

A Product-Based Approach to CRO

Posted by CraigBradford

Before joining the world of digital marketing, I was a product design engineer. Most of my clients at Distilled are now CRO projects and I’ve found my background to be surprisingly useful. There’s a lot of overlap between designing physical products and designing websites that convert well. I’d like to share some of the research methods that I use for CRO that I learned while designing physical products. I like to use a framework of Learn, Look, Ask, and Try.

I first came across this while at university. It’s the design research methods used by
IDEO. They released this as a pack of playing cards. In their own words:

“IDEO Method Cards show 51 of the methods we use to inspire great design and keep people at the center of our design process.”

There are 51 cards each with a research method that belongs to one of the above categories. The cards have since been made into an app. I find it useful when trying to come up with new ways to get customer insights. You can download the app
here

Design methods in the learn section are about analyzing the information you’ve collected to identify patterns and insights. One you might not have heard of is error analysis.

Error analysis

In simple terms you can think of error analysis as going around your site and saying “what happens if I do that?” In product design you might hear this called failure mode effects analysis (FMEA).

“Failure modes” means the ways, or modes, in which something might fail. Failures are any errors or defects, especially ones that affect the customer.


Effects analysis” refers to studying the consequences of those failures.

While a lot of FMEA is overkill for designing a website (hopefully nobody is going to die if they click the wrong button) I think the principles can be used to help proactively find faults. Every website is different so you’ll need to think of your own scenarios but here are some to get you started:

  1. What if I use my email instead of username to login?
  2. What if I press the back button in the checkout funnel?
  3. What if I need a refund?
  4. What if I want to get the product delivered to my work address?
  5. What If I order the wrong product?

You can see that these potential errors can be a mix of usability and customer service. The point is to be proactive and anticipate what could go wrong. You can then fix true errors (things that are just broken) or put processes in place to ensure mistakes can be fixed easily when they do go wrong.

Extra tip

Google analytics has a great report that can help you find some of the most common errors or problems. Look at the reverse goal path report and pick a goal (for example people reaching the thank you page).

The report will then show you the most common routes that people take on their way to that page. The image below shows this report on one of my client’s sites. 

I’ve had to blank a lot out for privacy reasons, but the point can still be seen: Out of the top 10 routes to the thank-you page,

  • 4 included people visiting the terms and conditions page, and
  • 2 included people visiting the FAQ page.

What are they looking for? If we can find out, we can make that information clearer and hopefully stop them having to go to those pages. Which brings me to my next section:

The “Ask” section is pretty simple; it’s about asking people to explicitly tell you what they do or do not like.

For the terms and conditions example above, the solution is an easy one—live surveys. I’m sure everyone has heard of
Quaraloo by now so I’m not going into detail on this. The solution is to ask people that leave the funnel via the T+C page what information they’re looking for using Quaraloo. Once we find out the reason, we can add that information to the pages leading up to the conversion and hopefully reduce anxiety and distractions leading up to the purchase.

The real research method I want to talk about for this section is extreme user interviews.

Extreme interviews

Any golfers reading? If so, you’ll recognise the image below as the famous Big Bertha.

Source

Big Bertha is one of the bestselling drivers, so how did Callaway come up with the design? They did it by focusing on a particular demographic. While competitors were all focused on asking
golf players what they wanted, Callaway focused on a different set of users. They surveyed non-golfers. More specifically they wanted to know why people who loved sports, could afford to play and already belonged to country clubs chose not to play. In other words, why do people whom on paper should like and play golf choose not to?

By interviewing lots of people who fit that criterion, they were able to find the answer. People don’t want to feel embarrassed. If you’ve ever tried golf you’ll relate to how frustrating and embarrassing the first couple of years are, especially if you’re used to being good at other sports. This is where Callaway gained their insight and competitive advantage.

It turns out that consistently making contact with the face of a small driver is hard, really hard. If you fail, the ball can end up anywhere. Callaway decided to focus on the need of these people (people that should play but don’t) by designing a driver that had a massive club head and huge face. The result was it was much easier for beginners to hit the ball and avoid embarrassment of constantly losing the ball. To this day Big Bertha is one of the most successful drivers on the market.

So how do we use this for CRO? Extreme interviews? Instead of just surveying the people that do buy from you, or that are familiar with your brand, survey two groups of users.

  • Experts: Repeat buyers or people that are familiar with your brand
  • Novices: People that have never been to your website but that at least understand what your product or service does.

The hard thing about this is recruiting these people. You can’t just ask members of the public; you need to ask people that are on your site. A tool I like to use for this is
Ethn.io.

Ethn.io lets you recruit users for user testing and pre-qualify them. For example, in the above you can create a popup that looks something like this: 

Image source

You can then ask users a qualifying question and group them appropriately.

Fly on the wall

Your customers are liars. Harsh, but true. Even in the extreme interviews technique you might not get the right insights that you’re looking for. If you ask people why they don’t convert, they might not be able to tell you. There are two reasons for this:

  1. The reasons are subconscious so they actually don’t know the answer.
  2. They don’t want to tell you for fear of embarrassment.

That’s why using the techniques in the look category is a great idea.

Here’s a scenario. Imagine for a second you gave someone this: 

Source

If you were to ask someone how they would open this package, you’d likely get a sensible answer like “I’d use scissors”, but as soon as you leave the room and they don’t think you’re looking, you’re likely to see something like the scene below:

Source

If you’ve ever tried to open one of those blister packs, you’ll know how annoying they can be to get into. They’ve led to the
many injuries and the emergence of the term “wrap rage“.

Anyway, the point I’m trying to make is you can’t always trust your users to tell you all of the reasons they don’t do the things you want them to.

In the offline world, designers use a technique called “fly on the wall”. This involves watching people in the environment or using the product that you’re trying to design. Sometimes the subject is aware that you’re watching them (shadowing), other times (ideally) they’re not (fly on the wall). Watch this scene from Madmen and you’ll get the picture:

So how do we do this in the digital world? We can’t sit over everyone’s shoulders as they use your website, but there are some tools that come close. Both of which I’m sure you’ve heard of.

Shadowing: Usertesting.com

I like usertesting.com but my one complaint is the sample of users is unlikely to be representative of your customers. Even if you select the options like low level of internet experience—the fact they are on a UX testing website already puts them above the average internet user. They’re also not your customers. One way around this is to combine Ethnio with uerstesting.com. Recruit real users then set them tasks using usertesting.com or just watch them live using some kind of screen sharing tool.

Fly-on-the-wall: Clicktale

Clicktale might be above many peoples’ budget, but if you can afford it I’d recommend it. Clicktale records anonymous sessions on your website. Obviously it would take a long time to watch all sessions, but you can segment by things like location, browser, or even sessions that had errors. Using these tools you can dig into why certain segments of traffic may not be converting as well.

Another tool that I’ve heard of, but not personally tried, is
http://www.uxcam.com/ It’s like Clicktale but with a specialization in mobile usability testing. I spoke to the founder at one of our meetups about a month ago and was impressed by the features. It’s also still in beta so it’s free at the moment if you want to give it a try.

Empathy tools

As a product designer, your most powerful tool is empathy. If you can empathize with your customers and understand what they really want, you’ll create great products. The best way to empathize with your customers is to do what they do—try it.

In the offline world, product designers go to great lengths to understand users. For example, when designers are creating a product where the primary audience is the elderly, they might use empathy tools like those shown below:

The image above is a picture of me with coins strapped to the back of my knuckles. This can be used to simulate the limited dexterity that can come as a result of arthritis.

Source

The designers in the image above strapped up their legs using a kind of split. Again, this one done to simulate reduced mobility when trying to climb stairs.

Finally and probably the one that could most easily be applied to the online world is a pair of empathy glasses. These can come in various types depending on the condition you want to simulate. If you want to get an idea of how various eye conditions can affect vision, look at the side-by-side comparison of healthy eyes to advanced stages of cataracts and glaucoma below. You can see the tools here:
Cataract simulator, Glaucoma simulator.

Cataract simulation

Glaucoma simulation

So if you’re not designing a website for the elderly, can you still use this technique? Absolutely. I like to use “scenario empathy.” This works by enforcing criteria on your users under test conditions, the most popular being a mix of:

  1. Time: You have six minutes to book a flight to London. GO!
  2. Money: Find the best product X for under $50.
  3. Product criteria: Find me a hotel that has a spa and is dog-friendly.
  4. Technology restrictions: You’re on a mobile with a slow edge connection.

You can then mix any of the above to create powerful scenario simulation. If you can make someone that’s short on time, has a low budget, really specific requirements and a slow connection happy, chances are the rest of your customers will also be happy.

That’s it.

In summary, there’s a lot of research techniques out there that can give you excellent insights about why your customers aren’t converting. Try them out; don’t just stick to the same techniques that you see on CRO blogs all the time.

For more ideas, take a look at the presentation I gave a few weeks ago at our
meetup. Also, for those in the UK, I’ll be presenting on a similar topic at Measurefest this week.

Sign up for The Moz Top 10, a semimonthly mailer updating you on the top ten hottest pieces of SEO news, tips, and rad links uncovered by the Moz team. Think of it as your exclusive digest of stuff you don’t have time to hunt down but want to read!

Google “Mapping” Real World With Incredible Precision For Self-Driving Cars

A fascinating article in the Atlantic appeared this weekend. It’s mostly about Google’s self-driving cars and how they operate technically. But it’s also about something much bigger: how Google is now effectively “crawling” the real world as it has crawled the web for…

Please visit Search Engine Land for the full article.