Mobile First Indexing

This week, I’ve been getting regular emails from Google Search Console (formerly Google Webmaster Tools) to let me know that my own sites and those of my clients that I’ve added to the console have been switched to “Mobile-first” indexing.

Mobile-first Indexing

What this basically means is that the results in Google searches will show content primarily from the mobile version of your website….IF you have one! If you do or your website is fully responsive and adaptable to mobile devices such as smart phones and tablets then you need do nothing for the most part.

If however your website is currently setup any the following ways, you may need to act to avoid the loss of ranking and possible drop in the search results:

  • No Mobile version,
  • No Responsive version,
  • A Mobile version that doesn’t have the same quality, comprehensive content and tags as your main site,
  • An old Mobile version on a separate domain, ie – m.mysite.com.

The first thing you need to do is test to see if your site has a mobile friendly version or if the main site is mobile friendly. You can do that with Google’s own tool here:

search.google.com/test/mobile-friendly

If all is well with that then you need not worry. If your site is shown to be not mobile friendly though you may need to make it so to avoid issues. Here are the options:

  • Rebuild the site with a fully responsive design (best, future proofed option),
  • Add a Mobile friendly plugin (If your site is WordPress or CMS based).

Here’s some further reading on the subject of Mobile-first Indexing:

Google – webmasters.googleblog.com/2018/03/rolling-out-mobile-first-indexing.html

Yoast – yoast.com/5-things-about-mobile-first-indexing/

Please get in touch if you need further advice.

Leon

Advertisements

GDPR & Websites

The General Data Protection Regulation or “GDPR” deadline day of 25th May 2018 is getting closer and we’re all going to die. The Data Apocalypse is nigh.. You may have seen one or two or 10,000 news articles about it recently? Anyway, I’ve done some research and attended workshops in an effort to try make sense of it all for mine and my own companies’s benefit and I’m happy to share the basics I’ve learned here with you, hopefully in a simplified and jargon free way.

What’s it all about?

Basically on the 25th May 2018, new legislation is being introduced across Europe to protect private individual’s data a lot more. If companies don’t comply they may be liable for hefty fines.

What do you have to do as a company?

You need to do some research firstly, ideally a local workshop or a solicitor if you have one to get familiar with the guidelines and how they relate to your own business specifically. Here are several things to look at in your business and consider:

  • What Data do you currently have and collect on your clients?
  • Why do you collect that Data?
  • Do you really need to collect all or any of it?
  • How do you collect Data?
  • How do you store the Data? Is it stored securely?
  • Who has access to the Data exactly?
  • Where do you store Data? Is it stored/transferred abroad, outside Europe?
  • Do you share Data with 3rd parties?
  • Do 3rd party companies store your data? ?If so, who and where exactly and are they compliant themselves?
  • Do you have the facilities to process Data requests from clients?
  • Can you securely delete or update Data you hold?
  • Do you have a Data breach plan?
  • Does everyone in your organisation know the rules around Data?

What do you have to do with your website?

Websites are the front line for many companies and range from basic sites that ask for and accept no data or cookies from visitors up to large, data heavy E-commerce sites with Online Payments, Member Sections, Logins, Newsletter Subscriptions etc..

Here are some of the things you should really do on your website BEFORE the 25th:

  • Add a Privacy Policy page or update your current one
  • Add a Privacy popup that requires explicit, recorded consent.. Or
  • Add a required Privacy/Terms tick box on any forms that submit data to you such as Contact Forms, Newsletter signups etc..
  • Make sure any Newsletter subscription processes require the users explicit, recorded consent and is double opt in
  • Make sure data transfer to and from your website is encrypted by installing an SSL certificate
  • Make sure the software that powers your website, if any, is kept up to date and secure.

Despite the hype, there’s no need to panic. If you do the basic, common sense things around your clients data and remain Transparent, Secure and Accountable if things go wrong, you’ll be fine. “FINE” not “Fined…

Leon

More information for Companies and Organisations:

GDPRAndYou.ie/Organisations/

More information for Private Individuals:

GDPRAndYou.ie/Individuals/

General Data Protection Information:

www.DataProtection.ie

 

Design Brief Worksheet Template

Using a properly thought out Design Spec can help you find better clients, clients with more money to spend and better, more interesting projects.

Prompted by a regular stream of Reverb Studios clients over the years who weren’t quite sure what they wanted in a new website or other design project and in response to me asking them for more guidance just pointed to a competitors website, or worst still a very long list of totally different competitor websites, and expected me to take it from there, I recently decided to do some research on how best to extract the maximum amount of detailed information from a client before starting any new design project.

The benefits to this are as follows as I see it:

  • You can avoid that initial, face-to-face, time (and money) sapping meeting with a client where no one is really prepared or knows what they want or what needs doing.
  • You get to see if a client is a good fit for you and your services and vice versa, whether the client can actually be served by you at all.
  • You get an idea of how serious and defined a client is about their business and their business goals. Asking them to sit down and think about their business and goals is something of value to them if they havn’t done it before.
  • By asking them for their budget, you separate the kind of clients who want something for nothing or everything in the world for very little investment from those who are prepared to put their money where their mouths are and get something of real value in return.
  • You get to come across as a professional who is serious and detailed about how they do things.
  • It gives much needed focus to a project that both sides can greatly benefit from.

