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
-
Mobile-First Indexing New Site monetized with Adsense AMP or not?
I am considering developing a new site monetized with Adsense. I am wondering if it's still worth bothering with AMP, it will take some work to get the functionality I have in mind working on these pages due to the inherent limitations. Has anyone got any insights in terms of current and future benefits of AMP in terms of ranking benefits and Adsense earning potential?
Web Design | | GrouchyKids0 -
Will Google Judge Duplicate Content on Responsive Pages to be Keyword Spamming?
I have a website for my small business, and hope to improve the search results position for 5 landing pages. I recently modified my website to make it responsive (mobile friendly). I was not able to use Bootstrap; the layout of the pages is a bit unusual and doesn't lend itself to the options Bootstrap provides. Each landing page has 3 main div's - one for desktop, one for tablet, one for phone.
Web Design | | CurtisB
The text content displayed in each div is the same. Only one of the 3 div’s is visible; the user’s screen width determines which div is visible. When I wrote the HTML for the page, I didn't want each div to have identical text. I worried that
when Google indexed the page it would see the same text 3 times, and would conclude that keyword spamming was occurring. So I put the text in just one div. And when the page loads jQuery copies the text from the first div to the other two div's. But now I've learned that when Google indexes a page it looks at both the page that is served AND the page that is rendered. And in my case the page that is rendered - after it loads and the jQuery code is executed – contains duplicate text content in three div's. So perhaps my approach - having the served page contain just one div with text content – fails to help, because Google examines the rendered page, which has duplicate text content in three div's. Here is the layout of one landing page, as served by the server. 1000 words of text goes here. No text. jQuery will copy the text from div id="desktop" into here. No text. jQuery will copy the text from div id="desktop" into here. ===================================================================================== My question is: Will Google conclude that keyword spamming is occurring because of the duplicate content the rendered page contains, or will it realize that only one of the div's is visible at a time, and the duplicate content is there only to achieve a responsive design? Thank you!0 -
Can the design still be considered adaptive if the URL is different?
I was under the impression our site had a mobile dedicated design, but my developers are telling me we have an adaptive design. The mobile site is set up different and has different content and the url is as follows: www.site.com/MobileView/MobileHome.aspx Can it still be considered adaptive if the URL is not the exact same? Hopefully this make sense and I appreciate anyone's input!
Web Design | | AliMac260 -
Avg Page Load Time Increase After Responsive Web Design
The Avg. Page Load Time has been steadily increasing after our website went responsive. What could have cause this?
Web Design | | JMSCC1 -
Are we designers at heart?
A thought has crossed me. I've started to think about my relationships (uh oh...where is this going..?) with my web developer and designer and it seems design has become the core part of every SEO strategy I employ. Every page layout, rich content on a page and behaviour my customer might do, I'm thinking about the design. Are we in a way, designers as well? We put on so many hats and is design one of them? I'm technical with my web developer but I'm also concerned with the delivery the customer sees. How is your relationship with your web designer and developer? Are they core individuals in your SEO life?
Web Design | | Bio-RadAbs0 -
Q&A DB Script For Client Questions
Our clients usually have a lot of questions about our industry. We implemented Facebook comments (see bottom of: http://www.jwsuretybonds.com/info/faq.htm) on many pages throughout the site to allow our clients to ask whatever they'd like and build additional content using copy on how our clients speak, not industry expert vocab... I have some problems with FB comments: Our answers only show to people logged into FB. For others it looks as if we don't reply. The data pulls from FB, so we don't own it and it is slower than our server. You need a Facebook, Yahoo, or Hotmail account...I want anyone to be able to ask a question. Can anyone recommend a script that accomplishes our Q&A functionality using our own database? Also, I'd like to allow anyone to post without a requirement of an account. If I had a WordPress site, I suppose this would be easier, as I'm sure there are various comment solutions, but I have a HTML\PHP based custom built site.
Web Design | | TheDude0 -
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 -
Need help to implement microdata/microformat for ecommerce site
**Can somebody please help me to implement microdata/microformats codes for our ecommerce product pages? **
Web Design | | EastEssence22
Please guide me if you have some CSS example for the same. Thanks.0