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
-
Why Is Google Showing My Images Upside Down in the Index?
Hi, My client has PDFs of their catalog on the site which google is indexing. However, it seems that google is taking an image from the catalog and then showing it upside in the index for images/search results. The images are not upside down on the site. Has anyone heard of this happening before or does anyone know a way to fix it? Thanks
Web Design | | AliMac260 -
"Design by" footerlinks of webdevelopment firms
Hi Guys, Since our company does a lot of web development jobs next to our SEO work, we came across the topic of the “Design by” or “Webdesign by” links that our competitors are placing in the footer of clients websites. When I did some backlink analysis of our competitors these links make up the biggest part of their backlink profile. That way, I think they are important for the promotion and SEO of web development companies. I would love to have your opinion about how to use these links for SEO 1. Side wide vs homepage I think there are two ways here, going for a link at the bottom of every page or just one link at the bottom of the homepage. When you look at exposure the most ideal situation would be a side wide link (more eyeballs). From a SEO standpoint this might cause trouble. 2. Follow vs nofollow I think this is a very interesting one since there seems to be a lot of different opinions about if this is advertisement or not. A normal banner in a sidebar would get the nofollow tag to match Google’s guidelines but what about this “designed by” link? I know few designers and “putting a stamp” on their work is pretty common and more likely viewed as something that they deserve then an act of commerce. Besides this discussion adding the nofollow tag could prevent any issues with side wide links but reduces any SEO benefits to zero. Another option is adding the nofollow tag to all the links expect the one on the homepage. 3. Anchor text and descriptive text Since anchor texts play a big role in SEO (and in detecting spam) I’m interested in your opinion about the use of anchor texts with such links. Just the company name or the web address sounds like a safe choice (especially with side wide links) but it’s pretty attempting to link words like “Webdesign” instead of the company name. Do you think it’s safe to use this, or any other keywords in 0,5,10,15,20,25% of the times? And do you think the descriptive text “Webdesign and SEO by” got any value (or causes potential risks) when added before the link? 4. Alternatives or extra link opportunities Here are some other options I found and thought about considering getting links from client websites. Asking, or earning a link in their first blogpost. Yjpiieee our website is online, thanks guys of company X. Links in the disclaimer or legal parts of the website. Link in the main content of the about us. Most likely in the bottom a little section about the credits of the design etc. Links on partner / friend / links pages of the website. I saw all of these links in the backlink profiles of our competitors. Last but not least, my current standpoint: At this moment we ask our clients if we may place a small text and link in the footer of their website next to the copyright claim. We use texts like “Webdesign and SEO by Web Whales”. With only our brand name as anchor text (to avoid penalties). It’s a side wide follow link. Side wide because we want the exposure and follow because we want the SEO benefit. We considered just making the homepage link follow, but this kind of feels like manipulation so we just went for all follow since this is pretty normal on the web. Beside that we celebrate new websites with our clients to increase the change getting mentioned on the first blog or partner page. Occasionally we ask them for links on these pages. What’s your opinion about this topic?
Web Design | | Bob_van_Biezen0 -
Show new mobile site to 60% users & old mobile site to 40% users
Hi, We are planning to show new mobile site to 60% users & old mobile site to 40% users. We will show the old site to google crawler. Our old site has some interlinking through footer & content whereas the new site does not has it. We wanted to do this since our new site does not supports some browsers. Will there be an issue with Google on showing the site like this. The mobile site & desktop site will have same url across devices & browsers. Regards
Web Design | | vivekrathore0 -
Does google prefer expanded text to text that you have to mouse over to show?
Does a long scrolling page of text perform better than a page that has the content in sections that have to be moused over to be seen? Are there any articles or research on this?
Web Design | | SirSud0 -
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 -
Do pull quotes affect SEO positively or negatively?
I like the design element of a pull quote to ad interest and highlight an important point. If I use an exact quote from the page in a pull quote on that page, does that negatively affect SEO as duplicate content? Are there formatting or tagging methods that could help pull quotes to boost SEO? For clarity, by "pull quote" I mean a stylized bit of text that floats on a page in such a way that the body text wraps around it. It is actual text (not text embedded in a graphic) but it behaves like an image with text wrapping around it. Here's an example (in red on the right side): http://www.21ct.com/resources/news-room/21ct-announces-its-latest-us-patent-for-advancing-big-data-security/
Web Design | | kyle21ct0 -
Any way of showing missed sales in Google Analytics?
Sit down, this might get a little complicated... I was approached by a design company to do some SEO work a client of theirs. Usually, this stuff is white label but I have direct contact with the client as the design agency felt it was easier for me to do this. The website is performing really well and looking at the sales funnel, I'm getting people wanting to buy. BUT, and here's the problem, everything falls apart because of the way the check out works. It's appalling. The customer has to register to buy a product, there's no guest check out or anything. The checkout button is right below the fold and you'd miss it completely if you didn't actually search for it. Basically, it's losing the client money. Last month alone there were 300~ people entering the conversion funnel and NONE of them complete it. I've been talking with the design company and they basically saying that it's too much work for them to change it, it's a signed off project blah blah. UI reports have been conducted and sent to them but still nothing. I have the client asking (a great client, obviously wondering why there is a lack of return on his investment) why he isn't making money. He's asking me because I'm the guy thats meant to be getting him the cash back. I keep saying to the design agency the problems and that it's never going to make money. The potential is massive. But thats my problem. Is there ANY way in GA to calculate the missed sales? I know that I can view the total amount made when the customer successfully checks out but I need figures to present that I'm leading the horse to water, but the check out system is preventing it from drinking. tl;dr I need to show client/design agency missed sales due to poorly built checkout system. Cheers!
Web Design | | jasonwdexter0 -
Text in Images vs. Alt tags
Hi on my homepage i h ave multiple images They have the appropriate alt text for each image, but the text which the image displays is not written into the page and styled using CSS rather than placing text within an image. Is this a issue worth correcting, or is it sufficient to have just alt text for each image. Any major pros from having putting the text in the image into the CMS using appropriate CSS styling to achieve the same effect.
Web Design | | monster990