At our April meeting, we started by discussing what has been called “Mobilegeddon.” Google has said that on April 21, they will be expanding the use of mobile-friendliness as a ranking signal. As Google states, users will find it easier to get relevant, high quality search results that are optimized for their devices. More information is at the Google Webmaster Central Blog. Use Google’s Mobile-Friendly Test to see if a page is considered mobile-friendly and if not, to get suggestions on how to improve your results.
We then moved on to the main topic for the month, embedding a Google calendar. We went through the process of setting up and editing a Google calendar. The calendar can be shared if it is made public — Google will give you a link to copy and paste into your site.
But you may prefer to have your calendar displayed in a page on your site instead of just linking to Google. Embedding the calendar lets you do that by using an iframe. That code is also supplied by Google and is copied and pasted into your page. You then have the live calendar displayed in a page that can then be styled without affecting the calendar itself. At the same time, the entries in the calendar can be edited separately from the design of the page. It is a small example of a content management system.
The result is fine, but it is not mobile-friendly. Next month, we will look at some ways to fix that.
For an introduction to iframes, see the Wikipedia entry on the topic.