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
-
How does ARIA-hidden text appear to search engines
I'm having trouble getting my accessibility team to add alt text to our site's images for SEO benefits as they feel some of it would add additional noise for screen readers. They proposed using ARIA-hidden attributes to hide the text but I'm wondering if will that be interpreted as a cloaking tactic to search engines? Also, I'm wondering if it the alt text will carry the same weight if ARIA-hidden is used. Has anyone had any experience with this? I'm having trouble finding any research on the topic.
Web Design | | KJ6001 -
Infinite Scrolling & "Long Scrolling" same or different??
Can anyone please confirm for me the difference if any, between site design that incorporates Long Scrolling and Infinite Scroll? I was told (by an unnamed source) these were different designs and that "long scrolling" is better for SEO . However, in all my research I am unable to prove there is any difference between the two. I understand Infinite scroll may include Ajax, but does that mean Long Scrolling does not? If anyone has any references or can supply any further education here, I'd appreciate it! Thanks!
Web Design | | ACNINTERACTIVE0 -
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 -
Using More Info javascript:toggleDisplay tag for More info text
Is there any harm in using javascript so a user can "toggle" open or closed additional text on a website? For example, if a user wants to read more about something, they can click on "More Info" and the text would then appear. Google is able to read the text, because I chose a random 8 word section of the text within the More Info and pasted it into a Google Search and the website showed up in search results. Just wondering if using this technique would have any negative impact. Here's what the code would look like:
Web Design | | EEE3
<a <span="">title</a><a <span="">="Show Tables" href="</a><a class=" " target="_blank">javascript:toggleDisplay('table1')</a>">More Info style="display: none;" id="table1"> this is where the text would be, and from this section was where I grabbed text to search with in google. Then in the footer, here is the script needed so the more info will work: I am by no means an expert in coding/html/javascript. Thanks!0 -
Does anyone know how much a wordpress site can store (in terms of data) I want to put all my movies on it and use it as a personal global external hard drive! Thanks!!
So basically, I have about 500 GB of movies on my computer and I don't want to buy an external hardrive. I don't want to spend the money A website I could access anytime, and anywhere, without having to carry my external with me everywhere I go. Thanks in advance for any help/ references.
Web Design | | TylerAbernethy0 -
Live Text in Navigation Vs. Image - Does this affect SEO
I recently was asked the question if having live text in the navigation vs and image affect seo. For example, refer to this link http://markup.io/v/avsaenq856kw the navigation highlighted is seperate images. The html elements read : ![](</span><strong style=)/images/procedures.png"> Live text html reads like this: Breast » What is better for seo value, or does it now matter having live text or an image?
Web Design | | Red_Spot_Interactive0 -
SEOMoz crawl report shows a duplicate content and duplicate title for these two url's http://freightmonster.com/ and http://freightmonster.com/index.html. How do I fix this?
What page is attached to http://freightmonster.com/ if it is not the index.html ? Should I do a redirect from the index page to something more descriptive?
Web Design | | FreightBoy1 -
How does the toolbar caclulate text to code ratio?
I am seeing some very weird text to code ratios on a competitor site (over 100%) through the Analyze feature on the SEOmoz toolbar. I'm wondering how that's calculated, and what my competitors might be doing to raise that ratio so high artificially. I need to turn in a report on this soon, any help is greatly appreciated!! EHR
Web Design | | EHR0