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 Google rank a "Site:yourexamplesite.com" Query
Hi All, Sorry for the potentially confusing title. I am trying to find out how google ranks the pages of your site when you search "site:yourwebsite.com". When I did this with my website I was surprised what pages showed up on the first page, there were sub-category pages in the top 5 results and top level category pages that weren't on the first page. I have been unable to find information as to how google returns these results, is it the same algorithm/factors that make pages rank highly in a regular search, or does it have something to do with how recently google crawled these pages. Any feedback would be helpful. Additionally, if anyone has worked through a similar scenario I would be interested to know if there were any insights you gained from finding out which of your pages google returned first. Thanks for the help! Jason
Web Design | | Jason-Reid0 -
Wordpress Plugin To Capture Form Completion Data, Before Visitor Hits "Submit"?
Greetings MOZ Community: Visitors frequently start to enter contact information in the forms on our website, but then chicken out and don't hit the submit button. I noticed this watching the recordings of visitor web site visits using Mouse Flow. Is there a Wordpress Plugin that would allow us to capture data entered in forms, where the visitor does not finally hit the "submit" button? Obviously this would be very, very valuable as this scenario occurs in one out of three or four instances. Thanks!!!
Web Design | | Kingalan1
Alan0 -
Is it ok to redirect an old URL to new URL with anchor tag?
Ex. OLD URL - http://www.mysite.com/shoes/red/description NEW URL - http://www.mysite.com/shoes/red#desc Thanks in advance!
Web Design | | esiow20130 -
Is it cloaking/hiding text if textual content is no longer accessible for mobile visitors on responsive webpages?
My company is implementing a responsive design for our website to better serve our mobile customers. However, when I reviewed the wireframes of the work our development company is doing, it became clear to me that, for many of our pages, large parts of the textual content on the page, and most of our sidebar links, would no longer be accessible to a visitor using a mobile device. The content will still be indexable, but hidden from users using media queries. There would be no access point for a user to view much of the content on the page that's making it rank. This is not my understanding of best practices around responsive design. My interpretation of Google's guidelines on responsive design is that all of the content is served to both users and search engines, but displayed in a more accessible way to a user depending on their mobile device. For example, Wikipedia pages have introductory content, but hide most of the detailed info in tabs. All of the information is still there and accessible to a user...but you don't have to scroll through as much to get to what you want. To me, what our development company is proposing fits the definition of cloaking and/or hiding text and links - we'd be making available different content to search engines than users, and it seems to me that there's considerable risk to their interpretation of responsive design. I'm wondering what other people in the Moz community think about this - and whether anyone out there has any experience to share about inaccessable content on responsive webpages, and the SEO impact of this. Thank you!
Web Design | | mmewdell0 -
Can white text over images hurt your SEO?
Hi everyone, I run a travel website that has about 30 pre-search city landing pages. In a redesign last year we added large "hero" images to the top of the page, and put our h1 headlines on top of them in white. The result is attractive, but I'm wondering if Google could be reading this page as "white text on white page", which is an obvious no-no, especially if it could seem that we're trying to hide text. Here's an example: http://www.eurocheapo.com/paris/ H1: Expert reviews of cheap hotels in Paris I should add that our SERPs for these city pages has dropped (for "Cheap hotels in X"), but it could obviously be related to other issues. Any advice would be appreciated. Many thanks! Tom
Web Design | | TomNYC0 -
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 -
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 -
Site-wide footer links or single "website credits" page?
I see that you have already answered this question before back in 2007 (http://www.seomoz.org/qa/view/2163), but wanted to ask your current opinion on the same question: Should I add a site-wide footer link to my client websites pointing to my website, or should I create a "website credits" page on my clients site, add this to the footer and then link from within this page out to my website?
Web Design | | eseyo0