Can I Make My CURRENT Websites Mobile Friendly if They Were Built With SiteBuilder?

  • 0
  • 1
  • Question
  • Updated 3 weeks ago
  • Answered
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members. The community moderator provided the following reason for archiving: 7 days of inactivity

HI all

It looks like I CANNOT make my current websites mobile friendly because they can't be edited in the newer WebsiteBuilder (all have been built using the PC SiteBuilder). 

This is a problem, as three of my sites have their own domain names.  Do I have to completely rebuild all my sites by starting NEW sites using the new builder?  That is a lot of work... and what about my paid-for domain names?

A bit confused since I can't even access the newer WebsiteBuilder tool.

HELP!
Photo of Nells250

Nells250

  • 234 Points 100 badge 2x thumb

Posted 3 weeks ago

  • 0
  • 1
Photo of Michelle C

Michelle C, Employee

  • 37,432 Points 20k badge 2x thumb
Hello,

The Sitebuilder platform that the website are currently built in was created many years ago when mobile phones were not as popular and unfortunately was not built with a mobile friendly aspect. In order to utilize Homesteads mobile friendly editor the sites will need to be rebuilt in WebsiteBuilder. To gain access to the new builder add a new site to the account. https://community.homestead.com/homestead/topics/how-do-i-create-a-new-site This will allow you to rebuild with the new tools and when you are ready you can connect the domain to the new site by changing the site association. https://community.homestead.com/homestead/topics/how_can_i_switch_my_domain_to_a_new_site_i_built 
Photo of Nells250

Nells250

  • 234 Points 100 badge 2x thumb
OK, let's make sure I have this right:

My OLD sites will always stay the way they are (more PC friendly).

If I want to make any of them MOBILE FRIENDLY, like one in particular for a local company, THAT ONE needs to be rebuilt... I choose a template, re-build it, then associate it's domain name to it.  Does that sound correct?

JD
Photo of Michelle C

Michelle C, Employee

  • 37,432 Points 20k badge 2x thumb
That is correct. 
Photo of Nells250

Nells250

  • 234 Points 100 badge 2x thumb
AHA, I even found the place where I associate the domain name to the new mobile-friendly site.  I guess I just need to start from scratch.  I don't mind TOO much... I guess this is what happens when you're with Homestead for about 20 YEARS!!!

;-)
Photo of Michelle C

Michelle C, Employee

  • 37,432 Points 20k badge 2x thumb
Yes things definitely change over time.  But we are here to help whenever you need assistance. :)
Photo of Nells250

Nells250

  • 234 Points 100 badge 2x thumb
I don't do well with change... CAN YOU TELL?? 
 ;-) 
Photo of steve4468

steve4468

  • 3,644 Points 3k badge 2x thumb
There is another option. If you don't want to rebuild your entire site you can create your own mobile friendly pages.

These instructions only work with desktop sitebuilder and sitebuilder plus. They do not apply to sites built using the newer websitebuilder. I also recommend using cloudflare to secure your site before beginning. If you're using desktop sitebuilder the instructions will allow you to build mobile friendly pages but you'll not be able to get the https from cloudflare to remain valid for more than a few days...if that. You really should use sitebuilder plus if you're not.

I realize that this can seem a bit daunting. But have a little patience and you'll find that it's not that hard and you'll be working with a builder that you're already comfortable with. Feel free to ask any questions.

As for the scripts posted below; I encourage you to google them as they are. You'll need to remove the destination address from the second one. You'll find that they are basic, robust and safe scripts that have been proven over the years and should present no problems for you.

In these directions when I refer to desktop I'm referring to the standard pages people see when they visit the site. The ones that appear using a standard computer.

Mobile pages are the ones you create for mobile visitors. Your first mobile page should be built from scratch using the "New Page" function. You can use the "Save As" function to create others.

Pay close attention to the scripts so the destination addresses match the pages you're working on
.

This is what I did to create my mobile index/home page. I didn't make another folder for the mobile pages. Instead I made a blank, centered, 320 wide page named "mobile" with the following script...


<meta name="viewport" content="width=device-width, initial-scale=1">


...inserted into the <head> tag. The script was copied and pasted to this post page exactly how it was placed into the <head> tag of the mobile page. Be careful. All characters/spacing between the first < including the < and the last > including the last > must be in the script as shown to function properly. The script functions to fit the mobile page to the device being used to view it.


On my desktop index/home page I placed this script as shown...


<script type="text/javascript">
<!--
if (screen.width <= 699) {
document.location = "https://www.drywallcarolina.com/mobile.html";
}
//-->
</script>


...into the <head> tag. The script was copied and pasted to this post page exactly how it was placed into the <head> tag of the desktop home/index page. You will need to change the destination address to your domain and mobile page name. Be careful. All characters/spacing between the first < including the < and the last > including the last > must be in the script as shown to function properly. And yes, the "html" should be in the destination address. The script automatically directs visitors using a device with a screen smaller than 699 pixels wide to the mobile friendly destination page.

I also placed a text link at the bottom of my desktop index/home page directed to the mobile index. This link lets the search engines know the page is there.

On the other pages such as plaster I simply added  -plaster to the mobile page name for that subject so plaster became plaster-mobile. 
https://www.drywallcarolina.com/plaster.html
https://www.drywallcarolina.com/plaster-mobile.html
I also added the above scripts to the corresponding pages after editing the destination plus a text link to the mobile page at the bottom of the desktop page. And remember to use your phone to view any edits to the mobile pages as a desktop will present them differently than a phone.

You can build the pages using your desktop/laptop as a basic reference guide but need a phone for tweaking them and seeing what your visitors will see. In other words, you'll still use your desktop computer for all the editing but will need the phone to know the exact location of images, buttons, etc.

If you follow this link...

https://www.drywallcarolina.com/

...using your phone you'll automatically be sent to the mobile index/home page. If you follow it using a desktop/laptop you'll be directed to the desktop index/home page. 

Please understand that the main goal of my website is to have the visitor call/text me to set up an appointment for me to inspect the damage and to offer solutions. Most mobile pages are presented in a single text box and are pretty bland/boring compared to other users homestead websites. But for me that works just fine.

I used the same title, description, copy and keywords for the mobile pages that are used on the desktop pages except I added "-mobile" at the end on all mobile pages title and description. Because I receive steady traffic from all search engines for both desktop and mobile pages, search engines don't seem to view my mobile pages as duplicate content. But then search engines are pretty smart and I'm sure they know the difference between my desktop and mobile pages.

IMPORTANT: If you have a DUDA mobile website association with your website it must be removed in order to pass Googles mobile friendly test. It will pass using the homestead address but will not using your domain if the DUDA association is active. I'm not sue but at one time Homestead could remove the DUDA association if asked.
    Good luck.


    Photo of Michelle C

    Michelle C, Employee

    • 37,432 Points 20k badge 2x thumb
    Thank you for sharing!