Following my research across several articles, some marketing and design classes I’ve completed in recent years, my recent design degree and drawing from my now 15 years in a design related business, I drafted and built the following Design Brief Worksheet and put it in digital form:

Reverb Studios Design Brief Worksheet

Please use the form to think about your own business’s current performance, goals, use it to hire my own services or adapt it for your own use.

Leon

7 Great Cloud Apps for Businesses and Teams

I recently started a part time, fully online/remote degree in Digital Design & Technology after working in a similar field, unqualified, for nearly 15 years. I thought I knew it all and knew the best tools of the trade. I was wrong.

The fact that my course is 100% online forced the usage of the apps/websites I’m about to detail but I’ll be using these for my own business, collaborative and personal use from here on in. All of the following apps are cloud based and available from any device with internet access. All (Except Coggle) have native app versions for mobile devices too which give a streamlined, better user interface if you’re not at your main desktop or laptop.

You may notice a slight Google bias here! Most are free for personal/lite usage.

1 Gmail

Gmail

Nothing new or groundbreaking here of course but you can’t beat gmail for reliable, cloud based email communication. Filtering, Labels & Folders and email search are dead handy as is syncing between different device versions.

Standout Feature: Multiple accounts.

https://www.google.com/gmail/

2 Google Drive

Google Drive

A file repository and storage system but with document sharing, commenting and integration with Google Docs, Sheets etc.. I love the live editing mode where you can actually see other people typing/editing on screen and commenting within documents is handy too.

Standout Feature: File & Folder access/sharing.

https://www.google.com/drive/

3 Google Hangouts

Google Hangouts

Excellent call conferencing and instant messaging system with good integration with Google Calendar, ie – click the link in a calendar event to join a call.

Standout Feature: Screen sharing to a group.

https://hangouts.google.com/

4 Google Calendar

Google Calendar

Event/task reminder system with event invites and reminder notifications. I can’t live without this in my life. I might forget to breathe without it. Automatic email notifications of event changes to event attendees is handy.

Standout Feature: Add other people to events/Indicate attendance.

https://www.google.com/calendar/

5 Google Apps (Docs, Sheets & Slides)

Google Apps

A cloud based alternative to the Microsoft Office suite of office apps. Apps are slightly less functional than the Microsoft versions but all are very capable still. I love that documents are automatically backed up and available across devices.

Standout Feature: Live simultaneous document editing by multiple people.

https://gsuite.google.com/

6 Coggle

Coggle

Simple collaborative mind mapping and idea generation tool. Initiate an idea in the centre and drag “idea” branches and sub branches out from it. Notifications of changes to branches are emailed to members automatically.

Standout Feature: Mind map exporting.

https://coggle.it/

7 Trello

Trello

I’ve saved the best until last. My OCD loves this one! Trello is a collaborative project management tool with “Cards” for each task and To Do, Doing and Done columns. It’s great for an Agile/Scrum environment as task cards can have deadlines etc.. You can organise everything from a major project to your whole life with Trello.

Standout Feature: Board notifications and integration with Google calendar.

https://trello.com/

3 MiFi Connection Authentication Error

We’d been having weird, intermittent WiFi problems in the house for months and I kinda stumbled on the solution over the weekend. Basically, the various devices on WiFi in the house were struggling to connect to the network, particularly our smart phones. While the home network could be seen, it wouldn’t connect automatically as set and manual connections just failed with the error “Connection Authentication Error”. It was annoying not least because my MiFi router is located in the attic for best house coverage and I had to keep climbing up there to restart it in the hope of it sorting itself out. I also had a booster in the attic to help spread the signal to the furthest reaches of the house so I was sure the MiFi unit itself or this booster were at fault and was ready to replace them until I realised that multiple devices where having the same error, including my wife’s brand new phone and in various different rooms all over the house.

So what else could it be? Something I read online started me wondering if there was a limit to the number of devices you can normally have connected to a typical broadband router and because the MiFi router wasn’t a typical one, maybe it had an extra low limit or something? I wondered if the limit could be raised so I logged into my MiFi control panel and seen a screen that showed the max number of connected clients allowed, which was 5 so I tried changing it to 10 and saving but it returned an error stating that 5 was the max! So the standard MiFi router that 3 Ireland use is the Huawei E5220 seen below and it’s only capable of handling a max of 5 connected devices at once! Not much use with a laptop, 3/4 smart phones, a Sky box, a Chromecast, a Nest Thermostat, WiFi light bulb and regular visitors with smart phones! Basically all our devices were vying for a coveted spot on the network and sometimes one got it over another etc which explained the intermittent part of it all perfectly.

E5220
E5220

So what’s the solution?

