• About Us
  • Contributors
  • Guides
  • Speaking Engagements
  • Write for The SEM Post
  • Submit a tip or contact us!
  • Newsletters

The SEM Post

Latest News About SEO, SEM, PPC & Search Engines

  • Google
  • SEO
  • Mobile
  • Local
  • Bing
  • Pay Per Click
  • Facebook
  • Twitter
  • State of the Industry
You are here: Home / Google / How Google’s Mobile First Handles Content Behind Tabs & Accordions

How Google’s Mobile First Handles Content Behind Tabs & Accordions

November 7, 2016 at 4:46 am PST By Jennifer Slegg

  • Facebook
  • Twitter
  • Google+
  • Pinterest
  • LinkedIn
  • Email
  • WhatsApp
  • Evernote
  • SMS

google-content-accordionsWhen it comes to desktop pages, Google has long demoted content that is “hidden” behind tabs, accordions or clicks.  But with the move to mobile first, this can complicate matters.

It is a common tactic to put mobile content into tabs for multiple reasons.  First, when a site uses a longer amount of text on a mobile page, accordion tabs can make it easy to collapse sections that can then be expanded by the searcher, if they want to read more on that particular section.  Second, it is far better for a user experience, since it doesn’t require as much scrolling.

Here is an example of this, from Wikipedia… any section can be expanded to show the complete text in those sections.

wikipedia-mobile-tabs

The question has come up a few times on Twitter since the initial announcement, and Gary Illyes from Google commented that there should be no issue with the content being devalued on mobile.

@schachin no, in the mobile-first world content hidden for ux should have full weight

— Gary Illyes (@methode) November 5, 2016

So if you have content hidden for usability reasons, you shouldn’t have any problem with that content ranking properly.

That said, hidden text – text that is NOT accessible to users – would still be against Google’s webmaster guidelines.  So if you are hiding text for usability reasons, make sure you have implemented it correctly so it is visible to searchers when they land on your mobile page with tabs/accordions.

  • Facebook
  • Twitter
  • Google+
  • Pinterest
  • LinkedIn
  • Email
  • WhatsApp
  • Evernote
  • SMS
The following two tabs change content below.
  • Bio
  • Latest Posts
My Twitter profileMy Facebook profileMy Google+ profileMy LinkedIn profile

Jennifer Slegg

Founder & Editor at The SEM Post
Jennifer Slegg is a longtime speaker and expert in search engine marketing, working in the industry for almost 20 years. When she isn't sitting at her desk writing and working, she can be found grabbing a latte at her local Starbucks or planning her next trip to Disneyland. She regularly speaks at Pubcon, SMX, State of Search, Brighton SEO and more, and has been presenting at conferences for over a decade.
My Twitter profileMy Facebook profileMy Google+ profileMy LinkedIn profile

Latest posts by Jennifer Slegg (see all)

  • 2022 Update for Google Quality Rater Guidelines – Big YMYL Updates - August 1, 2022
  • Google Quality Rater Guidelines: The Low Quality 2021 Update - October 19, 2021
  • Rethinking Affiliate Sites With Google’s Product Review Update - April 23, 2021
  • New Google Quality Rater Guidelines, Update Adds Emphasis on Needs Met - October 16, 2020
  • Google Updates Experiment Statistics for Quality Raters - October 6, 2020

Filed Under: Google, Mobile, SEO

Sign up for our newsletter


Comments

  1. Aimee Jurenka says

    November 8, 2016 at 10:53 am

    Will this apply if the desktop site has tabs as well?

    • Jennifer Slegg says

      November 9, 2016 at 6:20 am

      Currently content is devalued behind tabs on desktop.

  2. Scott Walker says

    January 13, 2017 at 10:05 am

    Your article is definitely on point, thanks for the insight. I’m now designing and developing for mobile and use both accordions and tabs. The websites have experienced no adverse effects on both mobile and desktop. I suggest that the sites losing rankings may be due to overuse of collapsible features. Most HTML5 templates and WordPress themes come with a good mix of methods for displaying content for improved user experience. I recommend using that approach. Beware of thinking the collapsible content is some kind of panacea for stuffing content.

    Question: Is the “devaluation” of collapsible content on desktop a conscious effort or are Google’s desktop bots simply not up to date?

    • Jennifer Slegg says

      January 13, 2017 at 5:25 pm

      I think for desktop, it is more to do with searchers landing on a page and expecting to find the content, but not finding it because it was hiding behind a tab somewhere – and on desktop, it is often not that obvious where it is hiding. But on mobile, it is more of a usability issue and people are quite used to expanding sections within a longer page on mobile, such as how Wikipedia handles it.

  3. michael says

    January 20, 2017 at 1:36 am

    So just to clearify, Google will still not grand hidden content as much value at desktop if it´s hidden, but on the mobile version it is the opposite?

    • Jennifer Slegg says

      January 20, 2017 at 4:49 am

      Using tabs and collapsible sections on mobile is good for user experience… less screen real estate to work with.

Founder & Editor

Jennifer Slegg (2052)

Sign up for our daily news recap & weekly newsletter.


Follow us online

  • Facebook
  • Google+
  • Linkedin
  • Pinterest
  • Twitter

Latest News

2022 Update for Google Quality Rater Guidelines – Big YMYL Updates

We finally have the first Google Quality Rater Guidelines update of 2022, and like usual, it is … [Read More...]

Recent Posts

  • 2022 Update for Google Quality Rater Guidelines – Big YMYL Updates
  • Google Quality Rater Guidelines: The Low Quality 2021 Update
  • Rethinking Affiliate Sites With Google’s Product Review Update
  • New Google Quality Rater Guidelines, Update Adds Emphasis on Needs Met
  • Google Updates Experiment Statistics for Quality Raters
  • Analyzing “How Google Search Works” Changes from Google
  • Google Quality Rater Guidelines Update: New Introduction, Rater Bias & Political Affiliations
  • Google Updates Quality Rater Guidelines: Reputation for News Sites; Video Content Updates; Quality for Information Sites
  • Google Makes Major Changes to NoFollow, Adds Sponsored & UGC Tags
  • Google Updates Quality Rater Guidelines Targeting E-A-T, Page Quality & Interstitials

Categories

  • Affiliate Marketing
  • Amazon
  • Apple
  • Bing
  • Branding
  • Browsers
  • Chrome
  • Content Marketing
  • Design
  • Domains
  • DuckDuckGo
  • Email
  • Facebook
  • Firefox
  • Foursquare
  • Google
    • Analytics
    • Google RankBrain
    • Quality Rater's Guidelines
  • History of Search
  • Industry Spotlight
  • Instagram
  • Internet Explorer
  • Links
  • Local
  • Mobile
  • Native Advertising
  • Other Search Engines
  • Pay Per Click
  • Pinterest
  • Publishers
  • Security
  • SEO
  • Snapchat
  • Social Media
  • State of the Industry
  • The SEM Post
  • Tools
  • Twitter
  • Uncategorized
  • User Experience
  • Video Marketing
  • Week in Review
  • Whitepapers
  • Wordpress
  • Yahoo
  • Yelp
  • YouTube
January 2023
MTWTFSS
« Aug  
 1
2345678
9101112131415
16171819202122
23242526272829
3031 

Meta

  • Log in
  • Entries RSS
  • Comments RSS
  • WordPress.org

Copyright © 2023 · News Pro Theme On Genesis Framework · WordPress · Log in