Hop Studios is Canada's top ExpressionEngine
Web consulting, design and development firm.

ask about your project

Work With Us!

Get A Quote


It’s Time to Look Beyond Google

Logos of Yahoo, Google, and BingMany of us have gotten accustomed to Google dominating the search engine market. However, according to Business Insider, both Yahoo and Microsoft are actively trying to convince Apple to choose their search services over those of Google to be the default search provider in Safari, Apple’s browser. Safari, of course, is the default browser on all Macs, iPhones, iPads, and other Apple devices.  Bing, Microsoft’s search engine, is already being used for Apple’s voice recognition software, Siri, so the idea of Apple switching wouldn’t be a complete surprise, but it would cause a pretty significant shift in the importance of ranking well in Bing.

This follows an early November announcement that Yahoo will become the default search provider for Firefox, Mozilla’s browser. This is expected to roll out this month. Firefox has a 14-19% share of the browser market, and I think we all can see how ubiquitous iPhones and iPads are.

What does this mean to you, besides having new search results if you’re a user of Firefox or Safari? It means this is a great time to think about how your site displays (or doesn’t) in Yahoo and Bing search results. This is especially important to verify and improve now, because it often takes quite a bit of time to improve how your site is indexed by search engines. Don’t delay!


Tweet Louder: Get Your Site Using Twitter Cards

If Twitter is a significant source of traffic and referrals for your site, consider dressing up those tweets by implementing Twitter Cards.

Twitter Cards (which look no more like “cards” than Twitter posts sound like “tweets,” but let’s not get hung up on that, it’s not like that’s bothered me since Twitter launched … oh right, moving on) let you modify any tweet that includes a URL for your web site beyond basic text, with a custom layout that includes photos, multimedia (kids today call it video), and even product information. They’ve been around for about a year and appear fairly stable at this point.

There are seven types of Twitter Cards available. Let’s talk about the Summary Card with Large Image first, because it’s the most broadly useful and appealing. Essentially, it works like this:

  1. A page on your site includes some custom code that provides Twitter with a specific title, text, and an image.
  2. A reader decides to tweet about that page. This could happen through any mechanism that handles tweets, from in-page sharing links to the Twitter Web site itself. He or she types in a snarky/hilarious/ironic/informative comment and includes the URL in the tweet.
  3. Twitter a) posts their tweet, but, where supported, displays extra text that says “View Summary.” When clicked, Twitter displays the tweet card, which includes the title, summary, and photo you set up, no extra work by the person doing the tweeting.

The advantage here is that content you choose always accompanies tweets about your URLs, giving you much better exposure on Twitter itself, and some additional persuasion that will send readers of that tweet to visit your site themselves.

If you’re using a content management system with templates, the “few extra lines of code”—makes it sound so simple, doesn’t it—can be implemented once and then never touched again unless you want to add additional types of Twitter Cards or change how your Twitter Card is working.  The code can be based off things you already do (i.e. selecting an image for an article) or it can be custom for Twitter, so you can have a slightly different headline or image designed to tease people more than the image on the content itself.

Hop Studios has implemented Twitter Cards for several clients and found the process (which does include getting overall approval from Twitter) usually takes only a couple of hours to put in place. This is proving to be an especially useful tool for Web site publishers who update frequently, have lots of content, and who are interested in leveraging social media to drive traffic.

The image in this post is a screenshot of a Twitter Card generated from a September Hop Studios blog post. This is the Summary Card with Large Image. With this graphic, the Twitter Card for this post is going to be very Inception-esque!

These are the seven card types you can choose from:

  • gallery cards featuring up to 4 images
  • single photo cards
  • summary cards with a title, description, and link
  • summary cards with a title, description, link, and image
  • app cards, for creating a direct download link for mobile applications
  • player cards that showcase audio, video, and other media
  • product cards for merchants with a title, image, description, and product details, and of course a link to purchase the product.

Twitter also offers some analytics tools (i.e. traffic results) that let you track clicks on your card, app installs, retweets, and of course compare how different types of cards are working for you. We think this is a pretty cool tool for Web publishers, and we’re particularly keen on the idea that this is work that can be done just once, but that will benefit you on an on-going basis.


Hop Studios Acquires Mountee

Mountee We have just completed the purchase of Mountee, a Mac application that makes ExpressionEngine templates editable as files on a virtual drive.  It’s been an important pillar in our workflow, and we know it’s been just as important to many of you.  We’ve been long-time believers in EE, and we simply couldn’t let such a useful and well-written piece of software wither on the vine. Previous owners Padraig and John agreed, and have been extremely helpful during the transition.

Today, we are releasing a new version, Mountee 2.7, which adds one small but critical feature: compatibility with ExpressionEngine 2.8 and 2.9. So if you’ve been holding off on upgrading EE because of Mountee—your wait is over. In addition, we have Top Sekret(tm) plans about ways to improve the software as well…!

