How can I provide titles and descriptive text for our list of USPs on the same page optimized both for usability and SEO
-
I am rebuilding our website together with an agency and I am stuck with the following problem:
We have a page which will provide the visitor with a quick and convincing impression why he should chose our enterprise. On this page we want to show our USPs (Unique Selling Points) each with a title and a short description. Now my preferred way of presenting those USPs would be of a list of the titles (which permits to see all USPs without having to read a lot of text) where each title can be clicked to expand the description (in case you want to know more about this specific USP) and if you click on another title the previously clicked title description will collapse and the new description expand and so on (similar to this page: http://www.berlin-city-immobilien.de/38.html - I'm talking about the list in the middle of the page starting with the headline "Dabei profitieren Sie von folgenden Vorteilen"). Since I also want to use these descriptions as on page SEO-texts I checked whether Google might not index or at least value "click to expand content" less than plain text in the body of the page and I stumbled over this article: https://www.seroundtable.com/google-hidden-tab-content-seo-19489.html. According to this article Google will definitely discount the descriptions on my page.
Does anyone have an idea how to solve this problem? Either by suggesting a different way to show titles and descriptions on the page or maybe by suggesting a workaround so Google will not treat the descriptions as "click to expand text".
Thank you already in advance for your input.
Ben -
First of all thank you both for taking the time to answer my question.
@Russ
I also was hesitating whether I could display the text first and then collapse it with some JS but I also read somewhere that Google is or will be analyzing JS in the future and of course this could lead to a penalty if not now than somewhere in the future. So I think I will follow your advice to stick with your first suggestion.
As to your first suggestion: In this case the user has to click more so this is a slight limitation when it comes to usability but I guess to some extend I have to accept a compromise. Do you think it is a problem if content (in that case headline and teaser) is repeated on the same page?
@ Dimitrii
Well what Matt is saying is that they won't count it as some spam and penalize the website. But he does not say anything about how the click to expand content is weighted.
The solution with the different pages will not work in my case as I need all descriptions on one page for SEO and it is also a slight limitation to usability as the user has to keep on switching between the pages.
-
Hi there.
Well, in the same article you are referring to, is this text:
Amazon use to use a lot of tabs but now they seem to output most of the content directly on the page, making the user scroll and scroll to see the content. _Google's own help documents does use click to expand but only to see the questions. _
Also there was this video from Matt: https://www.youtube.com/watch?v=UpK1VGJN4XY
I understand that a lot of this content contradicts each other etc, but I'd look at this problem like this: it's not a secret at all that Google puts (or at least states that they put) User Experience first. So, Look at your page and see if users, after they land on it, would be happy. If everything makes sense from User point of view. If "expand" buttons are large enough and portrait that by clicking on them you'd expand content etc.
Also, as Matt said, is there 8 pages of content hidden and being displayed after you click "expand" and ruining your day?
I believe that as long as it looks good, makes sense to user and is good content, there shouldn't be any problems. The only workaround i see is instead of expandable content, to have simply links to other pages. I've seen both scenarios work.
Hope this helps.
-
This is a question that is getting a lot more attention lately. You have two choices...
1. Accept the reality that Google doesn't want to rank you for content that is hidden...
In this case, I would recommend starting with the list of your USPs at the top, maybe each with 1 sentence below explaining (like a headline and a tagline). Below that, repeat the headlines but each with a much longer description of text. Make the first listings links to the anchored headlines below, so if you click on the 1st USP, you are taken to the full description of it below. Then use a "return to top" anchor to bring you back to the list. This would allow you to get your USPs front-and-center and still get the content on the page.2. Or try and get around it.
Start with the content showing and then hide it with some JS event like a scroll, mouseover, timed event, etc.In the end, I would recommend finding a way to accomplish #1 so you don't worry about losing ill-gotten gains by tricking Google.
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
-
Is a canonical tag the best solution for multiple search listing pages in a site?
I have a site where dozens of page listings are showing in my report with a parameter showing the page number for the listings. Is the best solution to canonical these page listings back a core page (all-products)? Or, do I change my site configuration in Webmasters to ignore "page" parameters? What's the solution? Example URL 1- http://mydomain.com/products/all-products?page=84 Example URL 2- http://mydomain.com/products/all-products?page=85 Example URL 3- http://mydomain.com/products/all-products?page=86 Thanks in advance for your direction.
Technical SEO | | JoshKimber0 -
Will using tabs on my page for navigation hurt SEO
Currently we have tabs on some pages that are set so that the page shows all the content for search engines on one page, but the user sees only part of the content until they click a tab. We are unable to use title tags for the tabbed areas. We think this hurts us from an SEO standpoint. We are getting only 3 keyword where we could have 12 if they were individual pages. What is the thought on using tabs and is it okay? Has there been any case studies on this?
Technical SEO | | cayseo0 -
Duplicate Page Content error but I can't see it
Hi All We're getting a lot of Duplicate Page Content errors but I can't match it up. For example this page: http://www.daytripfinder.co.uk/attractions/32-antique-cottage It is saying the on page properties as follows: Title DayTripFinder - Things to do reviewed by you - 7,000 attractions <dt style="color: #5e5e5e; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">Meta Description</dt> <dt style="color: #5e5e5e; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">Read Reviews, Browse Opening Hours and Prices. View Photos, Maps. 7,000 UK Visitor Attractions.</dt> <dt style="color: #5e5e5e; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">But this isn't the page title or meta description.
Technical SEO | | KateWaite85
</dt> <dt style="color: #5e5e5e; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">And it's showing five (many others) example pages that share it. Again the page titles and description are different.</dt> <dt style="color: #5e5e5e; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">http://www.daytripfinder.co.uk/attractions/mckinlay-theatre</dt> <dt style="color: #5e5e5e; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">http://www.daytripfinder.co.uk/attractions/bakers-dolphin</dt> <dt style="color: #5e5e5e; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">http://www.daytripfinder.co.uk/attractions/shipley-park-fishing</dt> <dt style="color: #5e5e5e; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">http://www.daytripfinder.co.uk/attractions/king-johns-lodge-and-gardens</dt> <dt style="color: #5e5e5e; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">http://www.daytripfinder.co.uk/attractions/city-hall
</dt> Any ideas? Not sure if I'm missing something here! Thanks!0 -
Duplicate Page Titles Warnings, htaccess Rewrite & Canonical Links.
Hey guys, Just signed up for a pro account and I am getting Duplicate Page Title warnings on links that are duplicate, rewritten for SEO, but have a canonical href tag. I have two sets of links in my store: SEO friendly: http://www.mysite.com/item/iphone-case Operational link: http://www.mysite.com/shop/product.php?pid=11 This operational link however has a href canonical tag pointing to the SEO friendly link as being the primary link. My question is; Do I need to worry about this Duplicate Page Title Warning if I am using a canonical tag on the Operational link pointing to the SEO friendly link? Thanks!
Technical SEO | | jason3600 -
Translating Page Titles & Page Descriptions
I am working on a site that will be published in the original English, with localized versions in French, Spanish, Japanese and Chinese. All the versions will use the English information architecture. As part of the process, we will be translating the page the titles and page descriptions. Translation quality will be outstanding. The client is a translation company. Each version will get at least four pairs of eyes including expert translators, editors, QA experts and proofreaders. My question is what special SEO instructions should be issued to translators re: the page titles and page descriptions. (We have to presume the translators know nothing about SEO.) I was thinking of: stick to the character counts for titles and descriptions make sure the title and description work together avoid over repetition of keywords page titles (over-optimization peril) think of the descriptions as marketing copy try to repeat some title phrases in the description (to get the bolding and promote click though) That's the micro stuff. The macro stuff: We haven't done extensive keyword research for the other languages. Most of the clients are in the US. The other language versions are more a demo of translation ability than looking for clients elsewhere. Are we missing something big here?
Technical SEO | | DanielFreedman0 -
Duplicate Page Title for Wordpress
Hello, We are using WP for our blog and keep getting Dup Page Title errors for our 12 author archives pages. The title of each page is the same, but I am wondering if this is WP issue with canonicalization working properly. The most recent four pages have a linking root domain and carry some Page Authority, but the older pages do not. Is this what Rand was talking about in his Google+ whiteboard Friday talk about blog post relevancy not lasting as long as articles? Here's what it looks like. Side question, is there a reason why the SEO Moz website doesn't have a Google+ button anywhere easy to find? Thank you, Michael
Technical SEO | | MKaloud1 -
Link title with anchor text
Will there be any additional SEO value if we add link title in addition to anchor text.? Can you compare link title with image title? Thanks.
Technical SEO | | gmk15670