Legitimate hidden text and H1s are "OK?" Show me the data!
-
I'm trying to promote the SEO perspective during a site redesign so I'm researching the impact of design requests:
-
Embedding text in graphic headers and applying
to the graphics to get the SEO value
-
Reducing view-able text on a page for design reasons and by using JavaScript to hide text in accordions or tabs.
SEOmoz uses these techniques on their ranking report and most of what I read in teh forums says it is OK to hide text if your motives are pure and the text displays in a text-only browser.
But I do SEO, not SEOK. I want to optimize, not just avoid penalties. And I try to make decisions based on data, not just anecdotes. Are there any studies out there on the effects these hidden-text topics?
How much difference DOES it make to have the text exposed? Since there is potential for spam with these techniques, why would Google give the same rank to pages with and without hidden text? When I'm balancing UX and SEO, I want to clearly define the trade-off.
What have you done when faced with this dilemma?
-
-
oh... those pages with the hidden text on Google properties....
I hate those pages. Hate them. Hate them.
They usually have trivial content too. A whole page with a few sentences and you have to view 15 pages to get the information that you need.
They should be smacked by panda.
Did I say that I really dislike those pages.
-
Thanks EGOL. It is good to have an example of the accordion technique hurting traffic. This is becoming so common I'm surprised there isn't more out about it. Interestingly, Google itself uses hidden text extensively in its Chromebook site, look at the content behind the tiles further down on the How It's Different page. And I frequently see
applied to images as is done on the carousel for Isite design. Is it just that they are counting on other factors?
I'd sure like to see an exhaustive study on this. (SEOmoz, this is your cue to jump in with data already out there or to take this research on!)
-
Luke, here is the story....
I had a big FAQ page that was really long. I wanted to organize it with an accordion page. When people landed on the page they were instrucuted to "click a topic" and the accordion would open - when it opened all of the questions about a single topic were displayed.
When I installed the accordion page the words on the page changed very little but traffic into that page from google dropped by 80%.
So, I removed the accordion and placed topic links in large font at the top of the page. when people enter they were still instructed to "click a topic". The visitor was then moved down the page where questions about that topic were presented.
After changing that traffic from google search jumped back up. Visitor engagement remained about the same - pageviews and time on site is about the same.
-
Thanks EGOL, this is an interesting piece of anecdotal evidence for me.
I have been wondering along the same lines as the OP - specifically because I'm a little concerned that Google is parsing javascript now (in some cases) and may be iffy about javascript copy truncation. However, I would view this in my own case, as a user experience improvement.
For example : I sometimes use javascript to truncate my copy where I feel it may push other content too far down the page. Some users will want to read the whole passage, but others will be scanning for the content further down.
Is this the type of 'hidden text' you are referring to? The full content is easily accessible at the click of a 'show more' link. The content is hidden by the javascript, so will be available to user agents that do not execute javascript.
-
I could not agree more with EGOL. Text on a web page should appear as text, not within images. With CSS3 and current design standards, there is rarely a reason to do otherwise.
About the only place on a site where I permit text within an image is within the logo.
I am not aware of even the slightest SEO value from applying a header tag to a graphic.
-
"Embedding text in graphic headers and applying
to the graphics to get the SEO value"
I want as much text as possible on the page. Every diverse word pulls in longtail traffic.
And... applying
to a graphic for SEO value? Why do you think that will work? Just use text.
"Reducing view-able text on a page for design reasons and by using JavaScript to hide text in accordions or tabs."
Any time I have done this the SEO value of the text is lost. That's what my analytics tells me from lost long tail traffic.
If a designer told me that he needed to hide text for design purposes. I would challenge him to find a way to put the text on the page and make it look great. If he was not up to that challenge I would have a new designer.
Others might disagree. That's OK.
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
-
Fetch as Google not showing Waypoints.js on scroll animation
So I noticed that my main content underneath 4 reasons to choose LED Habitats did not show up in Fetch as Google as well as a few other sections. The site being brand new, so I'm not sure how this will be indexed. What happens is, as the user scrolls the content is brought in using Waypoints and Animate.css which offers an engaging yet simple user experience. I'm just afraid that If the content doesn't show up in "Fetch as Google" in webmaster tools that this content will never be found / indexed by Google. There are thousands of sites that use this library, I'm just curious what I'm doing wrong.. or what I can do. Is there a way for me to keep the simple animations but keep Google Happy at the same time? I took a screen shot of "Fetch as Google" and you can see blatant missing sections which are the sections animated by the waypoints library. Thanks for listening! Robert ZqgLWHi
Web Design | | swarming0 -
Hidden Text w/ Java Script _ Is it Bad?
Just came across an article that stated that Google is looking negatively at sites that attempt to hide text or use javascripts to expand text on websites. We are about to launch our new website and believe we are using this technique but im not certain if what we are doing will hurt us. Our website tends to be a little heavy on the text so used a "read more" scrpit that will expand when clicked on. Three sections that use this on the new website Take a look and let me know your thoughts http://joomplateshop.com/demos/catdi.com/
Web Design | | ChopperCharlie0 -
Spotted Hidden Omiod Links in Footer - What do you think is Going on Here?
Hi guys, Hoping one of you have come across this before. While taking a look at the source code for a website I've recently started working on, I spotted some 'display:none' code in the footer of the page. Here's a snapshot of the code: close XMETAhead title : 404 Page Not Found | ( 39 chrs ) [http://www.omiod.com/chrome-extensions/meta-seo-inspector/info.php?meta=description&cont=404 Page Not Found.](<a href=)" title="more about description" target="_blank" class="ad_seo_link">description : 404 Page Not Found( 170 chrs )[http://www.omiod.com/chrome-extensions/meta-seo-inspector/info.php?meta=keywords&cont=404, 404 error page,](<a href=) " title="more about keywords" target="_blank" class="ad_seo_link">keywords : 404, 404 error page ( 7 items )SCRIPT![](<a href=)http://www.google.com/s2/favicons?domain=www.google-analytics.com">www.google-analytics.com http://www.google-analytics.com/ga.js <div< a="">class="ad_seo_title">HTML5 report</div<>Doctype is not HTML5, there are no HTML5 tags, but at least no obsolete HTML tags were found. 1/5
Web Design | | ecommercebc0 -
Moz crawl showing up ?s=keyword pages as errors
Hi all, Hoping someone can she some light on a fix with ref to wordpress and the search function it uses as Moz is craling some pages which reference the search domain.com/?s=keyword Errors showing up are duplicate pages, descriptions and titles. The search function is not important on this site and I have tried to use a plugin which disables the search page which it does but these errors still show up. Can anyone assist as this is the final piece of the puzzle and then we're down to 0 issues on the site.
Web Design | | wtfi0 -
My 404 page is showing a 4xx error. How can that be fixed?
My actual 404 page is giving a 4xx error.
Web Design | | sbetzen
The page address is http://www.ecowindchimes.com/v/404.asp It loads fine... it is the page all 404's are directed to. Why is it showing a 404 error. The page works. How can this be fixed? Stephen0 -
Too Many On Page Links, rel="nofollow" and rel="external"
Hi, Though similar to other questions on here I haven't found any other examples of sites in the same position as mine. It's an e-commerce site for mobile phones that has product pages for each phone we sell. Each tariff that is available on each phone links through to the checkout/transfer page on the respective mobile phone network. Therefore when the networks offer 62 different tariffs that are available on a single phone that means we automatically start with 62 on page links that helps to quickly tip us over the 100 link threshold. Currently, we mark these up as rel="external" but I'm wondering if there isn't a better way to help the situation and prevent us being penalised for having too many links on page so: Can/should we mark these up as rel="nofollow" instead of, or as well as, rel="external"? Is it inherently a problem from a technical SEO point of view? Does anyone have any similar experiences or examples that might help myself or others? As always, any help or advice would be much appreciated 🙂
Web Design | | Tinhat0 -
META Description Not Showing Up On Google
Hi, I have noticed recently that for my highest ranking keyword on Google United Kingdom, the meta description (that has not changed for several months and always used to be displayed when someone searched for this keyword) now only shows the first couple of words. Also, instead of the rest of the Meta Description there is a list of items that I offer for sale all squashed together with their individual prices. I am the only company on page one of Google who's impression looks like this and I think it looks really unprofessional. Why has this happened and how do I change it? Any help is much appreciated
Web Design | | g3mmab0 -
Old SEO keyword "articles", are they hurting rankings?
Hello, About two years ago, the company I work for hired an SEO firm to improve organic rankings on our site. The SEO company's primary method for doing this was producing "articles" that are not really articles but keyword stuffed pages with lots of hidden, internal links to other legitimate pages on our site. Examples: http://www.creamright.com/Isi-Chargers-articles.html http://www.creamright.com/How-To-Make-Whipped-Cream-article.html http://www.creamright.com/Cream-Whipper-articles.html Obviously, this strategy wasn't greatly successful and we cancelled our work with the firm. However, we still have all of the "articles" on the site (about 50-60 pages total) and each page is navigable from the html and XML sitemaps. Additionally, the SEO firm we used built a lot of useless links to these pages from BS directory sites which are all still active. The question I have is whether we should remove these "article" pages or should leave them alone? Although I'm sure they aren't helping any of our SEO efforts, could deleting the pages after two years negatively impact our search rankings? Thanks in advance for any help on this, Doug M.
Web Design | | Loganshark1