Ecommerce & Responsive design
-
Hi there,
We are thinking to redevelope our ecommerce websites and thinking responsive design. Due to responsive design when the screen gets smaller to fit iphone and ipad we need to hide some content to make it more user friendly.
My question is, how Google will treat hiding content with the smaller screens?
Will this effect our rankings in a negative way?
We really don't want to get punished by Google
Thank You
-
That would be craziest think from me if I would put such kind of statement about responsive design. I newer told that responsive design is dangerous! I told that any technique to hide something that is not visible for humans and is visible for search engines 'could' be read wrongly by Google if not now then some day!
I wouldn't risk with my personal business with this. Any possibility for me that could lead to been blacklisted/penalized etc. is strict no no.
For me, to hide something in my website is bad and to show two different versions according to 'responsive design' is something completely different and it is good.
For example:
One day SEO/BH people will start to utilize this responsive CSS design/technique to manipulate their results in Mobile search. I can guess personally what will happen - Google will tell that they are not longer favor this design or they will 'ask' to tweak and twist it. Or, they can tell that they will favor something else. What will happen with my business!? - I will be forced to redo all my work and change design,coding etc. If I will have heavily developed platform at that time I will be forced to implement huge amount of work which will cost me thousands and thousands.
I would follow only proven values and not follow some trends that are not stable in this field even if that is obvious for now.
That was what I meant and that is what I'm saying now.
Best,
Jungles
-
**There are thousands and thousands websites in the past that used hidden attributes/CSS tricks, hidden divs etc. on the page. **
When those "techniques" were used to manipulate search rankings, they violate search engine policies. In the case of Responsive Design, the CSS is being used to provide a better user experience. There is a BIG difference.
The content is fully viewable on a full screen. On a smaller screen, the less important content is not displayed. There is absolutely no intent to manipulative search rankings.
your responses was quite arrogant and I have got impression that you definitely don't need any help but coming here to show how smart you are
It seems you have been offended by my response. That certainly was not my intention. How can I share a different opinion which conflicts with yours in a manner that is not offensive to you? If you can help me understand, I will make an effort in the future.
I originally chose to visit the SEOmoz Q&A to learn about issues and challenges I do not normally face, and also to understand alternative methods of practicing SEO. That is still the case, but I contribute to the community in an effort to help others.
You have a very unique viewpoint. During my literally thousands of responses shared with hundreds or thousands of SEOs and site owners, no one has ever reacted in such a manner.
My sole goal was to ensure the topic was thoroughly and openly discussed. Your response clearly stated Responsive Design was "dangerous", a "trick" and added a "risk". I completely disagree with your assessment and do not wish any SEOs or site owners to not adopt a best practice based on misinformation. My response was presented accordingly.
Best Regards,
-
Needless to say - it is dangerous!
Do you have any evidence to support that claim? To be candid, it sounds like you are attempting to drive fear due to your unfamiliarity with the practice.
...................................................................................
There are thousands and thousands websites in the past that used hidden attributes/CSS tricks, hidden divs etc. on the page. Please, refer this website - http://css-tricks.com/snippets/css/accessibilityseo-friendly-css-hiding/
Mostly all of those sites that used this techniques has been penalized. It is old BH technique and has been heavily prosecuted by Google in the past and now as well. I would be afraid to use any hiding techniques on my business website. You skipped most important part of my previous response - lack of case studies in this field (responsive design + hidden css) therefore I would not implement any hidden element on the page.
..................................................................................
Responsive Design was talked about in 2009. The implementation of it rose sharply in 2011 and in 2012 it is widely adopted. So much so Google specifically recommends using Responsive Design.
Tell that to all the major companies who incorporated Responsive Design and have only seen benefits from doing such.
If you will browse around this topic and count the numbers of responsive design websites and websites that has been created in 2012 without this design feature - you will have some number that definitely is not -'widely adopted'. As I said before - It is just becoming popular as Google prefers it more and more and it may become a major trend whose real benefits we do not know yet.
.........................................................................................................................................
To my taste, your responses was quite arrogant and I have got impression that you definitely don't need any help but coming here to show how smart you are. No doubt you are smarter than Google.
I regret that I posted my response and spent my time on your thread and will newer do it again. Thanks.
best,
Jungles
-
Needless to say - it is dangerous!
Do you have any evidence to support that claim? To be candid, it sounds like you are attempting to drive fear due to your unfamiliarity with the practice.
**I would newer use any CSS tricks or whatever programming technique on my business site! **
Responsive Design is not a CSS trick. It is CSS.
Perhaps you should learn about this established and recommended approach to presenting websites. I am not aware of any risks. Please share what those might be.
Responsive Design was talked about in 2009. The implementation of it rose sharply in 2011 and in 2012 it is widely adopted. So much so Google specifically recommends using Responsive Design.
Responsive design is quite new player in this field and as far there is no ranking/penalty etc. case study - do not risk!
Tell that to all the major companies who incorporated Responsive Design and have only seen benefits from doing such. A couple examples:
-
Needless to say - it is dangerous!
I would newer use any CSS tricks or whatever programming technique on my business site! I would rather go for other version on my site(for mobiles). Just present to Google mobile version without content that you think is not fitting in mobile screens. You newer know what will be in Google's mind in the future and safe play is always guarantee that you will not loose rankings/traffic when/if you will be forced to recode/change/delete something in website code!
Responsive design is quite new player in this field and as far there is no ranking/penalty etc. case study - do not risk!
Business is a business and unnecessary risk is newer appreciated.
regards,
Jungles
-
Responsive design is specifically mentioned as Google's preferred method for presenting mobile websites.
how Google will treat hiding content with the smaller screens
Google understands the code very well. As long as you implement the code in a reasonable manner, you should not have any concerns about a Google penalty.
Will this effect our rankings in a negative way?
Not if implemented correctly
-
This really doesn't answer my question.
-
I Guess it depends on how you design the site, you could just use an extra theme built for mobile devices which detects the users device and directs them accordingly. or a web site that works for all users so no hidden items, most eCommerce websites have a simple navigation view on a mobile device.
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Looking for a new Web Developer and Graphic Designer - Where to look? Job Description in Post
Hi All, I know I can go to Guru.com, etc. but is there a place here that I can look for a web dev that can help with my tasks? I have a good bit of work to offer them and my current web dev who has been a great asset has suffered from health problems and it has affected his output, so I'm sad to say I need to look for someone that can help me get caught back up. If anyone has any suggestions on someone that is a knowledgeable web developer that has access to their own graphic designer (or can do graphic design themselves as well) please let me know. I am not opposed at all to hire a separate graphic designer to send work over to the web developer. SOMEONE WITH SEO EXPERIENCE WOULD BE VERY HELPFUL AS WELL AS MY CURRENT WEB DEVELOPER HAD IT AS WELL. The current projects going on are: Changing the header graphics on the home page to meet compliance. Constantly adding and editing my websites with small tweaks almost daily. Creating PDF's with content we give and uploading them as well as images to the sites. Keeping in mind that editing the site can affect responsiveness and we have to make sure our logo is a certain size compared to other metrics, etc. Creating web banners, tile ads, etc. Creating facebook main photo for biz page. I will be happy to share any info via PM or if anyone can point me in the right direction in finding someone that would be awesome! Thanks!
Web Design | | Veebs1 -
Any new tips on how to speed up re-listing after re-design?
A few things around re-designing an older but well performing site for search and retaining/ improving SEO value. Lots of effort has been put into content marketing and optimising individual pages on this site, it has a lot of links coming in from well-respected sites (but the domain name will remain the same so that shouldn't be an issue) so I'm very anxious about how the redesign will effect ranking, although the new site will be far more user friendly, beautiful, responsive where the old one is not and faster to load. Would really like to avoid the search engine drop when the site first goes live if at all possible- One idea on this was to make the new site live on another domain - .co.uk for example, whilst keeping the old site up on the .com for a month or so, then switching the records so the new site is then visible on .com and the .co.uk redirects to it. Does this sound at all sensible?! Also any more advice on how best to ensure the new site will do better, not worse for search is hugely appreciated. We have cut a lot of content to make it more user friendly and easy to find information. We will be making sure all old links are redirected to new site (but as there are fewer pages on new site, will it matter if 5 old URLS point to one new URL for instance?) Also what's the difference between 301 and 302 redirects! Thank you so much in advance, massively appreciated your time!
Web Design | | Emjmoz0 -
Should I Use An Animated Javascript Responsive Site
Hi, hope someone might be able to help me with this. I am setting my son up with a website for his small painting and decorating company. However, I am a wordpress stalwart and he has seen a theme which is a javascript animated responsive theme from template monster. Its not my choice just he is adamant that he wants it. However, I am slightly concerned that Google cannot index as well with these kind of sites as they would with a standard HTML site. I would be grateful if someone could confirm if they can be indexed etc. The content appears in what I can only describe as lightboxes. Thanks
Web Design | | denismilton0 -
Feedback on a banner design
I was hoping to get some feedback from you guys regarding some banner redesign we are working on for our website. We are currently using the blue one, but we werent happy with the logo we had of the hat and hands shaking. So once we started working on a new logo, that logo doesnt match at all with the current design so we were messing around with the banner and came up with these ideas. Id appreciate some feedback good or bad 🙂 edit: sorry guess [img] doesnt work in here Current Banner http://i403.photobucket.com/albums/pp120/jimrawr/banner_zpse92b853f.jpg New 1 http://i403.photobucket.com/albums/pp120/jimrawr/21-03-banner_zpsfc224501.jpg New 2 http://i403.photobucket.com/albums/pp120/jimrawr/19-03-banner_zps17c3f2f1.jpg New 3 http://i403.photobucket.com/albums/pp120/jimrawr/20-03-banner_zps966bb780.jpg
Web Design | | DemiGR0 -
AJAX & JQuery Tabs: Indexation & Navigation
Hi I've two questions about indexing Tabs. 1. Let's say I have tabs, or an accordion that is triggered with Jquery. That means that all HTML is accessible and indexed by search engines. But let's say a search query is relevant to the content in Tab#3, while Tab#1 is the one that's open by default. Is there any way that Tab#3 would be open directly if it's more relevant to the search query? 2. AJAX Tabs: We have pages that have Tabs triggered by AJAX (example: http://www.swisscom.ch/en/residential/help/loesung/entfernen-sie-sim-lock.html). I'm wondering about the current best practice. Google recommends HTML Snapshots. A newer SEOMoz Article talks about pushState(). What's the way to go here? Or in other words: How to get Tabs & Accordion content indexed and allow users to navigate directly to it?
Web Design | | zeepartner0 -
Creating Print Catalog From Ecommerce Product Database
I have seen some kind of free online software that lets you create product catalog layouts based on your ecommerce product database but I can't remember the name of company or the url of their site? Anyone heard of this?
Web Design | | larahill1 -
Off Screen Rendering & Other Tactics
Hi Folks, We're currently trying to change our website search results to render in HTML in the first instance then switch off to AJAX when our user clicks on filters. But we came across an issue that diminishes the user experience, so we used this method below: We have moved the search grid offscreen in the initial rendering because we execute a lot of Javascript that modifies the DOM within the grid. Also when a user has performed a search from within the page, the hash is updated to identify the new search terms. Because this is not sent to the server, a user who has done a search and refreshes would see incorrect search results initially and the correct search results would then replace them. For example, on initial search a user reaches a URL akin to search.veer.com/chicken. When they perform a search from on that page, the hash gets updated tosearch.veer.com/chicken#keyword=monkey. If the user refreshes the page, the server only receives the request for chicken and then serves up the page with those results rendered on it. The Javascript then checks the hash and determines that it needs to run a different search and fires off an AJAX call to get the new results. If we did not render the results offscreen the user would see the results for chicken (confusingly) and be able to briefly interact with them until the AJAX call returns and the results are replaced with the correct monkey results. By rendering offscreen, the initial results are not visible and the Javascript can move them immediately onscreen if there is no hash, or wait until the AJAX call returns and then rebuild the grid and move it onscreen. Now I know that rendering text indent to -9999 is a black hat SEO tactic. But, would it be the same in this case? We're only doing this avoid bad UI. Please advise. Also, we came across these two articles that may serve alternative options. These article state that each tactic is SEO-friendly, but I'd like to run it my the community and see if you guys agree. http://joshblog.net/2007/08/03/make-your-rich-internet-application-seo-friendly/ http://www.inqbation.com/tools-to-increase-accessibility-in-the-web/ Thank you for your help!
Web Design | | CorbisVeer0 -
Ruby on Rails & MemCaching
Anyone else buildling their website using Ruby on Rails? If so, are you also using any memcaching? Do you have any tips on memcached concepts, tricks, caveats, and experiences. How are you also doing SEO, any tricks for generating traffic and some Google love?
Web Design | | Goetzman0