If you haven’t already been exposed to Google Goggles, then we need to get you caught up. The technology is built into the Google app available on the iPhone and Android platforms, which allows you to take a picture of an item, barcode, QR code, logo — just about anything — and perform a search.
The question is, how can we optimize our content as designers to make sure Google Goggles drives traffic to our sites? If our logos, our barcodes, or our graphics get scanned, how can we let Google know that those scans are our items, and that those who are scanning are our potential customers?
Before launching into some tips, here are some important facts about Google Goggles:
- iPhone, Android, and other popular mobile operating systems already have Goggles built into the Google App.
- The Goggles technology automatically recognizes QR codes.
- The text recognition is uncanny — even some script fonts are read with ease.
- There’s a Goggles-only app available as well for those who want a more simplified version of the technology.
Screenshot from an iPhone Google Apps search
The most important graphic you can establish within Google Goggles is your company logo. If your brand gets scanned, you’ll want visitors immediately directed to your home page, right? Since your logo is on everything from business cards to products to brochures, it is definitely a critical item.
Here’s a step-by-step process I used and tested successfully:
- Include text in your logo – You may not have perfect control over your company logo, which likely went through many iterations and a long approval process. But, if at all possible, include the company name in the logo. The Goggles text recognition helped Google find my logo much faster when my company name was included within the image.
- Put the logo on your website properly – I put the logo in the footer of my website and named it in both the file name and the link text as “company_name.jpg”. Again, text recognition built into Goggles made it easier to find, and even logos that did not have text can be identified if they have semantic file names.
- Use rel=”logo” – Within the HTML of the <img> tag, include the rel=”logo” attribute. It looks like this: <img src=”company_name.jpg” rel=”logo” />. While rel=”logo” is still a proposed attribute, rumor has it that Google recognizes the attribute. If nothing else, this future-proofs your design.
- Google Maps upload – Go to Google maps and add an image of your logo as the company image. Use exactly the same graphic.
- Other image sites – On your various company profiles (Google+, Facebook pages, Behance, Deviant Art), add your logo and accompany it with a description that points to your site. At worst, Goggles users who scan your imagery will be directed to one of your portfolios, profiles or social media presences, all of which will identify your company and direct visitors to your website.
The same rules apply to your products as they do to your logo.
- Multiple shots – Remember that Goggles users are probably not going to be taking pictures from the ideal angle with perfect lighting. So, make sure you have several distinct graphics of your products on your site, named appropriately per the semantic file-naming rules described above.
- File names – If you have any prominent text on the product label or packaging, try to include this text in the file name. Goggles might recognize this text, and you’ll want it associated with your products.
- Metadata helps – Use the “description” attribute of the <img> tag to include extra text. If you have a great deal of written copy on your product, add the extra copy into the description section to give Google more clues. The text recognition kicks in at this point.
- Descriptive image on other sites – Once again, including your product photos on other sites — along with descriptions that link to yours — only helps Google to make the desired connection.
Barcodes and QR codes
Anytime you can include your barcodes in the graphics on your site, do it! QR codes are another critical piece; Google Goggles fixates on them. In my testing, anytime a QR code was a part of the image, Google assumed this was the piece of primary interest. When I made a QR code that was a hyperlink, Google automatically forwarded me to that URL. This gives you a surprising amount of control over where your product images lead. Because the scanner is almost certainly using a smartphone and is likely interested in a specific product of yours, smart marketers could send them to mobile-friendly, product-specific landing pages.
Including a QR code is very important; it can have a greater impact than any standalone image within Google Goggles. It prevents any confusion and enables Goggles to automatically sends the visitor to a URL of your choosing. This can result in new customers and new leads with very little initial effort and no upkeep.
Google Goggles is quickly becoming a big part of online marketing. Getting in touch with those that are already interested in (and searching for) your brand and your products will be much more effective than broad, imprecise marketing efforts. Image results, as you’ve seen, are at the top of results (along with videos – hint, hint). So, optimizing your graphics for Goggles will result in better exposure, more effective marketing, and new customers for minimal effort.
Have you been working with Goggles? Do you have any experiences to share?
User Interface Design with Sketch 4
Diving into ES2015
Wrapping Your Head Around Python
Designing UX: Forms
Bootstrap: A SitePoint Anthology #1
Jump Start Sketch
Bootstrap: A SitePoint Anthology #1
Jump Start Sketch
- 1 The Trolley Problem: Will Our Cars Grow up to Be Heroes?
- 2 5 Entrepreneurship Rules I've Learned from Starting 7 Figure Businesses
- 3 7 Workflows Entrepreneurs Should Automate with Zapier
- 4 5 Things Every Designer Needs to Know About Conversational UIs
- 5 7 Must Have WordPress Plugins for Business Websites