• 18-19 College Green, Dublin 2
  • 01 685 9088
  • info@cunninghamwebsolutions.com
  • cunninghamwebsolutions
    Cunningham Web Solutions
    • Home
    • About Us
    • Our Services
      • Web Design
      • Digital Marketing
      • SEO Services
      • E-commerce Websites
      • Website Redevelopment
      • Social Media Services
    • Digital Marketing
      • Adwords
      • Social Media Services
      • Email Marketing
      • Display Advertising
      • Remarketing
    • Portfolio
    • FAQ’s
    • Blog
    • Contact Us
    MENU CLOSE back  

    Designing content for the mobile-first index

    You are here:
    1. Home
    2. Digital Marketing
    3. Designing content for the mobile-first index
    Thumbnail for 18962

    Face it: You’re not a literary author, and people aren’t hanging on to every word you write. Don’t get me wrong, it’s great to have comprehensive information on a web page, but users also don’t want to scroll forever — especially on mobile.

    Content on mobile needs to make it easier for users to get to the main points without cutting out the content, as users might want to dig into the details more at times. More than ever, the structure of your content is important, and your content needs to be navigable, skimmable and digestible.

    Table of contents

    A table of contents is a great way to show how you have organized your content, and combined with HTML bookmarks, it allows users to quickly jump to sections of a page that may interest them. For instance, my table of contents for this article would be:

    Table of contents
    HTML headings
    Expandable content
    Tabs
    Filters
    Summary, highlights, TL;DR
    Bullet points or lists
    Bold or italic text
    Highlight important points
    What about desktop?

    One of my favorite implementations of this is the Google Developer documentation, where you have the navigation right below the title and can quickly get to whatever section you need. They even made it expandable so it doesn’t overwhelm a user immediately.

    Table of Contents

    HTML headings

    HTML headings, or heading tags, help organize your content into sections, structuring your page in a logical manner with h1 – h6. The topical subheadings of this article are wrapped in h2 tags, while the article title itself is wrapped in an h1 tag. The heading tags make the content easily skimmable and are good targets for anchor links in a table of contents.

    Expandable content

    Expandable content areas (also known as “accordions”) are typically used for more details or FAQ sections. They are a great way to keep a page shorter and easier to navigate, while still enabling access to important information. Google Webmaster Trends Analyst Gary Illyes has stated that content hidden for UX reasons will be given full weight in the mobile-first index, whereas the desktop index slightly discounts this hidden content.

    See how Lowe’s does this with the product description, specs, reviews, Q&A and documentation all there on one page — yet it’s not overwhelming, even to a mobile user. If they had all of this content expanded by default, I would be tired of scrolling before I got to the bottom of the page.

    Expandable Content

    Tabs

    Tabbed content is used less on mobile because of space limitations, but this is an alternative to expandable content. It serves the same purpose, which is to hide content that may not be needed right away. See how Staples lets you see the description, specs, and reviews while keeping the content all on one page.

    Tabbed Content

    Filters

    Filters are an easy way to cut out large parts of the content that a user may not be interested in. By giving them the option to see only what they want to see, you are making it easier to find the information they are looking for without going through all the cruft to get there. One of my favorite implementations of this visually is Northcutt’s Google Ranking Factors.

    filters for content

    Summary, highlights, TL;DR

    Don’t have time to read a story? How about just taking in the main points of the article quickly? This helps on-the-go mobile readers quickly digest your content and determine if they want to read more in depth. I commonly see this being done on news, financial and sports websites, where the most important information can be summarized in a few points. Here’s one from CNBC:

    Content Summary

    [Read the full article on Search Engine Land.]

    From our sponsors: Designing content for the mobile-first index

    Posted on 5th August 2017Digital Marketing
    FacebookshareTwittertweetGoogle+share

    Related posts

    Thumbnail for 25786
    The Future of CX with Larry Ellison
    19th October 2020
    20201019 ML Brief
    19th October 2020
    Must-know tips for boosting your video strategy
    19th October 2020
    20201016 ML Brief
    19th October 2020
    NewsCred rebrands as Welcome
    13th October 2020
    Thumbnail for 25769
    How to make your data sing
    13th October 2020
    Latest News
    • Archived
      22nd March 2023
    • Archived
      18th March 2023
    • Archived
      20th January 2023
    • 20201019 ML Brief
      19th October 2020
    • Thumbnail for 25788
      Handling Continuous Integration And Delivery With GitHub Actions
      19th October 2020
    • Thumbnail for 25786
      The Future of CX with Larry Ellison
      19th October 2020
    News Categories
    • Digital Marketing
    • Web Design

    Our services

    Website Design
    Website Design

    A website is an important part of any business. Professional website development is an essential element of a successful online business.

    We provide website design services for every type of website imaginable. We supply brochure websites, E-commerce websites, bespoke website design, custom website development and a range of website applications. We love developing websites, come and talk to us about your project and we will tailor make a solution to match your requirements.

    You can contact us by phone, email or send us a request through our online form and we can give you a call back.

    More Information

    Digital Marketing
    Digital Marketing

    Our digital marketeers have years of experience in developing and excuting digital marketing strategies. We can help you promote your business online with the most effective methods to achieve the greatest return for your marketing budget. We offer a full service with includes the following:

    1. Social Media Marketing

    2. Email & Newsletter Advertising

    3. PPC - Pay Per Click

    4. A range of other methods are available

    More Information

    SEO
    SEO Services

    SEO is an essential part of owning an online property. The higher up the search engines that your website appears, the more visitors you will have and therefore the greater the potential for more business and increased profits.

    We offer a range of SEO services and packages. Our packages are very popular due to the expanse of on-page and off-page SEO services that they cover. Contact us to discuss your website and the SEO services that would best suit to increase your websites ranking.

    More Information

    E-commerce
    E-commerce Websites

    E-commerce is a rapidly growing area with sales online increasing year on year. A professional E-commerce store online is essential to increase sales and is a reflection of your business to potential customers. We provide professional E-commerce websites custom built to meet our clients requirements.

    Starting to sell online can be a daunting task and we are here to make that journey as smooth as possible. When you work with Cunningham Web Solutions on your E-commerce website, you will benefit from the experience of our team and every detail from the website design to stock management is carefully planned and designed with you in mind.

    More Information

    Social Media Services
    Social Media Services

    Social Media is becoming an increasingly effective method of marketing online. The opportunities that social media marketing can offer are endless and when managed correctly can bring great benefits to every business.

    Social Media Marketing is a low cost form of advertising that continues to bring a very good ROI for our clients. In conjuction with excellent website development and SEO, social media marketing should be an essential part of every digital marketing strategy.

    We offer Social Media Management packages and we also offer Social Media Training to individuals and to companies. Contact us to find out more.

    More Information

    Cunningham Web Solutions
    © Copyright 2025 | Cunningham Web Solutions
    • Home
    • Our Services
    • FAQ's
    • Account Services
    • Privacy Policy
    • Contact Us