Making Mobile-friendly site

9 replies
  • SEO
  • |
I analyzed some sites of mine. Some get this below by using the Google mobile-friendly analysis tool (https://www.google.com/webmasters/to...bile-friendly/). Results:

1. Text too small to read

2. Mobile viewport not set
3. Links too close together

1. What is best way to set the size of the text to solve this?
2. What does this mean?
3. How best do you space links to solve this?

Is there some kind of site builder that helps make a site mobile-friendly? Would this mess up your SERP results you are already enjoying?
#making #mobilefriendly #site
  • Profile picture of the author yukon
    Banned
    Originally Posted by livemusic View Post

    I analyzed some sites of mine. Some get this below by using the Google mobile-friendly analysis tool (https://www.google.com/webmasters/to...bile-friendly/). Results:

    1. Text too small to read

    2. Mobile viewport not set
    3. Links too close together

    1. What is best way to set the size of the text to solve this?
    2. What does this mean?
    3. How best do you space links to solve this?

    Is there some kind of site builder that helps make a site mobile-friendly? Would this mess up your SERP results you are already enjoying?


    1) You need to use Media Queries on the CSS stylesheet. You can change the webpage based on the size of screen traffic is using to view your webpage.

    2) The Mobile Viewport is a meta tag that goes at the top of your HTML code in the <head>. It helps scale the page.

    3) There's no mobile version of the webpage, Google is trying to compress the page to fit a mobile screen which makes the page look like a mess. Fix #1 & #2.

    Adding Media Queries CSS won't mess up a SERP position.

    Changing to a different Wordpress theme can defiantly mess up an existing SERP position because no two themes are structured the same (internal links, etc...).
    Signature
    Hi
    {{ DiscussionBoard.errors[9960409].message }}
  • If you use wordpress plugins .PRO themes are the best mobile friendly themes
    eg:newspro, businesspro ,and you can see it by overview of theme.
    {{ DiscussionBoard.errors[9960413].message }}
  • Profile picture of the author alvinchua91
    1. Text too small to read
    2. Mobile viewport not set
    3. Links too close together

    These are basically things which happen simply because you're not using a mobile-friendly theme (if you're using wordpress, simply change to a responsive and mobile-friendly web design). Everything will be solved for sure.
    {{ DiscussionBoard.errors[9960489].message }}
    • Profile picture of the author yukon
      Banned
      Originally Posted by alvinchua91 View Post

      1. Text too small to read
      2. Mobile viewport not set
      3. Links too close together

      These are basically things which happen simply because you're not using a mobile-friendly theme (if you're using wordpress, simply change to a responsive and mobile-friendly web design). Everything will be solved for sure.
      It's not that simple, matter of fact it's possible to tank a site in the SERPs by switching to another Wordpress theme.

      Adding CSS Media Queries to an existing theme is less likely to have a negative impact.
      Signature
      Hi
      {{ DiscussionBoard.errors[9960505].message }}
  • Profile picture of the author selfmadebm
    If your websites are running on wordpress you can easily make it mobile friendly.

    And if you are too techy to change there are plenty of CSS engineers waiting for jobs on odesk and elance. Hire one suitable engineers who will gladly make your site mobile friendly in return of as low as $100 per site.

    Solved! Cheers!
    Signature
    NinjaOutreach - Lead Generation/ Influencer Outreach/ Prospecting and Outreach Tool
    {{ DiscussionBoard.errors[9960522].message }}
  • Profile picture of the author webdevpro
    Responsive designs are somewhat easy to accomplish but will not help in reducing the mobile bandwidth. I recommend to switch theme using some theme switcher plugin and make the mobile theme light by removing all the unnecessary elements instead of hiding them using CSS media queries.
    {{ DiscussionBoard.errors[9960909].message }}
  • Profile picture of the author sigurdur
    For the least amount of work and maximum compatibility, you can try to use JetPack's mobile theme module.

    Only one plugin and one button. Try it out before you start doing a lot of CSS work.

    If your theme provides shortcodes (themes like Divi or similar) then you can expect the shortcodes to be displayed to your visitors.
    Signature

    Do you sell on your website?

    - I'll show you how you can Get 20% More Sales without adding ANY traffic by Making Your Website Faster.
    {{ DiscussionBoard.errors[9960981].message }}
    • Profile picture of the author livemusic
      I'm not using Wordpress on this.
      Signature

      Bill

      {{ DiscussionBoard.errors[9961475].message }}
      • Profile picture of the author KWeist
        A potential problem with responsive Word Press theme's is that they display the entire desktop site to a mobile device? Some people searching for a service from their mobile device may only want to see a businesses location or hours. And how do you handle tap to call with a responsive theme?
        I have been searching for a mobile site builder that will create a separate mobile site that I can upload to a server. Any suggestions?
        {{ DiscussionBoard.errors[10024564].message }}

Trending Topics