how to convert normal site into mobile site easily?
 

I need to convert my sites into mobile version, preferably without much work :winkwink:
I have already searched google for the tips, there is some software for this, but any personal tips from Gfy members?

Would depend on how your site is built.

You could change the theme or design, you could redirect to a mobile version, you could add a plugin (if using wordpress, drupal, etc).

If its not wordpress or cms control its seems to be lot of work and editing

if the date isn't in a DB or in data files (jsons, xml, etc) is hard...
if they are u can use twitter bootstrap or similar...

its fucking nightmare, dont convert normal site into mobile site.
just create another version of your site for mobiles only, and redirect mobile users to mobile version.

plain html, some old school sites, but they are getting still traffic, just the mobile traffic went down for around 50 percent since the last google mobile update.

i was thinking about trying this redirect (aka mobile convertor):

phpmobilizer - Convert any website to a mobile site. - Google Project Hosting

Hacking the Googlebot--Mobile Update
 

See Googlebot, See Googlebot run!


user@(...)/log:~$ grep -ni --color=always "google" access.log |grep "[pagename]"
2793:66.249.65.185 - - [03/May/2015:01:21:07 -0400] "GET /[pagename]/ HTTP/1.1" 200 5615 "-" "Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)"
5661:66.249.65.181 - - [03/May/2015:06:51:46 -0400] "GET /[pagename]/ HTTP/1.1" 200 5653 "-" "Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)"
9946:66.249.64.83 - - [03/May/2015:13:42:41 -0400] "GET /[pagename]/ HTTP/1.1" 200 5548 "-" "Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)"
13724:66.249.64.85 - - [03/May/2015:18:53:13 -0400] "GET /[pagename]/ HTTP/1.1" 200 5549 "-" "Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)"
17795:66.249.64.152 - - [04/May/2015:03:18:39 -0400] "GET /[pagename]/ HTTP/1.1" 200 5567 "-" "Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)"
22678:66.249.67.108 - - [04/May/2015:13:04:41 -0400] "GET /[scriptname].min.js HTTP/1.1" 200 790 "http://[domain]/[pagename]/" "Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)"
22679:66.249.67.116 - - [04/May/2015:13:04:42 -0400] "GET /[scriptname].css HTTP/1.1" 200 533 "http://[domain]/[pagename]/" "Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)"

Your JavaScripts and CSS files are requested and checked?

40514:66.249.67.158 - - [06/May/2015:01:30:43 -0400] "GET /[pagename]l HTTP/1.1" 200 5531 "-" "Mozilla/5.0 (iPhone; CPU iPhone OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10A5376e Safari/8536.25 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)"
50553:66.249.67.171 - - [06/May/2015:21:52:31 -0400] "GET /[pagename]l HTTP/1.1" 200 5544 "-" "Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)"


For the record:
The log was rotated.
The page has been indexed for years.
The page's SERPs are the worst on that domain making it good for an experiment.
This page was changed from a PC style page to a responsive (100%) at 600px landscape format May 2, 2015
All pages in this subdirectory level will be updated to the same and the SERP referrals noted.

So I passed the mobilgeddon test at 600px?

This is a conversion of a old thumbnail dynamic affiliate site -- the menus were the issue (width) and the desire that the new PC site would be of familiar design with all the features that the return visitors expect and know were the content can be found.

Learning curve was a bitch and time the issue but the same changes can be adapted to other domains as well.

user@(...)/log:~$grep -ni --color=always "google" access.log |grep "[pagename]" |grep -i "q="|cut -d '"' -f5,6|more
will tell the whole story

just gets the user agent of all search queries for that page ...

Hire Edgeprod. His jet helicopter is on stand bye.

Its hard if you don't know what you're doing I have done several and now knock on wood its a lot easier.

the thing is, those old site are already shitty looking now, but still getting a lot of traffic from google, i just need to pass the google mobile test here:
https://www.google.com/webmasters/to...bile-friendly/
i dont fucking care about the looks. as i already wrote, my mobile traffic has decreased for around 50 percent after recent google mobile update and since mobile provided me with most signups, i need to get my ranks back...

It's not hard at all. really depends how the old site was built, I've been doing it with loads of old sites recently.

takes a few hours.

so you do that manually?

If anyone is looking for a solution you can fill this form out for a free quote to convert your existing sites into responsive html5 that will work on any device.

Zuzana Designs - Does your Website Have a Mobile Presence?

its all just based off of CSS styles, you re edit those styles to use percentages when possible then break down different parts by browser widths if needed.

yes it is manual, just takes a bit of imagination.

Exactly this. It will be easiest if you used the same design layout on your html pages. If they're all different that just complicates things.

yep most of it can be done with css and stripping out tables(if its really old)

For simple html sites Bootstrap is the way to go.

If you don't want to do it yourself, I'm available next week.

I just hired a freelancer to make mine mobile friendly and it looks shit on a mobile (worse then before) but google says it passes so no idea what to do

^^^ This

Though to do it properly you need to think clearly before you start, and maybe have a practice writing some CSS style sheets with media queries. Its not difficult if youre familiar with CSS, but I suppose it is if you're not. :disgust

If your website based on Wordpress, then you can use plugins in order to get mobile version site. It takes really few minutes. Recently I have used one of such plugins on my Wordpress sites