1 {{ upvoteCount | shortNum }}
1 {{ upvoteCount | shortNum }}

Crawling of hidden sections on site

by Myles George
1 replies
  • SEO
    • |
I have a wordpress website in which I am building in a responsive design at three different width breakpoints; desktop, tablet and mobile. What I am doing is creating three different variants of each block on my pages for each device size. So for example my hero banner and header H1 and H2 are duplicated three times in three different styles and the CSS is set to only display the correct one at each different screen size.

My question is, even though these elements are hidden to the viewer of the website, are they still crawlable from search engines? I'm concerned by the fact I have three identical H1s and H2s in the top of each page. Will this been seen? And if so, negatively?

Any help to clarify this would be appreciated.
#crawling #hidden #sections #site
  • Profile picture of the author yukon
    Banned
    Originally Posted by Myles George View Post

    I have a wordpress website in which I am building in a responsive design at three different width breakpoints; desktop, tablet and mobile. What I am doing is creating three different variants of each block on my pages for each device size. So for example my hero banner and header H1 and H2 are duplicated three times in three different styles and the CSS is set to only display the correct one at each different screen size.

    My question is, even though these elements are hidden to the viewer of the website, are they still crawlable from search engines? I'm concerned by the fact I have three identical H1s and H2s in the top of each page. Will this been seen? And if so, negatively?

    Any help to clarify this would be appreciated.

    Yes that will most likely all show up as triple content. Check the text version of the webpage for proof.

    You need to be adding the content once & change how it's displayed with CSS depending on the browser size.

    Personally I use an already proven responsive CSS framework (getskeleton.com), it just makes everything easier to code.

    You can use a Firefox browser plugin to simulate a text version of your online or offline webpages:

    Download the browser plugin.
    • Disable all javascript
    • Disable all images
    • Disable all styles
    {{ DiscussionBoard.errors[10666846].message }}

Trending Topics