/webmasters/community?hl=en
/webmasters/community?hl=en
12/29/13
Original Poster
Multimedia Romania

Hidden tag divs in the mobile layout

I've read the FAQs and searched the help center. 

My URL is: http://www.cursuri-photoshop.eu

Hi, in making responsive layouts for the mobile version I hide some of the tag divs that are visible in the desktop and tablet layouts. Can this be seen as cloaking by Googlebot? I also hide divs containing the free counter web statistics. Can that be a problem? Thanks

 

Community content may not be verified or up-to-date. Learn more.
Recommended Answer
Was this answer helpful?
How can we improve it?
All Replies (12)
Google user
12/29/13
Google user
Hello,

Do you only hide "apDiv2"?
<div id="apDiv2"> (...)<!-- Fine Codice ShinyStat --></div>

Homepage, check your source code, it's not logic ==>
  • You have 2 <head>, 2 doctype, 2 body
  • at the end, after your </body></html> you have </div> (...) </html>

It might be a problem for Google

Cheers,

Nidya.


12/30/13
Original Poster
Multimedia Romania

Hi Nidya, sorry that I answer so late, but apparently I can only have 1 post a day on this forum, don’t know why that is.

The div “apDiv2” is the one containing the free counter code and it’s the only hidden div in that page.

The page has also a php include function in it, this is why you see 2 doctypes etc. The php includes the page containg the right column that is included in every page by using this method.

So, you are saying that using the php include can be a problem with Google as it presents in the bowser more html pages into one.

What about the hidden divs? As I am working on a site that needs to have a mobile version, so in personalizing the responsive layout for the mobile I used some hidden divs, that are visible only in the tablet and desktop versions. This site is not pubblished yet so I can’t sent links. 

Thanks

Google user
12/30/13
Google user
Hello,

"I can only have 1 post a day" >> it's OK, I can remember your message :)

“apDiv2” >> hmmmmm.... I think it's not a problem because you don't want to manipulate Google and it's obvious. However, can you add a nofollow? With a nofollow, Googlebot understand you don't "vote" for that link so it can't be a hack or a malicious hidden url.

"2 doctypes (...)" >> Text/link above the Doctype and below the </html> is suspicious.

-------------------------
<!DOCTYPE ...>
<html>
<head>
...
</head>
<body>
...
</body>
</html>
----------------------

"What about the hidden divs?" >> can you give an example?

See you tomorrow :)

Cheers,

Nidya.
12/30/13
Original Poster
Multimedia Romania

Hi Nidya, 

I made 2 posts today, hope the 3-rd gets through …

1. Good idea, defenetly going to add the nofollow attribute to the div containing the hidden free counter.

2. As for the php include I find it very handy and use it all the sites I make as it allows very handy updates on pages. I just asked Matt Cutts (head of the webspam team at Google) on twitter on how this is seen by Googlbot considering the fact that the browser loades more pages into one: hope to receive an answer form him.

3. For the hidden divs I published a rought example here: http://www.cursuri-photoshop.eu/index_liquid.php

You will notice that as you toogle the resolution on your bowser making the browser window smaller the visibility of the right div is set to hidden so it won’t show in resolutions smaller than 720 px. This property is set in the css attached to the page: http://www.cursuri-photoshop.eu/stiyle_liquid.css 

Have a nice day!

Google user
12/30/13
Google user
"php include" >> we all use 'include' but it's not necessary to add multiple <body> or <head>. W3C is not a problem for Google* (who respects W3c spec today?), however it might be suspicious to have text/link after the </html> or before the <!DOCTYPE ...>.

"I just asked Matt Cutts" >> so in the hierarchy Matt Cutts is just after me? It's OK I can live with that :) If you have an answer, please come back!!

"hidden divs (...) the right div is set to hidden so it won’t show in resolutions smaller than 720 px" >> violation of Google guideliness:

I have an idea (pseudocode):

--------------------------------

if ($TheVisitorIsADesktop == "1")

{

print $div1;

print $div2;

}

if ($TheVisitorIsAMobile == "1")

{

print $div1;

}

---------------------------------------

0 hidden text, 0 problem :)

Cheers and have a nice day!!

Nidya.

* http://www.youtube.com/watch?v=FPBACTS-tyg

6 MORE
Gaieus
12/31/13
Gaieus
There is a major difference between visibility:hidden and display:none - when hidden, its "place holder" is still there (an empty space) while with display:none, its space collapses leaving you with a streamlined layout.
 
This question is locked and replying has been disabled. Still have questions? Ask the Help Community.

Badges

Some community members might have badges that indicate their identity or level of participation in a community.

 
Google Employee — Google product team members and community managers
 
Community Specialist — Google partners who help ensure the quality of community content
 
Platinum Product Expert — Community members with advanced product knowledge who help other Google users and Product Experts
 
Gold Product Expert — Community members with in-depth product knowledge who help other Google users by answering questions
 
Silver Product Expert — Community members with intermediate product knowledge who help other Google users by answering questions
 
Product Expert Alumni — Former Product Experts who are no longer members of the program
Community content may not be verified or up-to-date. Learn more.

Levels

Member levels indicate a user's level of participation in a forum. The greater the participation, the higher the level. Everyone starts at level 1 and can rise to level 10. These activities can increase your level in a forum:

  • Post an answer.
  • Having your answer selected as the best answer.
  • Having your post rated as helpful.
  • Vote up a post.
  • Correctly mark a topic or post as abuse.

Having a post marked and removed as abuse will slow a user's advance in levels.

View profile in forum?

To view this member's profile, you need to leave the current Help page.

Report abuse in forum?

This comment originated in the Google Product Forum. To report abuse, you need to leave the current Help page.

Reply in forum?

This comment originated in the Google Product Forum. To reply, you need to leave the current Help page.