Skip to main content

You can't afford not to have a mobile-friendly Yahoo! store

Mobile traffic/e-commerce is here to stay. Three to five years ago mobile e-commerce was a small blip on analytics screens. Back then analysts predicted the trend to grow, and early adapters jumped the gun and either went for a dedicated mobile solution (in addition to their main site,) or a mobile app. Responsive design was really not part of the every day conversation among online retailers or web designers.

Fast forward to 2015 and - depending on whose statistics you read - between 15 - 50% of traffic to e-commerce sites come from mobile devices. Look at your Google Analytics and check out the "Mobile" menu option. You'll see what percentage of your traffic now comes from mobile. You can also see how much revenue or conversion you get from mobile. (If you don't have that info it means that e-commerce tracking is not set up in your Google Analytics. Contact www.monitus.net; they offer such a solution with a bunch more bells and whistles for Yahoo Stores.) I bet you will see an ever increasing number under mobile traffic.


Some of you may say, well, if someone really wants to buy the things from my site, they will do it no matter what. This may be true, but as mobile traffic increases, so is mobile search traffic. In fact, in November of 2014, Google announced that they will start to give preferential treatment to mobile-ready sites in their mobile search results. Such sites may come up before non-mobile friendly sites, and mobile friendly sites now have a "mobile-friendly" tag under their listing. To see if your site passes Google's criteria, put it through this link:

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

Source: Statista


Ok, so let's say you are convinced that you need to do something about the mobile-friendliness of your site. What are the options?

1) You can go with a dedicated mobile solution such as the one offered by Unbound Commerce. Here you get a separate site that "talks" to your regular site to get category and product info, but the site itself is a totally separate entity. When your main site is accessed from a mobile phone, traffic is redirected to your mobile site. Since the mobile version is very much streamlined to mobile traffic, it is extremely fast, but may also lack functionality that's available on your main site. You also pay a monthly fee for the service - along with a one time setup fee.

2) Some stores want to invest in a mobile app. A few things about this: for one, having a mobile app will not help you in the eyes of Google, since your actual site will still not be mobile friendly. Developing a mobile app can also be very costly. And finally, unless you are Amazon or eBay (are you?) who will want to install your store's app on their mobile phone?

3) If you operate a Yahoo! Store, you can invest in having your site redesigned to be responsive. What is responsive design? It is a way to make your site look and feel right on smaller devices such as tablets and mobile phones. It is done via a combination of what are called "media queries", css, and javascript tricks. Typically your "main" site will still look the same as before, but under the hood, things go to work when the site is pulled up on a mobile device, and the look of the menu, category thumbnails, product pages, etc., get altered on the fly so that the shopper doesn't have to scroll sideways or zoom, and can easily tap, swipe, or use other finger movements to easily navigate the site. Since your responsive site is the same site as your main site, there is no risk of duplicity (no duplicated content.) A drawback is that for each page you are still loading your regular store pages with everything in it (images, css, javascript, etc) so unless your site is optimally built this may mean slower rendering on slower mobile connections.

4) Adaptive design: this method works on the server level. The server detects if the visitor is on a tablet, or cell phone, or some other device, and it serves up a completely different version of the site, one that's hopefully optimized to that particular device. Yahoo! Stores, Yahoo! brand new e-commerce platform offers this approach. Since each version of the site is (supposed to be) optimized for the particular device it is viewed on, adaptive sites can be very fast. On the negative side though, you will basically have to maintain different versions of your web site for every device you are targeting (mobile, tablet, desktop, etc.) A minor point here: you may have read or heard that new Yahoo! Stores sites are automatically responsive. This is not entirely true: if you pick one of the existing templates that come with the platform, those are adaptive (not responsive). But if you want to have a custom designed, unique look and feel to your store, that design has to be done so that it is adaptive and/or responsive. There is no such thing as a free lunch!

Comments

Popular posts from this blog

CPR for a Yahoo Store on Google's Supplemental Index

Recently a client of mine came to me and said that most of his store pages disappeared from Google, and he did not do anything to make this happen. I was a bit skeptical, so I went to Google, did a search on his store, and sure enough, there were only two pages indexed, his home page and his site map (ind.html) page. The rest were in the supplemental results, which means that Google thought the rest of the pages were not much different than these two pages. When I looked at the supplemental results, the little excerpts under each link were exactly the same, and I also noticed that what Google showed under each result was actually text from the ALT tags of the header image. I looked at some of these pages in my client's store, and they were actually different. This was a bit puzzling, but then I thought perhaps Google saw that the header and left navigation was the same throughout the site (which is pretty normal), but that the text that made each page different was too far down ins

How to create clean and efficient CSS

In a typical workday, I deal with dozens of yahoo stores and very often I have to tweak, fix, or change CSS used by these stores. While some stores have very clean and easy to follow style sheets or CSS definitions, the vast majority of stores I've seen seem to include complete hack jobs, style sheets put together completely haphazardly, or as an afterthought. While working in such a store, the idea came to me to turn my gripes into a post. So the following is my list of dos and don'ts of good CSS or style design. 1. Externalize your style sheets. This means to save your style sheets into one or more css files, and link to them using the <link rel="stylesheet" type="text/css" href="/lib/yourstoreid/yourstyle.css"> notation, or in Editor V3.0, you can use the LINK operator. 2. Combine your style sheets into as few files as possible. Nothing worse than trying to wade through 6, 8, 10 or more different style sheets to find the color of a l

What to expect when your redesign goes live

At Y-Times we roll out new designs, redesigns and other major upgrades to Yahoo stores on a fairly regular basis. Some of the main questions our clients ask are how to prepare for a roll-out and what to expect in terms of SEO and conversions when the changes go live? For any functional Yahoo store how well the site ranks and how well it converts are probably the two most important metrics. Since pretty much ANY change you make to any page can potentially alter either or both of these metrics, merchants may understandably feel nervous about far reaching alterations to their sites. However, when those functionality and design changes and additions are done right, there is really very little to fear. First off, what does it mean for a design or redesign to be "done right?" From the technical stand point, search engines look at the underlying structure of your site (the HTML, and increasingly also the CSS and JavaScript code) to try to extract information and meaning from i