One really free SEO tool that you probably already have but don’t know about

google logo

Have you ever wondered what your website looks like on the various devices and browsers? There are many online services out there that offer you the ability to see how your web page will look on the different browsers and devices.

It’s important that your website displays correctly on the various devices and browsers. Why? Because you will get dinged by Google if things don’t appear or work correctly. For instance if your site doesn’t appear correctly for the iPhone 7 Google may not list your site in the search results for iPhone 7 users, even your site has the information for which that user is searching. Your goal is to have your website mobile friendly and compatible with with all browser types and devices.

So this is why we need tools to help us identify responsive issues. It’s true, some of these online tools hassle you for money and make you wait a certain amount of time if you haven’t “Signed up.” Well, there’s a free tool that Google has that allows you to easily see how your website will appear on the different devices.

This tool is Google Chrome developer tools. If you use the Chrome browser you probably have it available to you and didn’t know about it. Or you may have see it listed in a menu option but figured that you weren’t a developer so why would you need it? Well, if you are running a website you are a web developer and you can use this tool. We’ll give a short Google developer tools tutorial, focusing on verifying the responsiveness of your website on various devices.

Suppose you want to see how your website appears on an iPhone 8 Plus. Looking at your Chrome browser in the upper right corner click on the three vertical dots. You’ll see a menu pop out. Scroll down and mouse over “More tools.” Another, smaller menu will become visible. Click on “developer tools.”

The developer panel with lots of other options will appear after a few seconds. You look for the link “responsive.” Mouse over that and a list of different devices will be displayed. I can click on “iPhone 8 Plus” to see how my website appears on that device. I also can rotate the device to see how it appears horizontally or vertically.

Not only can you just see the device. You can click on your site’s links that appear on that device and test to see if they operate correctly.

Don’t see the device you are looking for? Mouse back over that “responsive” drop down. At the bottom of that list you can click on “edit” and add other devices like laptops Blackberries and more.

Unfortunately, Google isn’t providing us previews of how our sites will appear on the different browsers. You’ll still have to find online tools to accomplish that task. If anyone has a suggestion for an free online tool to see how websites appear on other browsers, leave a note below.

In closing, here is a video (below the two screenshot images) that explains a lot of information regarding Google Chrome developer tools and how to find and use them. The host shows the procedures I just described at about the 3 minute mark in the video.

Google Chrome developer tools responsive dropdown menu
The image above shows the responsive menu in the Google Chrome Developer tools panel.

Google Chrome developer tools with responsive test for a website's appearance on a mobile device
The image above displays Google Chrome Developer tools ability to test links and menus for different devices.

21 Comments

  1. Heya i am for the first time here. I found this board and I find It
    really useful & it helped me out much. I hope to give something
    back and help others like you helped me.

  2. I blog frequently and I really appreciate your content.
    This great article has really peaked my interest. I’m going to take a note
    of your blog and keep checking for new details about once a week.
    I opted in for your Feed as well.

  3. Hello there! This article couldn’t be written much better!
    Going through this article reminds me of my previous roommate!

    He always kept talking about this. I will forward
    this information to him. Fairly certain he’s going to have a good read.
    Thank you for sharing!

    Also visit my web page … best CBD for dogs

  4. Greate article. Keep writing such kind of info on your
    site. Im really impressed by your blog.
    Hello there, You have done an incredible job. I will definitely digg it and in my opinion suggest to my friends.
    I’m sure they will be benefited from this site.

  5. First of all I would like to say superb blog! I had a quick question in which I’d
    like to ask if you don’t mind. I was interested to
    find out how you center yourself and clear your
    mind before writing. I’ve had a difficult time clearing my mind in getting my ideas out.

    I do take pleasure in writing however it just seems like the first 10 to 15 minutes
    are usually lost just trying to figure out how to begin. Any ideas or tips?
    Thanks!

    my web page: CBD gummies for pain

  6. Hola! I’ve been reading your web site for some time now and finally got the courage to go ahead and give
    you a shout out from Huffman Texas! Just wanted to mention keep up the good work!

    Here is my web page :: cbd gummies

  7. hello there and thank you for your information –
    I have definitely picked up anything new from right here.
    I did however expertise some technical issues using this web site,
    as I experienced to reload the website many times previous to I could get it to load properly.
    I had been wondering if your web host is OK? Not that I’m complaining,
    but slow loading instances times will very frequently affect your placement in google and
    could damage your high-quality score if advertising and marketing with Adwords.
    Well I’m adding this RSS to my email and can look out for much more of your respective exciting content.
    Ensure that you update this again very soon.

    Also visit my blog: cbd gummies

Leave a Reply

Your email address will not be published.


*