On-Page Above the Fold content SEO

Published:
Updated:
by Wayne Smith

The content above the fold is the first impression visitors get when they land on your site before they scroll; it is part of the marketing experience, is critical for marketing and SEO, and affects both conversion and back-click rates.

Solution Smith

Solution Smith evaluates above-the-fold content based on the Search Quality Rater Guidelines, ensuring seamless enhancements to the search, marketing experience, and additional marketing channels; User intent is matched and the clarity of page intent is improved by avoiding overcrowding above-the-fold content; And, considers both above-the-fold and scroll depth for cell phones and mobile devices.

Solution Smith optimizes top-of-page user engagement and page memorability by strategically using elements of design and interactive elements, which are emergent factors of the NavBoost algorithm.

Google's webmaster guides are cryptic about above-the-fold content algorithms except for the rater's guidelines.

Youtube @GoogleSearchCentral Q and A -- John Mueller

SEO for Above the Fold content

NavBoost

The NavBoost algorithm modifies rankings based on user engagement. By incorporating engaging visuals above the fold, you can boost the user interaction that NavBoost values.

On-Page Keyword Optimization Zones

Inktomi, or Hotbot, was the first search engine to implement an "above the fold" algorithm. Using CSS, Inktomi determined the actual size of text and identified what content appeared above the fold, giving it more weight in rankings. Today, modern algorithms still consider above-the-fold content to be equally important.

Until SEO figured out what Inktomi was doing they were at a loss. Believe it or not many sites did not present relevant information on the top of pages for visitors; these sites were buried, until they realized the importance of the content zone.

A/B Testing can be done easily for this area of the page. What is presented directly affects user behavior, interactions, and engagement with the content.

Keywords Above the Fold

It is partially correct that a page is not disqualified by Google if the main keyword is missing from the above-the-fold content.

Wikipedia - Hummingbird

Unlike previous search algorithms, which would focus on each individual word in the search query, "Hummingbird" considers the context of the different words together, with the goal that pages matching the meaning do better, rather than pages matching just a few words

Searching for "Do it yourself pizza," versus "pizza recipe," provides the same search results in Google. Yet the pages that are provided don't say, "do it yourself," yet match the meaning.

The evolution from Search Keywords to Search Entities

For better clarity: Ensure the primary keyword appears in the page title, main headline, and subheading beneath it. Ideally, both the headline and subheading should be visible above the fold to improve search engine rankings and user experience.

But keep in mind the trend is towards entities/topics and not keywords, and the above-the-fold needs to focus on the topic more than the keyword itself.

The main headline and Lead-In should be engaging

You don't want to stuff keywords into the main headline or lead-in, or use tiny text. Tiny words are not important words for SEO. The primary keyword should be predominantly displayed -- It is best to influence the visitor using the lead-in, to engage with the rest of the page. Below-the-fold H2 or H3 headings can introduce additional search terms. Above the fold is the compelling content for the rest of the page.

Above the Fold -- type of content and user intent

The type of content affects what needs to appear in the above-the-fold content. The page intent needs to match the search intent and clairity needs to be maintained by not overcrowding the above-the-fold content.

A Video Watch Page

For video content, the video needs to show above-the-fold, or rendered HTML as shown in the Google preview. A "Video isn't on a watch page," results when the video is not above the fold.

Video isn't on a watch page

The "in the rendered HTML," -- Source: Google Webmaster Support

A Call to Action

Call to action includes any action the user is intended to take when landing on the page. For example, downloading a report, Checking shipping status, etc., are called to action.

The call to action button should be visible in the rendered portion of a smartphone without the visitor needing to scroll.

Informational pages

It's best to include the Lead-In, Summary, LEDE or key points (like a TLDR) above-the-fold content, where people can see it right away without scrolling. Keep in mind that only about 5% of searches currently get Google's AI-generated summaries, and less than 4% qualify for featured snippets.

FAQ Content Use Case

FAQs are a clear user intent signal provided to Google. If the intent of the page is to answer a question, the question should appear above-the-fold, and may be the headline of the page.

Schema is available to signal Google that the intent of the page is to answer the question. Or, Recipe schema is available to signal google that the intent of the page is to answer the question of how to make a food item.

One does not need to, and should not, create different variations of the same question ... The Hummingbird algorithm has that covered.

