Duplicate Content when Using "visibility classes" in responsive design layouts? - a SEO-Problem?
-
I have text in the right column of my responsive layout which will show up below the the principal content on small devices.
To do this I use visibility classes for DIVs. So I have a DIV with with a unique style text that is visible only on large screen sizes. I copied the same text into another div which shows only up only on small devices while the other div will be hidden in this moment. Technically I have the same text twice on my page. So this might be duplicate content detected as SPAM?
I'm concerned because hidden text on page via expand-collapsable textblocks will be read by bots and in my case they will detect it twice?Does anybody have experiences on this issue?bestHolger
-
... of course it wasn't too difficult to solve this problem. In Foundation I could assign the right classes... so there is no need to work with visibility classes in this case.. and produce dublicated div's.
-
I also recommend using responsive design via popular frameworks, like Bootstrap or Foundation. You shouldn't have problems using those from an SEO perspective.
-
Thanks, thats what I was thinking, too and the link you gave me was the best I found before on this subject as well ;).
Right now I'm experimenting with the foundation framework where the visibility class solved my problem quickly but from a SEO-point of view I got a new problem. So I must study more on this...THX
-
Hi Holger,
Duplicate content is typically qualified as identical, or similar, content across multiple pages (within a single domain or across other domains)--not duplication within a single page. The idea is that you're potentially spamming the search index with multiple results lacking contextual distinction.
Your particular case, however, puts your page's quality score at risk by extending the length of your page's content without added context or value (the repetition is more like keyword stuffing, if anything.) Rather than managing two identical DIV blocks, you should manipulate the positioning, sizing, styling, etc. of a single DIV block within each respective media query selector in your CSS.
Here's a helpful tutorial with examples: http://bit.ly/ncY2HY
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
-
Duplicate content query
I'm currently reauthoring all of the product pages on our site. Within the redesign of all the pages is a set of "why choose us?" bullet points and "what our customers say" bullet points. On every page these bullet points are the same. We currently have 18% duplicate content sitewide and I'm reluctant to push this. The products are similar but targeted at different professions, so I'm not sure whether to alter the text slightly for the bullet points on each page, remove the bullet points entirely or implement some form of canonicalisation that won't impact the profession-specific pages' ability to rank well.
On-Page Optimization | | EdLongley0 -
Will it make any seo impact if there is not any Content available in Mobile responsive site
If we will not show our existing content(Available for desktop views) on product listing page in Mobile responsive site, will it make any difference/impact from seo point of view? Mostly people don't read content in product listing pages and we place content mostly for seo point of view. So intentionaly we don't want to show our content in mobile view bcz it may distract users. As per my knowledge google using same ranking algorithm for both desktop and mobile. So I want to know will it make any impact from ranking and other seo factors?
On-Page Optimization | | kathiravan0 -
Show or hide content in responsive design
Hi everybody! I'm trying to design the mobile version of an ecommerce with lots of filters in the menu (size, colours, material, etc.) I'd like to know if it's better for this kind of sites to use an m.version or a complete responsive design. I have analyzed my keywords and it's true that my website is founded in a really similiar way in both cases (desktop and mobile) so I wanted to design the whole site in responsive at first, but I'm afraid of being penalized if I hide content in the mobile version. This is why I'm thinking about making the responsive for desktop and tablets and the m. option as well, so as to hide menus and images. What's your advice? Thanks in advance!
On-Page Optimization | | esthergvent0 -
Dashes "-" in keyword?
Just running over the page/keyword analyzer and Moz picked up the fact that my link and title are not the same as the keyword I am targeting. I am targeting the keyword "Battlefield 4 CD Key" However my title (and therefore link) are Battlefield 4 CD-Key. Note the dash. Does the dashes matter in SEO or should I try to remove them and have continuity through all of the page.
On-Page Optimization | | MrPenguin0 -
Issue: Duplicate Page Content
Hello SEO experts, I'm facing duplicate page content issue on my website. My website is a apartments rental website when client search apartment for availability. Automatic generate same url's. I've already block these url's in robots.txt file but facing same issue. Kindly guide me what can I do. Here are some example links. http://availability.website.com/booking.php?id=17&bid=220
On-Page Optimization | | KLLC
http://availability.website.com/booking.php?id=17&bid=242
http://availability.website.com/booking.php?id=18&bid=214
http://availability.website.com/booking.php?id=18&bid=215
http://availability.website.com/booking.php?id=18&bid=256
http://availability.website.com/details.php?id=17&bid=220
http://availability.website.com/details.php?id=17&bid=242
http://availability.website.com/details.php?id=17&pid=220&bid=220
http://availability.website.com/details.php?id=17&pid=242&bid=242
http://availability.website.com/details.php?id=18&bid=214
http://availability.website.com/details.php?id=18&bid=215
http://availability.website.com/details.php?id=18&bid=256
http://availability.website.com/details.php?id=18&pid=214&bid=214
http://availability.website.com/details.php?id=18&pid=215&bid=215
http://availability.website.com/details.php?id=18&pid=256&bid=256
http://availability.website.com/details.php?id=3&bid=340
http://availability.website.com/details.php?id=3&pid=340&bid=340
http://availability.website.com/details.php?id=4&bid=363
http://availability.website.com/details.php?id=4&pid=363&bid=363
http://availability.website.com/details.php?id=6&bid=367
http://availability.website.com/details.php?id=6&pid=367&bid=367
http://availability.website.com/details.php?id=8&bid=168
http://availability.website.com/details.php?id=8&pid=168&bid=168 Thanks and waiting for your response | |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |0 -
Replacing "_" with "-" in url, results in new url?
We ran SEOmoz's "On-Page Optimization" tool on a url which contains the character "_". According to the tool: "Characters which are less commonly used in URLs may cause problems with accessibility, interpretation and ranking in search engines. It is considered a best practice to stick to standard URL structures to avoid potential problems." "Rewrite the URL to contain only standard characters." Therefore we will rewrite the url, replacing "_" with "-". Will search engines consider the "-" url a different one? Do we need to 301 the old url to the new one? Thanks for your help!
On-Page Optimization | | gerardoH0 -
Duplicate page title and content
Hello, I have an ecommerce store where we offer many similar products, and the main difference could be the color or memory storage. Due to this reason my main problem appears to be be duplicate page title and content. What is the best way to correct this issue? I cant make them different neither. I always include this particular difference in title or description. I guess it is not enough? any way to fix it? thanks!
On-Page Optimization | | tolyadem10 -
Avoiding "Duplicate Page Title" and "Duplicate Page Content" - Best Practices?
We have a website with a searchable database of recipes. You can search the database using an online form with dropdown options for: Course (starter, main, salad, etc)
On-Page Optimization | | smaavie
Cooking Method (fry, bake, boil, steam, etc)
Preparation Time (Under 30 min, 30min to 1 hour, Over 1 hour) Here are some examples of how URLs may look when searching for a recipe: find-a-recipe.php?course=starter
find-a-recipe.php?course=main&preperation-time=30min+to+1+hour
find-a-recipe.php?cooking-method=fry&preperation-time=over+1+hour There is also pagination of search results, so the URL could also have the variable "start", e.g. find-a-recipe.php?course=salad&start=30 There can be any combination of these variables, meaning there are hundreds of possible search results URL variations. This all works well on the site, however it gives multiple "Duplicate Page Title" and "Duplicate Page Content" errors when crawled by SEOmoz. I've seached online and found several possible solutions for this, such as: Setting canonical tag Adding these URL variables to Google Webmasters to tell Google to ignore them Change the Title tag in the head dynamically based on what URL variables are present However I am not sure which of these would be best. As far as I can tell the canonical tag should be used when you have the same page available at two seperate URLs, but this isn't the case here as the search results are always different. Adding these URL variables to Google webmasters won't fix the problem in other search engines, and will presumably continue to get these errors in our SEOmoz crawl reports. Changing the title tag each time can lead to very long title tags, and it doesn't address the problem of duplicate page content. I had hoped there would be a standard solution for problems like this, as I imagine others will have come across this before, but I cannot find the ideal solution. Any help would be much appreciated. Kind Regards5