Hello,

To be honest in the beginning when I was creating a site, I did not focus for a second on the mobile part. I thought: A site like this, you do not check with your mobile...
And indeed I would not, but apparently a lot of people think otherwise and expecting that a site like Wealthy Affiliate should be completely mobile friendly, which means you need 2 sites I suppose...

But this in mind and with the remarks of google inside I got started to wonder if there is not a good process or list with steps that you follow to make your site a lot more user friendly an just better...

So hereby: What do you do, during developing your site, to make the site mobile friendly?
Are there a few steps you always check?
(Like for example, I noticed that the viewport setting has often been wrong...)

It would be nice to share our experiences, so maybe we end up with a short list of attention points to check wile we are creating our site...

Thanks in advance!

Grtz,
Bert

Join the Discussion
Write something…
Recent messages
FaitheThomas Premium
I've been using a plugin for mobile called Mobile Optimize Pro... which you can find many places on the net. This has worked well for getting it okayed by Google as for some sites it is a really good fit. If your theme is mobile responsive, Mobile Optimize Pro makes sure that Google is happy with it.
Reply
AngelsBird Premium
You have developed it yourself and promoting your own stuff in a very original message... :-)

I see you are only here for a week...
But you should check this post:
Reply
FaitheThomas Premium
Ah, yes. I see what you mean. Sorry. Just trying to answer the question. I'll edit out the link. Thanks for letting me know.
Reply
AngelsBird Premium
You're welcome!
Reply
apache1 Premium
This is the link that can tell you if your site is mobile friendly and what is needed if not.
As Katie stated below make sure you selected a responsive theme, which no most of the themes should be.
https://www.google.com/webmasters/tools/mobile-friendly/

There will be other aspects you will need to look at and what is place above the fold.

The below link if from Jay(magistudios) which explains a lot that will be of benefit no only to you but others reading this. All the best

Take care be well

Andre
Reply
AngelsBird Premium
Thanks for your comment Andre!

The mobile link is new for me, but the above the fold I have actually some very specific info about, which I am glad to share:
https://developers.google.com/speed/docs/insights/PrioritizeVisibleContent
But the tool that shows you what to change is https://developers.google.com/speed/pagespeed/insights/
In my opinion, this is more related to desktop, then to mobile...

But it is definitely fitting in this topic and people will be happy to read this...

So thank you very much!
Reply
Jbeau Premium
Hi Andrew,
I tried the mobile friendly link on my service website: http://acleanview.com and it confirmed that it was mobile friendly. (Yay!) However, I tried it on my store page which I just installed last week and it also said it was mobile friendly. However, anyone visiting the store http://acleanview.com/acv-store will not be able to navigate through the page. Any thoughts?
Reply
KevinFroude Premium
I changed to what I considered to be a more mobile "friendly" theme after I had been working on another theme for a while. It was a good decision for me to change because I have found my new theme easier to work with and I prefer the look as well.
Reply
AngelsBird Premium
I think you're correct that mobile friendly starts with the choice of your theme!
Thanks for your comment...
Reply
KatieMac Premium
I made sure I selected a responsive theme, then I test it on on google to make sure its mobile friendly, also tested it out on various devices, make sure my pictures are optimized
Reply
AngelsBird Premium
Yes, I think with these 3 points you are already very mobile friendly!

What do you mean with various devices: different brands, different models or both? What is your "normal" test-battery you use?

That would be interesting to know...
Cheaper models, expensive models,..
(And where do you get those?)

Thanks for your input Katie!
Reply
KatieMac Premium
lol get my friends and family to test them on different tablets, desktops, laptop and mobile phones lol,, it is a bit basic I know but they can give me feedback as to how it looks and works
Reply
AngelsBird Premium
I are already maybe 10 different phones I guess...
Reply
Je88 Premium
To save headaches,Test this 3 basic in your responsive theme.
1.images(can be zoomed with a pinch on your smart phones ipad ,etc)
2.text.
3.podcast and videos.
Just key whatever text whatever images embed videos(html5 preferably) and test before we even start anything projects.
Reply
AngelsBird Premium
Thanks for the summary! But I prefer your full version... :-)
Reply
Je88 Premium
Goo to Header.php.
Find the <meta name="viewport">;
Edit the attribute "user-scalable" from "no" to "yes".
I make sure the text mages are scalable on a device like smart phones which normally are had to read for the eye sight impaired.
If the above phrases arent included in your header.php then its good news.most likely the text an mages an be zoomed in or out.
I normally would also want to change the scale from something like 1.2 to 2. in the php.

I mean anyone an test it out and fine tuned it.
At times responsive themes does not mean text and images are scalable. Gota check it out on your moblle devices.
Of course the best solution will be putting your theme to test first before you installed it.

And i will make sure any videos are playable on mobile device
Many ppl are not aware that videos that can played on desktops doesnt mean it an lay in moblel devices and Ouch!It hurts the UX.

We forgot that mobile browser might disallow the videos Also due to different OS.

Transcript the video if you can .
Use The HTML5 standard for all videos.

Good Luck.
Reply
AngelsBird Premium
Boenk! Here we have Jeff... :-)
You definitely should write more blogs. ;-)
But I think I understand you completely, when the theme doesn't do it by his self then are these some very good tips for in the background...
And indeed there are so many models' op phones, that using 2 - 3 phones to test is not enough...

Also between the different android systems, there are big differences...

Thanks for your input Jeff!!!
Reply
Je88 Premium
Omg bert.i feel shy.lol
Reply
Janh64 Premium
Hi, I've not got to this bit yet, still sorting out the basics! lol
Reply
AngelsBird Premium
Hi, well, I suggest that you read all the comments, there are some really good ones that can help you in the future... ;-)
Reply
CeesStapel Premium
Hi Bert,

I noticed that to the other day when I asked somebody to check my website and I noticed it is way to long and keep peoples attention as on a desk / laptop so I did my posts again and stick to around 750 words. Also I check on my own phone how the site is looking.

I do have to ad a comment here and that is also who is your target, if you aim for younger people they do much more on their phone so its more important.
Reply
AngelsBird Premium
There you make my point Cees, I noticed that they're much more people surfing mobile then I thought..
And indeed certainly the youngsters...
Thanks for the comment...
Reply
Mark Tait Premium
Hi - for some older sites, I just looked for responsive too, as others have mentioned, in the free themes.

More recently, I've used premium (paid for) responsive themes, as they tend to, in my experience anyway, come with really good support should you need it.

Cheers, Mark
Reply
AngelsBird Premium
Indeed, a paid theme has the advantage of support, sometimes is the support alone worth the money I think..
Reply
Loes Premium
I have added a plugin to some of my sites, and it works
Reply
AngelsBird Premium
Thks Loes! Always there with some great tools or links, did not had this one yet, very cool!
Reply
Loes Premium
My pleasure Bert! I see you are working hard to become an ambassador:)!
Reply
AngelsBird Premium
The truth is: I am hard working, but the ambassadorship that is something else... ;-)
Reply
DIGGER12 Premium
HI, I did a search for 'RESPONSIVE" themes to make sure my site is friendly on not just a computer, but also phones and other devices
Reply
AngelsBird Premium
So you check the mobile friendly capacity when you choose your theme, sounds like the best start you can get....

Thanks for your input and if have other ideas, please don' hesitate...
Reply
RKingsley Premium
Good idea! I'm just leaving it for now, but this might not be the best approach...
Reply
AngelsBird Premium
Thanks for your reaction, but which approach do you want to say?
Reply