Some pages may answer a list of questions, it should still be clear when the user lands on the page after asking the question that the page is indeed the correct page with answers.

FAQ below the fold should not removed, they affect relevancy.

Above the Fold for the Home Page - Trust Signals

The H1 tag for the home page is the name of the site or brand. It is the primary keyword for navigational intention searches. It should appear above the fold.

On informational pages, the H1 tag should also be above the fold and contain the primary keyword, and the sub-heading text under the H1 for an informational page should contain the TLDR or LEDE. A Home page lacks a TLDR section.

Trust signals, like your business name, address, and phone number (NAP), should be visible above the fold. Since the homepage often serves as a navigation hub, these trust signals might appear on other pages, with links to "About Us" and "Contact Us" placed above the fold.

Like the main headline for an informational page promises content and answers ... a promise is made for trust signals that the information exists below the fold or on the linked page.

Author Byline and Publish Date Trust Signal

Placing the byline above-the-fold pairs the author's name with relevant keywords, and the page will appear in search results when using the author's name with keywords.

"We focus on N.E.E.A.T.T, not E.E.A.T" Jason BARNARD -- CEO Kalicube

"N.E.E.A.T.T is an extended version of Google’s E.E.A.T. Kalicube created the acronym N.E.E.A.T.T : Notability, Experience, Expertise, Authoritativeness, Trustworthiness and Transparency. Google’s E.A.T.T does not include Notability and Transparency. At Kalicube, we know Notability and Transparency are fundamental to demonstrating E.A.T.T even if Google doesn’t list them explicitly. Why? The humans at Google strive to serve notable and transparent entities in the search results."

Source: Kalicube

Byline Schema, Publish Date Semantics

Images - Above the Fold - Use Case

Google does not obey a request to use a featured thumbnail for a page listing.

Instead, Google considers what it knows about the search intent. Based on the search intent a thumbnail may be used. If Google is using a thumbnail -- having the image above-the-fold may improve rankings.

The image use case, (like the video use case), may be triggered by people using the same search phrase for infographics or product images. It is not a given use case, but Google and other search engines adapt their algorithms to match user intent.

When images are used: Images should be of high quality and a resolution acceptable for usage in Google Discovery (when applicable), and the page headline should not be pushed below the fold.

Images can help in other ways

Beyond the above-the-fold effects for SEO, images can help with user engagement, and trust. Don't create content for search engines, create it for visitors and potential paying customers.

Table of Content - Above the Fold - Use Case

Not every page needs a table of contents. However, pages with multiple subheadings can benefit from having one.

Google will often create jump-to-links featured snippets for content that may benefit from a table of contents.

How To Jump Links Snippet

If Google is creating jump-to-links as a featured snippet for the page, One might consider having a TOC above the fold ... otherwise, it is likely not helpful. Again NavBoost can decide if it is helpful.

Above the fold - Load Speed

A pain point for search engines that facilitated using above-the-fold for ranking is visitors seeing irrelevant content. Another equally painful factor for users to abandon a visit to a site is the perception of poor page speed.

Web vitals is rumored to be a ranking factor? A perfect web vitals score can be achieved by waiting for interaction before downloading the content. The user experience created by doing this is ugly. However, if a perfect score is desired the interaction can be a page scroll. Expect a zero ROI for achieving a perfect web vitals score.

Bounce Rate is a factor of the preception of above-the-fold speed,
not overall page speed or web vitals.

The user's perception of page speed has nearly nothing in common with Google's Web Vitals; And, it is not based on the actual time a page takes to load.

Web vitals can show a page with poor performance as very good in web vitals and a page with a good user perception as poor.

The user's interest is how long they need to wait before they can interact with the content and can be broken down into two categories:

1> How long before the content (above the fold) stops shifting as the page loads? Addressable by CSS.

2> How long time before they can interact with the page? Addressable by fetching additional resources off the main thread.

The first concern can be addressed by using on-page CSS for the above-the-fold content and an external CSS file for the rest of the page when the amount of materials needed to create the page becomes excessive.

Doing on-page CSS is not a web vitals factor.

The second concern can be addressed by prioritizing the loading of above-the-fold content and lazy loading the content for the rest of the page. To improve the wait time for interaction, ensure that downloading does not block the main thread. IE a fetch promise, but web vitals may show a worse score.

Incomplete page loads found in logs should be flagged as critical.