Google adds Read more links best practices

In the ever-evolving landscape of search engine optimization, staying ahead of Google’s documentation updates is essential for maintaining visibility and driving traffic. Recently, Google introduced a significant update to its documentation regarding search result snippets, specifically focusing on the “Read more” links that have begun appearing in search results. This feature, which first surfaced in testing phases around December, is now a permanent fixture in the Search Console ecosystem, and Google has provided a clear roadmap for webmasters to ensure their content is eligible and optimized for these deep links.

The “Read more” links are not merely decorative; they serve as functional deep links that guide users directly to specific sections of a webpage that are most relevant to their search query. For publishers, these links represent a premium piece of real estate on the Search Engine Results Page (SERP). Understanding how to implement them correctly—and avoiding the technical pitfalls that can break them—is the new frontier for technical SEO.

Understanding the Evolution of Search Snippets

For years, Google search snippets were relatively static, consisting of a title, a URL, and a meta description. Over time, Google introduced rich snippets, featured snippets, and sitelinks to provide users with more context before they even clicked. The introduction of “Read more” links within the snippet itself is a continuation of this trend toward “fragmented” search results. Instead of just landing a user on the homepage or the top of an article, Google is now increasingly interested in “deep linking” users to the exact paragraph or heading that answers their question.

When a user clicks one of these “Read more” links, they are often directed to a specific portion of the page via a URL hash or a “scroll-to-text” fragment. If the page is structured correctly, the browser will automatically scroll to the relevant section and highlight the text. This creates a seamless transition from the search result to the answer, significantly improving the user experience. However, this functionality relies heavily on how a website handles its internal navigation and JavaScript execution.

The Core Best Practices for Read More Links

Google’s new documentation highlights three primary best practices that every webmaster, developer, and SEO professional should memorize. These rules are designed to ensure that when a user clicks a “Read more” link, the destination matches their expectations and the browser functions as intended.

1. Ensure Content Visibility for Humans

The first and perhaps most critical rule is that the content being linked to must be immediately visible on the page. Google emphasizes that content should not be hidden behind expandable sections, accordions, or tabbed interfaces that require additional user interaction to view.

In the past, many developers used “hidden” content to save screen real estate, especially on mobile devices. While this may look cleaner, it creates a “bait and switch” feeling for a user who clicks a deep link only to find themselves on a page where the information they were promised is nowhere to be found. If Google’s crawler identifies that the text fragment is located within a `display: none` or `hidden` attribute, it may choose not to display the “Read more” link at all, or worse, it could lead to a poor user experience that increases bounce rates.

To align with this best practice, ensure that your primary informational content—especially sections that answer specific “how-to” or “what is” questions—is part of the main document flow and visible upon page load. If you must use tabs or accordions for secondary information, avoid placing your most valuable, snippet-worthy content inside them.

2. Avoid JavaScript-Controlled Scroll Overrides

Modern web development often involves using JavaScript to create smooth scrolling effects or to “reset” a user’s position on the page when certain actions occur. However, Google warns against using JavaScript to force a user’s scroll position to the top of the page (or any other specific position) during the initial page load.

When Google generates a “Read more” link, it often appends a fragment to the URL (e.g., `#section-title` or `#:~:text=example`). The browser uses this fragment to automatically jump to the correct spot. If your site’s JavaScript executes a “scroll to top” command upon the `onload` event, it will effectively “fight” the browser’s native deep-linking behavior. The user will momentarily see the correct section before being jerked back to the top of the page. This is jarring and frustrates the user’s attempt to find information quickly. Your site’s code should respect the URL fragment provided by the search engine.

3. Maintain URL Hash Integrity

The third best practice involves the technical management of URLs via the History API or `window.location.hash`. Many modern Single Page Applications (SPAs) or sites built with frameworks like React, Vue, or Next.js use the History API to update the URL without refreshing the page.

Google advises that if you make `history.pushState`, `history.replaceState`, or `window.location.hash` modifications during the page load process, you must be careful not to accidentally strip the hash fragment from the URL. If your script cleans the URL and removes the fragment that Google provided, the deep-linking behavior breaks entirely. The browser will no longer know where to scroll, and the “Read more” link loses its primary function. Developers should audit their routing scripts to ensure that incoming hash fragments are preserved and respected.

Why These Best Practices Matter for SEO Strategy