I googled around looking for a way of raising the limit but it seems you have to mess around with the devices firmware etc. Not into that! I also thought about reverting to my old 3G Broadband UMR router but couldn’t find my old 3 dongle. Then I realised that just like your phone account/contract, your mobile broadband account is also upgradable, ie – you can qualify for an upgrade to a new device after your contract runs out. So I went on the 3 site and logged in than hit the “Am I eligible for an upgrade” link and I was luckily. Also, 3 currently have a couple of new devices that have a connection limit of 10 devices, double the MiFi’s so I went for the smaller one which was completely covered by the upgrade for free. It’s the NetGear AC762S seen below. It’s also 4G which is handy if that ever comes to Leitrim but I’m not holding my breath. 10 devices should sort us out for a little while longer at least!

AC762S
AC762S

E-Commerce Web Design & Online Shops

I’ve had a few clients recently who sell physical products in their business and I presumed they would want to sell them online when they came to me looking for a website. When they said they’d rather not I was a little confused. One or two admitted they didn’t think they’d have the capacity or resources to deal with setting up payments, shipping stuff, etc but not much other info was forthcoming.

Not wanting to pry into the reasons too much I can only guess that businesses feel overwhelmed by either the costs they think might be involved or the amount of setup required to sell products online. Online sales are massive these days with more and more people getting comfortable with the notion of buying online. It seems odd to me that businesses would not want to tap into this potentially massive online market when it’s really not that hard to do so.

Here’s some factors to think about:

Costs

I suppose one of the main things that might put someone off selling online is the cost. Most people realise nowadays that you can get a basic brochure website fairly cheaply but maybe they think an online shop is a lot dearer. It can be of course if you’ve a ton of products and require some very advanced functionality but with the popularity of freely available (Open Source) Content Management Systems and E-Commerce systems, a basic online shop doesn’t have to cost the earth. My prices for new websites with an online shop module start at under €1,000 and if you’ve an existing website and just want to add shop functionality, it can cost much less. Tell me your budget and I’ll see what I can do if that’s still too dear for you.

Setup

There’s more work involved in building a website with an online shop of course but once it’s built, there’s no real effort involved in adding products and managing the whole thing. It’s no harder than adding blog/news posts to your site. The content management system will allow for easy addition of products and easy management of sales etc. The only other thing you might need to do is setup a Paypal account but that’s free and can be done in a matter or minutes. As your products sell, both you and your customer will be notified by email and the shop system will tell you who bought what, where they live for shipping and whether the payment has been received successfully or not.

What can you sell online?

You can sell a lot more than simple physical products online. My favourite thing to sell is “Digital” products where you don’t have to worry about tedious stuff like packaging and shipping. The customer checks out, pays and gets redirected to download a file! You can also sell things like Services, Rooms, Courses and almost anything else you can imagine. If you are a service based company like mine you can take simple digital payments via a form like the one I have on my own site ReverbStudios.ie/Payments/

Get in touch if you’d like help selling online.

Leon

Chrome Extensions for Web Designers

I stalled on using the Google Chrome browser for quite a while because of my dependency on Firefox plugins despite me hearing how great and how quick it was over other browsers. I’m happy to report now that there’s quite a lot of extensions for Chrome these days, especially for web designers and developers. Here’s a few I can’t live without:

 

BuiltWith Technology Profiler

Shows a list of technologies and frameworks used in the website you’re on, ie php, css, etc..

 

Web Developer

Enables all sorts of overlays and functions helpful while building a site or analyzing an existing one’s structure.

 

Pendule

Similar to Web Developer above but a bit simpler and more pared down.

 

Firebug Lite

A Lite version of the popular Firefox website inspection tool.

 

Analytics Helper

Detects via the address bar if Google Analytics is installed on a web page and provides the “UA” ID on hover.

 

PageRank Status

Provides info on Google PageRank, Site Location, IP address, Bing & Yahoo backlinks, etc..

 

META SEO Inspector

Shows META/SEO info on a site.

 

WhatFont

Identifies the Font used on a website or certain sections of a page.

 

Window Resizer

Show how a site looks in different window sizes and resolutions. Create you own sizes.

 

View Background Image

View the background image of a site or page element via the right-click content menu.

 

Site GEO IP Locator

Shows the location of a site’s hosting server.

 

Image Properties Context Menu

Adds an “Image Properties” entry to the right-click context menu which shows info about a website image such as dimensions, filesize etc.

 

Google Global

Runs a Google search through Google Ireland, UK, USA, Canada or Australia.

 

Chrome Sniffer

Shows used website technologies and frameworks in the address bar. Named on hover.

And some cool non-web design related extensions too:

 

Rapportive for Gmail

Finds a person’s social network profiles and other info about them based on their email address and lets you connect with them from within Gmail.

 

RSS Subscription

This adds an RSS identifier and subscription button to Chrome cause it still doesn’t have it’s own by default!

 

Screenleap for Gmail

Share your computer screen through Gmail.

 

Unsocialize

Right click links in Facebook etc and choose “Unsocialize” to avoid having to go through apps to see content.

You’re welcome.

Leon