Please note one important change: we’ve modified the way that Mountee licensing works.  Upgrading to the newest version of Mountee requires you to accept the new license terms, which now permits you to install the Mountee add-on on one live site for every copy of Mountee you own (and as many development sites as you want).  Installing Mountee on additional sites requires you to purchase additional add-on licenses for those sites, the way most commercial EE add-ons work.  If you stay with the previous version, your license conditions do not change.  Click for full details.

We hope this change will help us be able to create a tool that grows sustainably in functionality and finesse.

We’re excited about this, and we would love to hear your feedback.  You can email us at .(JavaScript must be enabled to view this email address), or you can tweet us @hellomountee.

We’d also really appreciate it if you’d tell other EE developers the news, and you may want to check out Hop Studios’ other add-ons, which are sold at Devot:ee.

Lastly, if you’d like to have access to pre-release versions of Mountee, sign up for the Mountee mailing list at hellomountee.com, or the Hop Studios mailing list at, you guessed it, hopstudios.com.


Innovative Ad Behavior

At the beginning of the summer, Hop Studios set up an new type of ad placement with our client Noozhawk. Their timely, seasonal Summer Fun section merged news stories about summer activities for kids, with a browsable directory of activities, camps, teams, and workshops. Traditionally speaking, this kind of content is catnip for advertisers—it’s specific, reaches people looking for information related to a specific type of service or product, and in this case, targeted parents of children who had the money to spend on their kids this summer.

We thought it was an ideal time to try a new way of presenting ads on the web site.

We started with the commonly seen stack of ads down the right side of the page. At the top, you see the top ad. Scroll down a bit, there’s more content and the next couple of ads in the stack. So far, so good. But we have long been frustrated with what happens next: scroll down far enough and on pages with more content than ads—which can easily happen in a directory with a lot of entries—the right column ends up just being empty space. What a shame to lose the possibility of showing an ad in that space, space already reserved for just that purpose.

Thanks to some creative thinking and the magic of Javascript, our solution was simple: when the reader scrolls past the final ad, where white space would normally appear, we moved the first ad down to there, and then the second, the third… you get the idea. Basically, no matter how long the page was, the ads remained visible alongside the viewable content, scrolling in order, 1, 2, 3, 4, 5, as the page was scrolled. You get a more pleasing, symmetrical design with no white space in the right column and (most exciting for advertisers), a second or even third chance that an ad could be viewed.

Animated GIF showing Noozhawk page with scrolling ads

It’s a neat trick we haven’t seen before, and one we think actually adds (pun intended) opportunity and convenience to the user, publisher, and advertiser.


Are Visitors Blocking Your Site’s Ads? Find Out, and Do Something About It

If you’re web user that uses ad-blocking software, you’re in good company. And by good, of course, I mean there are a lot of you.

For Web site visitors, there are lot of upsides to turning on ad-blocking software: more privacy, faster page loads, and most of all, relief from distracting ads. In fact, for most web users, there doesn’t seem to be a downside—ad-blocking software subtracts out annoying, perhaps even malicious, content from valuable content. The idea that advertising-supported sites may suffer or disappear because they can’t deliver pages views and clicks to advertisers isn’t on their site visitors’ minds.

But when a publisher’s web site visitors opt to block ads, the publisher loses click-throughs and page views, the currency of the online advertising market. The consequences of this are dire for sites that rely on advertising to survive.

The strategies publishers have deployed in response have largely been unsuccessful. For example, in our experience, very few visitors will pay even a small amount of money to turn off the ads on a given web site. It’s difficult to ensure you’re not displaying tasteless, obnoxious, and scammy ads if you’re using an ad network instead of selling ads yourself, and almost everyone does use ad networks to maximize returns and minimize lost page impressions.

Enter PageFair, an Irish company started in 2012 that lets online publishers measure how many of their visitors are blocking ads, and then helps them to display alternative non-intrusive advertising to those visitors. PageFair says they will show advertising that is easily identifiable as advertising, non-intrusive, and easy to turn off. In other words, visitors who block ads still see ads, but they see ads that aren’t annoying, distracting, or malicious, and they see them on your site, which, we hope, is a worthwhile, well-run and honorable endeavor. And, it turns out, since most people use ad-blocking software because of bad and overwhelming ads on bad sites, they seem to be okay with ads that don’t play those games—according to PageFair.

A 2013 PageFair report (PDF) said that of 220 sites they monitored, the typical ad-blocking rate was 23%, and that use of ad-blocking software is growing by 43% each year. Most interestingly, PageFair says that the click-through rate for their alternative ads is the same as for web users that don’t use ad-blocking software—good news for publishers.

If you’re not sure whether you’re losing money to ad-blocking, you can install PageFair for free to simply track your traffic and give you details on ad-blocking usage by your site’s visitors.  It’s worth checking out.

P.S. If you want to use ad-blocking software, but want to know in more detail what you’re blocking (and revealing) for the web sites you visit, consider Ghostery, which lets you choose on a case-by-case basis what you will block, per site and per ad-network.

more posts from September 2014 More From September 2014

Web Design and ExpressionEngine Development Consulting - Vancouver (BC) Canada