How to make an old site mobile friendly

  • 0
  • 1
  • Question
  • Updated 2 months 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

I have had a site since 2007 and want to make it mobile friendly but am not seeing the options to make it that way....what do I need to do?
Photo of Connie9367

Connie9367

  • 70 Points

Posted 2 months ago

  • 0
  • 1
Photo of steve4468

steve4468

  • 3,594 Points 3k badge 2x thumb
Older sites built with desktop sitebuilder and sitebuilder plus do not have a mobile function built into the program. The newer websitebuilder program does have a mobile function.

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 html 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.



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.

I also placed a text link at the bottom of my desktop index/home page directed to the mobile index.

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 pages are presented in a single text box and are pretty bland. But for me that works just fine.
    Good luck.
    Photo of steve4468

    steve4468

    • 3,594 Points 3k badge 2x thumb
    Most MOBILE pages are presented in a single text box...
    (Edited)
    Photo of steve4468

    steve4468

    • 3,594 Points 3k badge 2x thumb
    Forgot to mention that if you have a DUDA 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. Homestead can remove the DUDA association if asked.
    Photo of steve4468

    steve4468

    • 3,594 Points 3k badge 2x thumb
    Titles, description, content and keywords for the mobile pages: I used the same title, description, content 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.
    (Edited)
    Photo of Michelle C

    Michelle C, Employee

    • 21,740 Points 20k badge 2x thumb
    Hello,

    Steve has covered some great information on how to make a sitebuilder plus site mobile friendly, since we no longer work with Duda mobile this may be your only option. As mentioned, it does not come with a built in mobile friendly aspect. However, if you move to Websitebuilder you will get the added benefits and the mobile friendly site along with it. 

    This conversation is no longer open for comments or replies.