Need Help With Your SEO?

SEO Consulting Services

Check How Your Website Looks To Google & In Different Versions Of Browsers, Too.

Blog subscribers

Google Fetch and Render Results Screenshot 2017-12-21 23.38.50

Table of Contents

Fetch As Google

Check how your site renders to Google using the Fetch & Render Tool that Google provides as part of Google Search Console.

It is important that what Google (Googlebot) sees is (exactly) what a visitor would see if they visit your site. Blocking Google can sometimes result in a real ranking problem for websites.

Google renders your web pages as part of their web ranking process, so ENSURE you do not block any important elements of your website that impact how a user or Googlebot would see your pages.

If Google has problems accessing particular parts of your website, it will tell you in Search Console.

Tip: The fetch and render tool is also a great way to submit your website and new content to Google for indexing so that the page may appear in Google search results.

Check How Google Views Your Desktop Site

Google search console will give you information on this:

Google Fetch and Render Results - Screenshot 2017-12-21 23.30.07

Check How Google Views Your Smartphone Site

Google search console will give you information on this:

Google Fetch and Render Results - Mobile Screenshot 2017-12-21 23.41.31

Check How Your Site Renders On Other Browsers

You will also want to check how the website looks in different versions of Internet Explorer, Chrome, Firefox, Android & Safari Browsers, too – on mobile and desktop.

Site owners and beginners to web design should know from the start that your site will not and cannot look the same in all browsers and operating systems and some visitors on certain devices will run into some sort of difficulty on your site.

Your website CAN’T look the same in ALL of these browsers, but if it looks poor in most of the popular browsers, then you might have a problem.

In fact – Google specifically states in their Webmaster Technical Guidelines that you should:

QUOTE: Test your site to make sure that it appears correctly in different browsers.

When it comes to browser compatibility, Google has 4 main tips:

  • Test your site in as many browsers as possible.

  • Write good, clean HTML.

  • Specify your character encoding.

  • Consider accessibility.

If you are a website designer, you might want to test your web design and see how it looks in different versions of Microsoft Windows Internet Explorer.

You’ll especially want to test how your new web page looks in IE, Firefox, Chrome and Safari across multiple operating systems including Android, Windows for PC and Apple Mac OS, desktop and mobile versions.

Desktop Browser Market Share Worldwide

Browser Market Share Worldwide - 2017-12-21 22.19.59

Browser Market Share Worldwide

  1. Chrome – 55%
  2. Safari – 14.76%
  3. UC Browser – 7.99%
  4. Firefox – 6.1%
  5. IE – 3.88%
  6. Opera – 3.8%

Desktop Browser Market Share Worldwide

Desktop Browser Market Share Worldwide 2017-12-21 22.22.33

Desktop Browser Market Share Worldwide

  1. Chrome – 64.02%
  2. Firefox – 12.55%
  3. IE – 8.47%
  4. Safari – 6.08%
  5. Edge – 4.29%
  6. Opera – 2.17%

Mobile Browser Market Share Worldwide

Mobile Browser Market Share Worldwide 2017-12-21 22.21.02

Mobile Browser Market Share Worldwide

  1. Chrome – 49.58%
  2. Safari – 18.76%
  3. UC Browser – 15.19%
  4. Samsung Internet – 5.94%
  5. Opera – 5.54%
  6. Android – 2.59%

Tablet Browser Market Share Worldwide

Tablet Browser Market Share Worldwide 2017-12-21 22.21.54

Tablet Browser Market Share Worldwide

  1. Safari – 61%
  2. Chrome – 24.16%
  3. Android – 11.04%
  4. UC Browser – 0.99%
  5. Opera – 0.99%
  6. Firefox – 0.73%

Desktop vs Mobile vs Tablet Market Share Worldwide

Desktop vs Mobile vs Tablet Market Share Worldwide 2017-12-21 22.28.57

Desktop vs Mobile vs Tablet Market Share Worldwide

  1. Mobile – 50.02%
  2. Desktop – 45.68%
  3. Tablet – 4.3%

*Note – statistics above are from one (albeit credible) source, so could be skewed in ways we might not know. Graphs supplied by http://statcounter.com/.


Test your Website on Different Versions Of Internet Explorer and Other Browsers

The most common versions of IE include IE 11.0, IE 10.0, IE 9.0, IE 8.0 and IE 7.0.

The following online test sites enable you to view your website using multiple computer setups including windows and mac Internet Explorer, Chrome, Firefox, Safari:

Test IE NetRenderer (free online tool)

IE NetRenderer allows you to check how a website is rendered by Internet Explorer 11, 10, 9,8, 7, 6, or 5.5, as seen from a high speed datacenter located in Germany.

http://netrenderer.com/

Browser Shots (free online tool)

Browsershots makes screenshots of your web design in different operating systems and browsers: Arora, Chrome, Dillo, Epiphany, Firefox, Konqueror, Iceape, Iceweasel, Links, Luakit, Lynx, Opera, Rekonq and Seamonkey browsers for Linux; Chrome, Firefox,MSIE (Microsoft Internet Explorer) and Opera browsers for Windows; and Chrome, Firefox and Safari browsers for Apple mac operating systems.

http://browsershots.org/

Using Browser Shots is an excellent way of testing how your website design looks across different browsers and screens / platforms.

Browser Stack (paid service)

Live, Web-Based Browser Testing

https://www.browserstack.com/

Check The Browsers Your Visitors Prefer Using Google Analytics

Google Analytics is a great place to see the browsers your visitors are actually using. Remember – to design to satisfy YOUR TARGET AUDIENCE FIRST.

I can see looking at my stats a few unexpected browsers like Maxthon, Amazon Silk, Yabroswer and Camino (an old favorite of mine, actually!)

Screenshot 2015-05-13 01.17.25

It is worth pointing out – I have a very tech-savvy audience – more likely to have modern operating systems with the latest browsers.

You may not.

It is an essential element of good website design that you test your website and how it looks or ‘renders’ in as many web browsers as possible – though it is worth remembering it is impossible to design a website to look exactly the same in all browsers.

Recent Global Trend in Screen Resolutions (2017)

Screen Resolution Stats Worldwide 2017-12-21 19.02.28

Check out our page on best screen sizes to design for the web in 2018 for more information.


  • Best SEO TOOLS

    Check out the best SEO tools you should be using in 2017 to optimise your site for better Google rankings, traffic, and sales.

    SEO Tools