Websites - Videos

<div data-role=”content”>
<ul data-role=”listview”>
<li><a href=”#page2″>Welcome</a></li>
</ul>
</div>

Paste inside of page containing the list button.

Add the following code to head immediately before </head> tag:

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

End.

You can add a link on your jQuery Mobile webpage to directly call a phone number using the following format:

<a href=”tel:1234567890″ data-role=”button” rel=”external”>Phone: (123) 456-7890</a>

Be sure to put in rel=”external”.

When you click on the link, your phone app on your smartphone will be brought up with the number 1234567890 set.  All you have to do is hit “Call”  to make the phone call.  Try it out on your iPhone or Android phone!

Here is where to go to test a website for Google Mobile-Friendly:

https://www.google.com/webmasters/tools/mobile-friendly/

To make the jquery-mobile site that Dreamweaver CS6 installs when choosing New – Page From Sample – Starters – jquery mobile with theme, add the following code to the line after <meta Charset=”utf-8″> somewhere around line 5:

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

The viewport will correct the negative checks on Keynote MITE 5 regarding viewport, as well as “small text” and “links too close.”

Today is the deadline that Google had announced that the use of a website’s mobile-friendliness would be used in ranking the website’s search engine results.

I had a couple websites that were designed to be viewed with large monitors, but that I had also designed a part of the websites to be mobile ready. I was able today to add code to the websites that automatically served the correct part of the website to the viewer depending upon the size of the screen of the device that the viewer is using.

    </script>
<script type=”text/javascript”>
<!–
if (screen.width <= 699) {
document.location = “/mobile/index.html”;
}
//–>
</script>

(Special thanks to css-tricks.com)

After programming the code immediately in front of the </body> tag, the two websites passed the Google Mobile-Friendly Test.

https://www.google.com/webmasters/tools/mobile-friendly/

The two websites are:

http://www.americanlegionnorthstpaul.com/

and

http://www.mansavageproductions.com/

If you have a website that needs to be made more mobile-friendly, contact Mansavage Productions for help at reasonable rates.

It is time to get your website mobile-friendly! Google will be expanding their use of mobile-friendliness as a ranking signal starting April 21, 2015. This will affect mobile searches in all languages worldwide, and will have a significant impact in Google search results. The new ranking is designed so users will find it easier to get relevant, high quality search results that are optimized for their devices.

Mansavage Productions can make your website mobile-friendly at budget-friendly rates!

Wishing you a happy and lucky day!