You might wonder why Google is being so specific about these technical details. The answer lies in the competition for user attention. These “Read more” links add an additional, eye-catching element to your search snippets. They make your result appear larger and more authoritative than a standard blue link. By providing multiple entry points into your content, you are essentially increasing the “clickability” of your search listing.

Furthermore, these links are a signal of high-quality, well-structured content. Google typically only generates deep links for pages that use clear headings (H2s and H3s) and follow a logical information hierarchy. By following these best practices, you aren’t just fixing a technical glitch; you are signaling to Google that your site is modern, accessible, and user-centric.

The Strategic Importance of Click-Through Rate (CTR)

In the current SEO climate, CTR is a vital metric. As Google integrates more AI-generated summaries and featured snippets into the top of the SERPs, organic listings are being pushed further down the page. Anything a site owner can do to stand out is a win. “Read more” links act as a form of “organic sitelinks” that are generated dynamically based on the user’s specific intent.

If two websites offer the same information, but one has a standard snippet and the other has a rich snippet with three “Read more” deep links, the latter is far more likely to capture the click. It provides the user with a “preview” of the answer they are seeking, building trust before they even land on the site.

Technical Implementation: A Checklist for Developers

To ensure your site is fully optimized for Google’s “Read more” links, consider implementing the following technical checklist:

Review Your Document Object Model (DOM)

Ensure that your content is rendered in a way that is accessible to search engines. If you are using client-side rendering, make sure the text that might be targeted for a “Read more” link is present in the initial HTML or easily discoverable during Google’s rendering phase. Avoid “lazy-loading” text content that is essential for the main topic of the page.

Test Your Fragment Navigation

Manually test your site’s deep-linking capability. You can do this by adding a `#` followed by an element ID to your URL (e.g., `yoursite.com/blog-post/#conclusion`). If the page loads and stays at the bottom of the page, your site is functioning correctly. If the page loads and then jumps back to the top, you have a JavaScript conflict that needs to be resolved.

Audit Your History API Calls

Work with your development team to review any scripts that use `pushState` or `replaceState`. Ensure that these functions are not stripping URL parameters or hash fragments unless specifically intended for a functional reason. Use the `window.location.hash` property carefully to ensure it doesn’t overwrite incoming search fragments.

Optimize Heading Structure

Google uses headings to understand the sections of your page. Use descriptive, keyword-rich (but not stuffed) H2 and H3 tags. This makes it easier for Google to identify logical “stop points” for “Read more” links. Instead of a heading that just says “More Info,” use “Best Practices for Read More Links.” This gives Google a clear anchor to link to.

The Impact on Content Architecture

Google’s move toward “Read more” links suggests that long-form content is still highly valued, provided it is structured well. In the past, some SEOs argued that users have short attention spans and that content should be kept brief. However, “Read more” links allow a user to navigate a 3,000-word guide with ease, jumping directly to the chapter that matters to them.

This encourages publishers to create comprehensive, “pillar” content that covers a topic in depth. By organizing this content with clear subheadings and visible text, you provide Google with the “hooks” it needs to create these deep-link snippets. This creates a virtuous cycle: better structure leads to better snippets, which leads to higher CTR, which ultimately signals to Google that your content is a top-tier resource.

Common Pitfalls to Avoid

While the benefits are clear, there are several common mistakes that can prevent “Read more” links from appearing or functioning correctly:

  • Intrusive Interstitials: If a pop-up or “join our newsletter” modal triggers immediately upon page load, it can interfere with the scroll-to-text functionality or hide the content Google is trying to link to.
  • Slow Loading Times: If a page takes too long to load, the browser may fail to execute the scroll-to-fragment command correctly, especially on mobile devices with slower connections.
  • Dynamic Content Shifting: If images or ads load slowly and cause the page layout to “jump” (a high Cumulative Layout Shift), the user may be scrolled to the correct section, only for the section to move away as elements load above it.

Conclusion: Adapting to the Future of Search

Google’s documentation on “Read more” links is a clear signal that the search giant wants to make the transition from the SERP to the website as frictionless as possible. By adhering to these best practices—keeping content visible, respecting scroll positions, and maintaining URL integrity—you are not just “fixing” your SEO; you are improving the foundational user experience of your website.

As search becomes more fragmented and AI-driven, the websites that win will be those that are easiest to navigate, both for search bots and human users. Take the time to audit your site today. Ensure that your technical infrastructure supports these deep links, and you will likely see the benefits in your traffic and engagement metrics throughout the coming year. More clicks to your website is the goal, and following Google’s latest best practices is the clearest path to achieving it.

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top