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
-
Items 30 - 50", however this is not accurate. Articles/Pages/Products counts are not close to this, products are 100+, so are the articles. We would want to either hide this or correct this.
We are running into this issue where we see items 30 -50 appear underneath the article title for google SERP descriptions . See screenshot or you can preview how its appearing in the listing for the site here: https://www.google.com/search?source=hp&ei=5I5fX939L6qxytMPh_el4AQ&q=site%3Adarbyscott.com&oq=site%3Adarbyscott.com&gs_lcp=CgZwc3ktYWIQAzoICAAQsQMQgwE6BQgAELEDOgIIADoECAAQCjoHCAAQsQMQClDYAljGJmC9J2gGcAB4AIABgwOIAYwWkgEIMjAuMy4wLjKYAQCgAQGqAQdnd3Mtd2l6sAEA&sclient=psy-ab&ved=0ahUKEwjd_4nR_ejrAhWqmHIEHYd7CUwQ4dUDCAk&uact=5 Items 30 - 50", however this is not accurate and we are not sure what google algorithm is counting. . Articles/Pages/Products counts are not close to this, products are 100+, so are the articles. Anyone have any thoughts on what google is pulling for the count and how to correct this? We would want to either hide this or correct this. view?usp=sharing
Web Design | | Raymond-Support0 -
Does anyone have data on the effect of multiple H1 tags on a page?
One of my website's sub-domains is fed information from a job board master-template, thus my site (and hundreds of other sites) is just branded styling pulling from one external source. Because of the way this master template is set up (not very concerned with SEO best practices), I have found the need to hide the H1 coming from the master template, and display a new separate H1 in my styling. This is being done with user-experience in mind, but how will search engines respond to having two H1s (one hidden, one visible) on a page? I understand that a single H1 is usually ideal, and hidden page components are typically frowned upon because they don't add user value... but in this case, the hidden component is solely for the benefit of the user. I would like to find the best balance of SEO and UX, so I am very interested in any experimental data or case studies on a similar situation.
Web Design | | pbailey0 -
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 -
Certain PHP Pages Not Showing In SERPs
Hi all, You've all been so helpful so far, I'm hoping you can help me with our trickiest SEO question yet. Last year we migrated 7 sites into one, going from flat html to Joomla. This went fine and although we saw a slight drop in traffic, it wasn't too bad. Now however traffic has started to drop and we've been able to hone it down into a certain area of our website. Each of the 7 sites had their own page with some php code that was fed products. These products were updated everyday and were are second most popular page on the sites aprt from the home page. These pages were found in Google no problem and were an essential resource for our site. What we have found is these pages cannot be found at all, unless you type the full business name and product. If you just type the product and the location our customer is based in, we're no where, using the Moz tools it says we're not in the top 50 results. This is a bit of a shock since we used to be at least on the first page, usually quite high up. I'm a little stumped as SEO wise these pages are technically better. They offer the same functionality but in a much more SEO friendly way. I've asked our developer to check: Nothing is being blocked in robots.txt
Web Design | | HB17
The pages are being indexed
There's no strange code errors Essentially the pages can't be found even if we type the full title, for example 'customer's products in their town' to be found we have to type 'customer's products in their town and their full business name'. The top third of the page is just html text, the bottom like I mentioned is PHP and is fed data from a database which is refreshed each morning. I know our developer did some rel conical work but has assured me that's all working fine. While I know it's a new website, we've owned the domain for a while so our domain authority isn't brand new and 0, we also have pages with worse page authority that show up on page 1 no problem, so I'm leaning towards something else might not be right. Can anyone help me figure out why these pages are being indexed but not even found? Thanks!0 -
Sitemap created on client's Joomla site but it is not showing up on site reports as existing? (Thumbs Up To Answers)
I am working with a web developer who built our client's site in Joomla. I seem to have a lot of issues with Joomla based sites. Any how, the site is www.pitgearusa.com and when we run site reports it is showing there is no xml sitemap. However he used a popular Joomla plugin for sitemaps called Xmap. Here is their url: http://www.jooxmap.com/ Can anyone provide any advice on what the website developer needs to do in order for the xml sitemap to function and "show up" on reports? Thanks Mashed Up
Web Design | | Atlanta-SMO0 -
Nesting <a>tag for rel="nofollow"</a>
I just wanted to quickly run this past someone. I have some footer links I want set to nofollow: <map <span="" class="webkit-html-tag">name</map>="Map"><area <span="" class="webkit-html-tag">shape="rect" coords="10,39,73,101" href="URL" target="_blank" alt="some text"> should this be <map <span class="webkit-html-tag">name</map <span>="Map"><area <span class="webkit-html-tag">shape</area <span>="rect" coords="10,39,73,101 <a <span class="webkit-html-tag">href="URL" rel="nofollow" target="_blank" alt="some text"></a <span> Want to check before I advise. If this is not the way how can I fix?
Web Design | | MickEdwards0 -
Hey, So I know wordpress is built with a user capability, but what about databasing custom user data?
Hi everyone, so I am working on a project with a friend of mine, without getting into too much detail, here's the problem. We need users to sign in, then for instance, click a button, and then have that action record a value of 1 in a database on our server (preferably accessible through the wordpress admin interface, and in .csv format so that we can make it easy to work with) Any help with databasing, or if wordpress is already built with SOME database technology, etc, etc For instance, SEOmoz's "mozpoint" system.. Wordpress comes built with the ability for users to log in and have profiles with special access, etc, but does it have the ability to log points and values to a specific user as well? Where should I look? What should I google to figure out options? Who could I call / hire?
Web Design | | TylerAbernethy0 -
Header tags - big H1s after small H2s
Just spotted bigger H1s and small H2s on a website, in the newsroom. The smaller H2 = section heading (Newsroom), the larger H1 is a news headline. Might that cause me any search engine problems?
Web Design | | McTaggart0