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.

41 Comments

  1. I am now not sure the place you’re getting your information, but great topic.
    I needs to spend a while finding out much more or understanding
    more. Thanks for excellent info I was looking for this info for my mission.

    Also visit my web-site … delta 8 THC gummies

  2. I do not even understand how I finished up right here, however
    I believed this post was once good. I do not recognize who you are but certainly you’re going to a
    famous blogger in the event you aren’t already.
    Cheers!

    Also visit my web blog :: weed vape – http://www.heraldnet.com,

  3. Somebody essentially lend a hand to make severely articles I’d state.
    This is the very first time I frequented
    your web page and so far? I surprised with the
    research you made to make this particular post incredible.
    Fantastic task!

    Feel free to surf to my website – buy Instagram followers (https://radaronline.com/)

  4. I got this web site from my friend who told
    me about this web site and now this time I am browsing this site
    and reading very informative articles at this time.

    My web page; best kratom

  5. With havin so much content and articles do you ever run into any problems of plagorism or copyright violation? My
    site has a lot of exclusive content I’ve either authored myself or outsourced but it appears a lot of it is popping it up all over the web without my
    permission. Do you know any techniques to help protect against content from being ripped off?
    I’d certainly appreciate it.

    Here is my blog … how to spot fake cbd oil

  6. Good day very cool web site!! Guy .. Excellent ..
    Wonderful .. I will bookmark your blog and take the feeds additionally?
    I am happy to search out so many helpful info here
    within the put up, we need develop extra techniques in this regard, thank
    you for sharing. . . . . .

    Here is my web page; cbd capsules for pain – https://www.heraldnet.com/

  7. I’m really loving the theme/design of your blog.
    Do you ever run into any internet browser
    compatibility problems? A number of my blog audience have
    complained about my blog not working correctly in Explorer but looks great in Firefox.
    Do you have any suggestions to help fix this problem?

    My web blog; Maeng Da Pillz

Comments are closed.