Products page design | e-commerce
-
Hi All,
We are redesiging our ecommerce site and product page is bothering us. We want to tidy up. We want to hide some of the description with jquery script.
Visitor will be able to view first 30 words and there will be a "read more" text link just after that content. If they want to read more (which we think most will do) they will have to click the text link and rest of the content will slide open in the same page.
The whole content is visible from source code.
Would this be ok as far as Google and SEO concerned?
I hope I explained it well
-
Typically slider content and partially hidden content isn't an issue, just try to use layers in a clever way instead of moving the content way off the page left or right. As Steven mentions: TEST TEST TEST. You'll want to look at this from both a user experience angle and how well the page does in Google post change.
-
I would test conversion rate too.... I bet people who see the full text without having to click are better buyers.
Hiding that text could be costing a lot of sales.
-
I think I understand what your doing about hiding part of the text. I also agree with EGOL about, if that is what people are looking for just give it to them.
Will it hurt your SEO efforts? I would say, no it will not. You are not intentionally hiding text for the sake of cheating the systems, you are doing it to help the user experience, something that I have heard Google employees speak of many times. What's good for the user is good for SEO.
I would test this in one of the many ways possible, heatmaps, clicktracking, etc. to see what the percentage of people reveling the hidden text is, if it's more than say 40% I would show more, simply because the other 60% might be interested, but are not willing to got the extra effort and may be going somewhere else.
-
We are not trying to protect the design. We are trying to make the page more clear and trying to push the reviews to top. Basically trying to make it more informative and clear product page.
Other option is show the description on the first tab which will be open in default. If we do that reviews will be hidden under second tab. If we don't use tabs the page will be way too long.
I saw a a similar website doing this and theirs opens in a pop up. I don't want to do that and I would rather slide open.
Would this be advisable as far as google and on page SEO?
What will be the pros and cons?
Many thanks
-
Visitor will be able to view first 30 words and there will be a "read more" text link just after that content. If they want to read more (which we think most will do) they will have to click the text link and rest of the content will slide open in the same page.
If you think most will want to read the full description then why would you want to hide it? Why make the visitor do anything extra to see your content?
Based upon your post it sounds like you are doing this because you are "protecting" your design. If this was my site I would be putting my design efforts into serving the visitors instead of inconveniencing them to conserve a design that does not work.
You can probably find a way to make the page look great while showing the full description.
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
-
Ecommerce web design read more toggle vs menu link on home page and product pages
Hello, We have an Ecommerce store. We have a lot of content on the home page and product pages and we are going back and forth between which one to use between a toggle "Read More" "Show Less" toggle for each section and a anchor linked menu. We have long product pages We're thinking a read more toggle is more appropriate for category descriptions so that they can go at the top of the category and not take up space. But the read more toggle with lots of content scrolls the page down and doesn't scroll it back up when you hit "show less" We're leaning towards a linked menu for the home pages and product pages for this reason, but an accordion type set of toggles would look nicer. What do you recommend, and how have you set up your read more toggles if they have lots of info so that they are not confusing? Are there other options? ' Not looking for code (I can do that) I'm looking for ideas on the cleanest home page, category pages, and product pages when they have tons and tons of textual content. Wanting to trim it up and make it look compact and neat! Thanks!
Web Design | | BobGW0 -
Pushstate and Infinite Scrolling Article Pages: Is it detrimental to not change URLs as the page is being scrolled?
I've noticed a recent trend of news sites using infinite scrolling on article pages to garner more pageviews and I can assume serve up more ads. Here is an overview. Here is an article from NBC news that uses this technique: http://www.nbcnews.com/pop-culture/music/grammys-2016-here-s-why-adele-s-performance-was-out-n519186 Studies have shown that this technique has decreased bounce rates by +15% for some sites. My question is: If a site is using the technique without changing URLs as the user scrolls down what overall negative effects does this have? Obviously you wouldn't be getting credit for the extra pageviews but I was wondering if there were any indexation implications with this. Here is an example of article infinite scrolling without changing the URL: http://www.wftv.com/news/national-content/deputies-wife-attacks-husband-because-he-didnt-get-her-a-valentines-day-gift/87691927
Web Design | | Cox-Media-Group1 -
Does anyone have data on the effect of multiple H1 tags on a page?
One of my website's sub-domains is fed information from a job board master-template, thus my site (and hundreds of other sites) is just branded styling pulling from one external source. Because of the way this master template is set up (not very concerned with SEO best practices), I have found the need to hide the H1 coming from the master template, and display a new separate H1 in my styling. This is being done with user-experience in mind, but how will search engines respond to having two H1s (one hidden, one visible) on a page? I understand that a single H1 is usually ideal, and hidden page components are typically frowned upon because they don't add user value... but in this case, the hidden component is solely for the benefit of the user. I would like to find the best balance of SEO and UX, so I am very interested in any experimental data or case studies on a similar situation.
Web Design | | pbailey0 -
301 forwarding during site migration problem - several url versions of the same page....
Hello, I'm migrating from an old site to a new site, and 301 forwarding many of the pages... My key problem is this I'm seeing www.website.com/ indexed in SE and www.website.com/default.aspx in showing as URL when I'm on homepage - should I simply 301 forward both of these? Then for several internal pages there are 2/3 versions of each page indexed. Canonicalization issues. Again, I'm wondering whether I should 301 forward each URL even if there are several different indexed URLs for the same page? Your advice will be welcome! Thanks in advance - Luke
Web Design | | McTaggart0 -
Website Design Structure
When having a website designed, is it best to have a Responsive Design with Media Queries or is it best to have a Website designed for laptops andDesktops and a second mobil website? What are the SEO benefits of each strategy and Which is best for the user experience?
Web Design | | bronxpad1 -
Ecommerce SEO - product sort order
Hi, I've been trying to find the answer to this in google but having no luck. In the current era, is it damaging to have products ordered randomly in an ecommerce website? Also, how long would you suggest is a good length of time to establish your natural rank? Ive launched and still work on several succesful ecommerce sites, but have recently launched a completely new venture - brand new url, brand new site and it has been live for around 5 weeks now, and although it is being found in search, it isnt doing as well as i'd like using the moz pro tools ive picked up some issues and have in the last few days tweaked page titles, added 'nofollow' to all my filters, added content etc, so I feel as though ive reset the clock. the site (it's an adult site by the way) is www.lovesauce.co.uk - would appreciate some feedback from the pro's
Web Design | | tom.dollar0 -
Looking for an open source or wordpress designer that knows seo best practices
I have almost lost my patience in trying to find a web developer for our project. I have searched high and low from freelancers to us based firms. All I can find; freelancers that can't get the job done, but promise they can and us based firms that are currently getting away with murder charging through the nose on work that is not acceptable to say the least. US based Firms 1. Seem to give you as little work as possible to increase their margin. I get it we all need to make money. 2. Everyone knows how to do everything until you start telling them that you have a little education in the industry and will be testing their work. All of the sudden they no longer talk to you. 3. Got a few recommendations and they are all subpar performers. After asking them why their builds load so slow or have so many errors they have excuses that point to the customer Freelancers over seas. 1. I am not sure where to start with this. I have searched high and low in freelancer for someone that I can trust to build a site. Of course there is a ton of junk to look through. After countless hours of narrowing down the individuals I am thinking of giving a shot I find that they are not capable of the job. All I want is a new website from a firm that is honest and knows what they are doing. That is educated in seo best practices. That can build a quality website and actually has references of sites they built that are still up and running and test out alright. It is pretty bad when web development companies miss simple items like h tags. Really? Does anyone know of someone that knows what they are doing? That can work with someone that knows how to run a dvd player. Just disappointing to see all these web companies and freelancers that get away with murder. Who earns their keep in this industry?!?!?!?
Web Design | | forecastedinvestments0
